|
@@ -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>
|