[feature] add map to admin's change list (WIP - DO NOT MERGE)

leaflet/admin.py

@@ -24,6 +24,7 @@ class LeafletGeoAdmin(ModelAdmin):
     map_width = '100%'
     map_height = '400px'
     display_raw = False
+    list_geom_field = None
 
     def formfield_for_dbfield(self, db_field, **kwargs):
         """
@@ -55,3 +56,6 @@ class LeafletMap(self.widget):
             map_height = self.map_height
             display_raw = self.display_raw
         return LeafletMap
+
+
+    change_list_template = 'leaflet/admin/change_list_geo.html'

leaflet/templates/leaflet/admin/change_list_geo.html

@@ -0,0 +1,99 @@
+{% extends 'admin/change_list.html' %}
+{% load leaflet_tags %}
+{% load admin_list_leaflet %}
+
+
+{% block stylesheets %}
+    {{ block.super }}
+    {% include 'leaflet/css.html' %}
+
+    <style>
+    .leaflet-container-default{
+    		min-width: 300px;
+    }
+    </style>
+
+{% endblock %}
+
+{% block javascripts %}
+    {{ block.super }}
+    {% include 'leaflet/js.html' %}
+{% endblock %}
+
+
+{% block result_list %}
+{% if cl.model_admin.list_geom_field %}
+
+{% leaflet_map "map" %}
+
+<script type="text/javascript">
+
+(function($) {
+
+	$('#map').addClass('grp-module');
+
+	// GeoJSON object 
+    var geojsonFeatures = {
+    	"type": "FeatureCollection",
+	    "features": [
+{% for result in cl.result_list %}
+		{
+	        	"type": "Feature",
+	        	"geometry": {{result|geom_field:cl.model_admin.list_geom_field|safe}},
+	        	"properties": {"pk": "{{result.pk}}",}
+	    }
+	    {% if not forloop.last %},{% endif %}
+{% endfor %}
+	    ]
+	}
+
+
+	window.addEventListener('map:init', function (e) {
+
+        var target_map = e.detail.map;
+
+
+		// 1. We create and add the layer to the map
+		var featuresLayer = L.geoJson(geojsonFeatures, {
+    		onEachFeature: onEachFeature
+		});
+		featuresLayer.addTo(target_map);
+		target_map.fitBounds(featuresLayer.getBounds());
+
+		// 2. We hook into _selection_actions checkboxes to provide selection features
+		$('input[name="_selected_action"]').click(function(){
+        	var id = $(this).val();
+        	var checkbox = $('input[name="_selected_action"][value="'+id+'"]');
+        	var checked = $(checkbox).is(':checked');
+        	featuresLayer.eachLayer(function (layer) {  
+			  if(layer.feature.properties.pk == id) { 
+			  	if(!checked){
+			    	layer.setStyle({fillColor :'blue'}) 
+			  	}
+			  	else{
+			    	layer.setStyle({fillColor :'yellow'}) 
+			  	}
+			  }
+			});
+        });        
+    }, false);
+
+	// This functions add click and doubleclick handlers to the layer
+    function onEachFeature(feature, layer) {
+        	layer.on('click',function(){
+        		var checkbox = $('input[name="_selected_action"][value="'+this.feature.properties.pk+'"]');
+        		checkbox.click();
+        	});
+        	layer.on('dblclick',function(){
+        		window.location = "{% url 'admin:index' %}{{cl.opts.app_label}}/{{cl.opts.model_name}}/"+this.feature.properties.pk+'/';
+        	});
+		}
+
+})(grp.jQuery);
+
+</script>
+
+
+{% endif %}
+{{block.super}}
+{% endblock %}

leaflet/templatetags/leaflet_tags.py

@@ -110,6 +110,26 @@ def leaflet_json_config():
 
     return json.dumps(settings_as_json)
 
+@register.filter
+def geom_field(instance, field_name):
+    """
+    Returns the geojson representation for a model instance given the geometry field name. Works accross relations with the objA__objB notation.
+    """
+    fields = field_name.split("__")
+    try:
+        obj = instance
+        for field in fields:
+            obj = getattr( obj, field )
+        geom_field = obj
+    except AttributeError:
+        geom_field = None
+
+    # geom_field = getattr(instance, field_name)
+    if geom_field:
+        return geom_field.json
+    else:
+        return 'null'
+
 
 def _get_plugin_names(plugin_names_from_tag_parameter):
     """
@@ -137,4 +157,4 @@ def _get_all_resources_for_plugins(plugin_names, resource_type):
         if plugin_name in PLUGINS:
             result.extend(PLUGINS[plugin_name].get(resource_type, []))
 
-    return result
+    return result