diff options
| author |  Gehad elrobey <gehadelrobey@gmail.com> | 2014-06-10 04:45:31 +0300 |
|---|---|---|
| committer |  Dirk Hohndel <dirk@hohndel.org> | 2014-06-15 09:23:27 -0700 |
| commit | 8ea5441b79c860520f8bc28ad905196ac58ad37c (patch) | |
| tree | fa565ce9967404641f7000b8fcc1216a2244612f /theme/dive_export.html | |
| parent | 29c2f88802dff3708a323f7673966d4aee71ba82 (diff) | |
| download | subsurface-8ea5441b79c860520f8bc28ad905196ac58ad37c.tar.gz | |
HTML: Show dive profile embedded in HTML5 canvas
Plot samples from dive computer (depth,time) with HTML5 canvas.
Add very small API for curve drawing and coloring. Add the dive
equipment to the detailed dive view.
in the dive list when a dive is expanded you can show the dive
profile,equipments and dive information by clicking on 'show more
details'.
Fixing the two themes to work well with the new div added that
carry detailed dive information.
Signed-off-by: Gehad elrobey <gehadelrobey@gmail.com>
Signed-off-by: Miika Turkia <miika.turkia@gmail.com>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
Diffstat (limited to 'theme/dive_export.html')
| -rw-r--r-- | theme/dive_export.html | 21 |
1 files changed, 20 insertions, 1 deletions
diff --git a/theme/dive_export.html b/theme/dive_export.html index edee4645a..4d7efa20c 100644 --- a/theme/dive_export.html +++ b/theme/dive_export.html @@ -79,6 +79,7 @@ window.onload=function(){ sizeofpage=10; showAllDives(); + document.getElementById("divePanel").style.display='none'; } function changeAdvSearch(e){ @@ -95,7 +96,7 @@ function changeAdvSearch(e){ <h1>Subsurface</h1> </div> </center> - <div id="divePanel"> + <div id="diveListPanel"> <div id="controlbox"> <input id="search_input" oninput="SearchModules(this.value)" placeholder="search"/><a id="adv_srch_sp" onClick="showdiv()" >Advanced Search</a> <div id="advanced_search"> @@ -135,5 +136,23 @@ function changeAdvSearch(e){ </div> </center> </div> + <div id="divePanel"> + <div id="diveprofile"> + <h2>Dive profile</h2> + <canvas id="profileCanvas"></canvas> + </div> + <div id="diveinfo"> + <h2>Dive Information</h2> + </div> + <div id="dive_equipments"> + <h2>Dive equipments</h2> + </div> + <div id="bookmarks"> + <h2>Bookmarks</h2> + </div> + <div id="divestats"> + <h2>Dive stats</h2> + </div> + </div> </body> </html> |