style des formulaires + icons

panorama/templates/panorama/sidebar.html

@@ -4,7 +4,7 @@
             <a href="{% url 'panorama:main' %}"><i class="fa fa-fw fa-home"></i> Map</a>
         </li>
         <li>
-            <a href="javascript:;" data-toggle="collapse" data-target="#panos"><i class="fa fa-fw fa-arrows-v"></i> Panoramas<i class="fa fa-fw fa-caret-down"></i></a>
+            <a href="javascript:;" data-toggle="collapse" data-target="#panos"><i class="fa fa-fw fa-circle-thin"></i> Panoramas<i class="fa fa-fw fa-caret-down"></i></a>
             <ul id="panos" class="collapse">
               {% for pano in panoramas %}
               <li><a href="{% url 'panorama:view_pano' pano.id %}"><i class="fa fa-fw fa-eye"></i> {{ pano.name }}</a></li>
@@ -12,7 +12,7 @@
             </ul>
         </li>
         <li>
-            <a href="javascript:;" data-toggle="collapse" data-target="#locate-existing"><i class="fa fa-fw fa-arrows-v"></i> Locate existing point<i class="fa fa-fw fa-caret-down"></i></a>
+            <a href="javascript:;" data-toggle="collapse" data-target="#locate-existing"><i class="fa fa-fw fa-location-arrow"></i> Locate existing point<i class="fa fa-fw fa-caret-down"></i></a>
             <ul id="locate-existing" class="collapse">
                 <li>
                     <form action="{% url 'panorama:locate_refpoint' %}" enctype="multipart/form-data" method="post">{% csrf_token %}
@@ -23,27 +23,34 @@
             </ul>
         </li>
         <li>
-            <a href="javascript:;" data-toggle="collapse" data-target="#locate-gps"><i class="fa fa-fw fa-arrows-v"></i> Locate GPS point<i class="fa fa-fw fa-caret-down"></i></a>
+            <a href="javascript:;" data-toggle="collapse" data-target="#locate-gps"><i class="fa fa-fw fa-magic"></i> Locate GPS point<i class="fa fa-fw fa-caret-down"></i></a>
             <ul id="locate-gps" class="collapse">
                 <li>
                     <form action="{% url 'panorama:locate_custompoint' %}" enctype="multipart/form-data" method="post">{% csrf_token %}
-                      {{ custom_point_form.as_p }}
-                      <input type="submit" value="Locate" />
+                        {{ custom_point_form.latitude.label_tag }}{{ custom_point_form.latitude }}
+                        {{ custom_point_form.longitude.label_tag }}{{ custom_point_form.longitude }}
+                        {{ custom_point_form.altitude.label_tag }}{{ custom_point_form.altitude }}
+                        </br>
+                        <input type="submit" value="Locate" />
                     </form>
                 </li>
             </ul>
         </li>
         <li>
-            <a href="javascript:;" data-toggle="collapse" data-target="#new-pano"><i class="fa fa-fw fa-edit"></i> Add new panorama<i class="fa fa-fw fa-caret-down"></i></a>
+            <a href="javascript:;" data-toggle="collapse" data-target="#new-pano"><i class="fa fa-fw fa-plus-square"></i> Add new panorama<i class="fa fa-fw fa-caret-down"></i></a>
             <ul id="new-pano" class="collapse">
                 <li>
                     <form action="{% url 'panorama:new' %}" enctype="multipart/form-data" method="post">{% csrf_token %}
-                      {{ newpanorama_form.as_p }}
-                      <input type="submit" value="Submit" />
+                        {{ newpanorama_form.name.label_tag }}{{ newpanorama_form.name }}
+                        {{ newpanorama_form.image.label_tag }}{{ newpanorama_form.image }}
+                        <label for="{{ newpanorama_form.loop.id_for_label }}">{{ newpanorama_form.loop }} 360° panorama</label>
+                        {{ newpanorama_form.latitude.label_tag }}{{ newpanorama_form.latitude }}
+                        {{ newpanorama_form.longitude.label_tag }}{{ newpanorama_form.longitude }}
+                        {{ newpanorama_form.altitude.label_tag }}{{ newpanorama_form.altitude }}
+                        <input type="submit" value="Add" />
                     </form>
                 </li>
             </ul>
-
         </li>
     </ul>
 </div>