Reintegrate map & search to form

wifiwithme/apps/contribmap/forms.py

@@ -1,9 +1,9 @@
-from django.forms import ModelForm
+from django import forms
 
 from .models import Contrib
 
 
-class PublicContribForm(ModelForm):
+class PublicContribForm(forms.ModelForm):
     class Meta:
         model = Contrib
 
@@ -20,3 +20,7 @@ class PublicContribForm(ModelForm):
             'privacy_name', 'privacy_email', 'privacy_coordinates',
             'privacy_place_details', 'privacy_comment',
         ]
+        widgets = {
+            'latitude': forms.HiddenInput,
+            'longitude': forms.HiddenInput,
+        }

wifiwithme/apps/contribmap/templates/contribmap/wifi-form.html

@@ -1,11 +1,12 @@
 {% extends "base.html" %}
 
 {% load bootstrap %}
+{% load staticfiles %}
 
 {% block body_class %}form{% endblock %}
 
 {% block content %}
-  <script src="assets/form.js" type="text/javascript"></script>
+  <script src="{% static 'form.js' %}" type="text/javascript"></script>
 
   <header class="jumbotron">
     <div class="container">
@@ -111,10 +112,51 @@ pourraient être intéressantes.
     </label></p>
     </div>
 
+  <h2>Ma localisation</h2>
 
+    <div class="row">
+      <div class="col-sm-6">
+        <div id="map" data-json="{{geojson}}"></div>
+      </div>
+      <div class="form-group col-sm-6">
+        <div class="form-group form-group-lg form-inline">
+          <input type="text" name="search"
+                 id="search" placeholder="rue du calvaire, nantes" class="form-control" />
+          <span id="search-btn" class="btn btn-default btn-lg" data-loading-text="...">Recherche</span>
+
+          <div id="search-results" class=""></div>
+          <p class="help-block">Déplacer le marqueur bleu pour pointer précisément le bâtiment au besoin</p>
+          <p class="help-block">
+            Les ronds verts sont ceux renseignés par d'autres utilisateurs, vous
+            pouvez aussi consulter <a href="map" target="_blank">la carte
+            publique plus détaillée</a>.
+          </p>
+
+        </div>
+        {{ form.latitude }}
+        {{ form.latitude.errors }}
+        {{ form.longitude }}
+        {{ form.longitude.errors }}
+        </div>
+      </div>
+    </div>
 
     <input type="submit" value="Envoyer" class="btn btn-primary btn-lg"/>
   </form>
   </section>
 
+
+<div id="modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="Resultats" aria-hidden="true">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Fermer</span></button>
+        <h4 class="modal-title" id="myModalLabel">Résultats</h4>
+      </div>
+      <div class="modal-body">
+      </div>
+    </div>
+  </div>
+</div>
+
 {% endblock %}