Re-implement map page

Going Django-Django !

wifiwithme/apps/contribmap/templates/contribmap/map.html

@@ -1,17 +1,23 @@
-%rebase base page='map'
+{% extends "base.html" %}
+
+{% load staticfiles %}
 
 <!-- <span class="back-link">&larr; <a href="/">Accueil</a></span> -->
 
+
+{% block content %}
 <h1>Résultats</h1>
 
-<div id="map" class="results" data-json="{{geojson}}"></div>
-<script src="assets/map.js" type="text/javascript"></script>
+<div id="map" class="results" data-json="{% url 'public_json' %}"></div>
+<script src="{% static 'map.js' %}" type="text/javascript"></script>
 <p>Légende : <br />
-  <img src="assets/leaflet/images/marker-icon-red.png" /> Personne souhaitant partager sa connexion Internet<br />
-  <img src="assets/leaflet/images/marker-icon.png" /> Personne souhaitant se connecter au réseau radio
+  <img src="{% static 'leaflet/images/marker-icon-red.png' %}" /> Personne souhaitant partager sa connexion Internet<br />
+  <img src="{% static 'leaflet/images/marker-icon.png' %}" /> Personne souhaitant se connecter au réseau radio
 </p>
 <p>
-  Télécharger le fichier <a href="{{geojson}}">GeoJSON</a> (base de données mise sous
+  Télécharger le fichier <a href="{% url 'public_json' %}">GeoJSON</a> (base de données mise sous
   licence <a href="http://opendatacommons.org/licenses/by/summary/">ODC-BY
   1.0</a>).
 </p>
+
+{% endblock content %}

wifiwithme/apps/contribmap/urls.py

@@ -1,8 +1,9 @@
 from django.conf.urls import url
 
-from .views import PublicJSON, PrivateJSON, add_contrib, thanks
+from .views import PublicJSON, PrivateJSON, display_map, add_contrib, thanks
 
 urlpatterns = [
+    url(r'^$', display_map, name='display_map'),
     url(r'^contribute/thanks', thanks, name='thanks'),
     url(r'^contribute', add_contrib, name='add_contrib'),
     url(r'^public.json$', PublicJSON.as_view(), name='public_json'),

wifiwithme/apps/contribmap/views.py

@@ -42,6 +42,10 @@ def add_contrib(request):
     })
 
 
+def display_map(request):
+    return render(request, 'contribmap/map.html')
+
+
 def thanks(request):
     return render(request, 'contribmap/thanks.html')
 

wifiwithme/static/map.js

@@ -9,7 +9,7 @@ $( document ).ready(function() {
 
     // Icons
     var leecherIcon = L.icon({
-    iconUrl: 'assets/leaflet/images/marker-icon.png',
+    iconUrl: '../assets/leaflet/images/marker-icon.png',
         iconSize: [25, 41],
         iconAnchor: [12, 41],
         popupAnchor: [0, -28]
@@ -17,7 +17,7 @@ $( document ).ready(function() {
 
 
     var seederIcon = L.icon({
-    iconUrl: 'assets/leaflet/images/marker-icon-red.png',
+    iconUrl: '../assets/leaflet/images/marker-icon-red.png',
         iconSize: [25, 41],
         iconAnchor: [12, 41],
         popupAnchor: [0, -28]