Browse Source

ajout des infos sur pointeur précédemment supprimés

julpec 8 years ago
parent
commit
180b80fbf9
1 changed files with 70 additions and 67 deletions
  1. 70 67
      panorama/templates/panorama/view.html

+ 70 - 67
panorama/templates/panorama/view.html

@@ -4,74 +4,7 @@
 
 {% block title %}{{ panorama.name }}{% endblock title %}
 
-{% block top-menu-title %}
-    <a class="navbar-brand" href="">{{panorama.name}}</a>
-{% endblock %}
-
-{% block top-menu-items %}
-    <li class="dropdown">
-        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-question-circle"></i>  Params<b class="caret"></b></a>
-        <ul class="dropdown-menu">
-            <li>
-                <div>
-                  <p>latitude :   <em><span id="pos_lat">{{ panorama.latitude }}</span>°</em></p>
-                  <p>longitude : <em><span id="pos_lon">{{ panorama.longitude }}</span>°</em></p>
-                  <p>altitude : <em><span id="pos_alt">{{ panorama.altitude }}</span> m</em></p>
-                </div>
-            </li>
-        </ul>
-    </li>
-    <li class="dropdown">
-        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gears"></i>  Controls<b class="caret"></b></a>
-        <ul class="dropdown-menu">
-            <li>
-                  <label>Zoom : <input type="range" min="0" max="2" value="2" id="zoom_ctrl"/></label>
-                  <label>Cap : <input type="number" min="0" max="360" step="10" value="0" autofocus="" id="angle_ctrl"/></label>
-                  <label>Élévation : <input type="number" min="-90" max="90" step="1" value="0" autofocus="" id="elvtn_ctrl"/></label>
-            </li>
-        </ul>
-    </li>
-    <li class="dropdown">
-        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i>  Localiser<b class="caret"></b></a>
-        <ul class="dropdown-menu">
-            <li>
-                  <label class="form_col" title="La latitude ϵ [-90°, 90°]. Ex: 12.55257">Latitude :
-                    <input  name="loca_latitude" type="number" min="-90" max="90"  id="loca_latitude"/></label>
-                  <label class="form_col" title="La longitude ϵ [-180°, 180°]. Ex: 144.14723">Longitude :
-                    <input name="loca_longitude" type="number" min="-180" max="180" id="loca_longitude"/></label>
-                  <label class="form_col" title="L'altitude positive Ex: 170">Altitude :
-                    <input  name="loca_altitude" type="number" min="-400" id="loca_altitude"/></label>
-                  <div class="answer">
-                    <input type="button" value="Localiser" id="loca_button"/>
-                    <input type="button" value="Effacer" id="loca_erase"/>
-                  </div>
-            </li>
-        </ul>
-    </li>
-    <li class="dropdown">
-        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-info-circle"></i>  à propos<b class="caret"></b></a>
-        <ul class="dropdown-menu">
-            <li>
-               <p>Celutz is a tool for managing and referencing panoramic photos.
-               <a href="https://code.ffdn.org/FFDN/celutz/">Project homepage</a>
-            </li>
-        </ul>
-    </li>
-{% endblock %}
 
-{% block sidebar %}
-{% endblock %}
-
-{% block wrapper-style %}
-style="padding-left:0px"
-{% endblock %}
-
-{% block content %}
-{% endblock content %}
-
-{% block css %}
-    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
-{% endblock css %}
 
 {% block js %}
     <script>
@@ -146,10 +79,80 @@ style="padding-left:0px"
     </script>
 {% endblock js %}
 
+{% block top-menu-title %}
+    <a class="navbar-brand" href="">{{panorama.name}}</a>
+{% endblock %}
+
+{% block top-menu-items %}
+    <li class="dropdown">
+        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-question-circle"></i>  Params<b class="caret"></b></a>
+        <ul class="dropdown-menu">
+            <li>
+                <div>
+                  <p>latitude :   <em><span id="pos_lat">{{ panorama.latitude }}</span>°</em></p>
+                  <p>longitude : <em><span id="pos_lon">{{ panorama.longitude }}</span>°</em></p>
+                  <p>altitude : <em><span id="pos_alt">{{ panorama.altitude }}</span> m</em></p>
+                </div>
+            </li>
+        </ul>
+    </li>
+    <li class="dropdown">
+        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gears"></i>  Controls<b class="caret"></b></a>
+        <ul class="dropdown-menu">
+            <li>
+                  <label>Zoom : <input type="range" min="0" max="2" value="2" id="zoom_ctrl"/></label>
+                  <label>Cap : <input type="number" min="0" max="360" step="10" value="0" autofocus="" id="angle_ctrl"/></label>
+                  <label>Élévation : <input type="number" min="-90" max="90" step="1" value="0" autofocus="" id="elvtn_ctrl"/></label>
+            </li>
+        </ul>
+    </li>
+    <li class="dropdown">
+        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i>  Localiser<b class="caret"></b></a>
+        <ul class="dropdown-menu">
+            <li>
+                  <label class="form_col" title="La latitude ϵ [-90°, 90°]. Ex: 12.55257">Latitude :
+                    <input  name="loca_latitude" type="number" min="-90" max="90"  id="loca_latitude"/></label>
+                  <label class="form_col" title="La longitude ϵ [-180°, 180°]. Ex: 144.14723">Longitude :
+                    <input name="loca_longitude" type="number" min="-180" max="180" id="loca_longitude"/></label>
+                  <label class="form_col" title="L'altitude positive Ex: 170">Altitude :
+                    <input  name="loca_altitude" type="number" min="-400" id="loca_altitude"/></label>
+                  <div class="answer">
+                    <input type="button" value="Localiser" id="loca_button"/>
+                    <input type="button" value="Effacer" id="loca_erase"/>
+                  </div>
+            </li>
+        </ul>
+    </li>
+    <li class="dropdown">
+        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-info-circle"></i>  à propos<b class="caret"></b></a>
+        <ul class="dropdown-menu">
+            <li>
+               <p>Celutz is a tool for managing and referencing panoramic photos.
+               <a href="https://code.ffdn.org/FFDN/celutz/">Project homepage</a>
+            </li>
+        </ul>
+    </li>
+{% endblock %}
+
+{% block sidebar %}
+{% endblock %}
+
+{% block wrapper-style %}
+style="padding-left:0px"
+{% endblock %}
+
+{% block content %}
+{% endblock content %}
+
+{% block css %}
+    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
+{% endblock css %}
+
 {% block pano %}
     <canvas id="mon-canvas">
       Ce message indique que ce navigateur est vétuste car il ne supporte pas <samp>canvas</samp> (IE6, IE7, IE8, ...)
     </canvas>
+    <p id="info"></p>
     <p id="insert"><select id="sel_point" name="known_points">
         {% for id, refpoint in panorama.refpoints_data %}
         <option>{{ refpoint.name }}</option>