decidim-navigation_maps 1.1.0 → 1.3.0

data/app/assets/javascripts/decidim/navigation_maps/map_view.js

@@ -1,123 +0,0 @@
-// Creates a map view
-//= require leaflet
-//= require leaflet-geoman.min
-
-function NavigationMapView(map_object, callback) {
-  var self = this;
-  self.features = {};
-  self.map_object = map_object;
-  self.id = map_object.dataset.id;
-  self.image_path = map_object.dataset.image;
-  self.blueprint = map_object.dataset.blueprint ? JSON.parse(map_object.dataset.blueprint) : {};
-  self.image = new Image();
-  self.image.onload = function() {
-    self.createMap();
-    if(typeof callback === "function") {
-      callback(self);
-    } else {
-      if(self.blueprint) {
-        self.createAreas();
-      }
-    }
-  };
-  self.image.src = self.image_path;
-  this.clickAreaCallback = function () {};
-  this.setLayerPropertiesCallback = function () {};
-}
-
-NavigationMapView.prototype.createMap = function() {
-  var bounds = [[0,0], [this.image.height,this.image.width]];
-
-  this.map = L.map(this.map_object, {
-      minZoom: -1,
-      maxZoom: 2,
-      crs: L.CRS.Simple,
-      noWrap: true,
-      zoomSnap: 0,
-      // zoomDelta: 0.1,
-      maxBounds: [[0,0], [this.image.height,this.image.width]],
-      center: [this.image.height/2, this.image.width/2],
-      zoom: -1,
-      scrollWheelZoom: false
-  });
-
-  L.imageOverlay(this.image.src, bounds).addTo(this.map);
-  this.fitBounds();
-};
-
-NavigationMapView.prototype.fitBounds = function() {
-  var image_ratio = this.image.height / this.image.width;
-  var map_ratio = this.map_object.offsetHeight / this.map_object.offsetWidth;
-
-  if(image_ratio > map_ratio) {
-    this.map.fitBounds([[0,0], [0,this.image.width]]);
-  }
-  else {
-    this.map.fitBounds([[0,0], [this.image.height,0]]);
-  }
-  this.map.setView([this.image.height/2, this.image.width/2]);
-};
-
-NavigationMapView.prototype.createAreas = function() {
-  var self = this;
-  self.forEachBlueprint(function(id, geoarea) {
-    new L.GeoJSON(geoarea, {
-      onEachFeature: function(feature, layer) {
-        layer._leaflet_id = id;
-        self.setLayerProperties(layer, geoarea);
-        self.attachEditorEvents(layer);
-      }
-    }).addTo(self.map);
-  });
-};
-
-NavigationMapView.prototype.setLayerProperties = function (layer, area) {
-  var props = area.properties;
-  if(props) {
-    if(props.color) {
-      layer.setStyle({fillColor: props.color, color: props.color});
-    }
-    this.setLayerPropertiesCallback(layer, props);
-  }
-};
-
-NavigationMapView.prototype.attachEditorEvents = function (layer) {
-  var self = this;
-
-  layer.on('mouseover', function(e) {
-    e.target.getElement().classList.add('selected')
-  });
-
-  layer.on('mouseout', function(e) {
-    e.target.getElement().classList.remove('selected')
-  });
-
-  layer.on('click', function(e) {
-    self.clickAreaCallback(e.target, self);
-  });
-};
-
-// register callback to handle area clicks
-NavigationMapView.prototype.onClickArea = function(callback) {
-  this.clickAreaCallback = callback;
-};
-
-NavigationMapView.prototype.onSetLayerProperties = function(callback) {
-  this.setLayerPropertiesCallback = callback;
-};
-
-NavigationMapView.prototype.forEachBlueprint = function (callback) {
-  for (var id in this.blueprint) {
-    var geoarea = this.blueprint[id];
-    // avoid non-polygons for the moment
-    if(!geoarea.geometry || geoarea.geometry.type !== 'Polygon') continue;
-    callback(id, geoarea);
-  }
-};
-
-NavigationMapView.prototype.reload = function () {
-  if(this.map) {
-    this.map.invalidateSize(true);
-    this.fitBounds();
-  }
-};

data/app/assets/javascripts/decidim/navigation_maps/navigation_maps.js

@@ -1,44 +0,0 @@
-// Place all the behaviors and hooks related to the matching controller here.
-// All this logic will automatically be available in application.js.
-//= require decidim/navigation_maps/map_view
-//= require jsrender.min
-//= require_self
-
-$(function() {
-
-  var $maps = $('.navigation_maps .map');
-  var $tabs = $('#navigation_maps-tabs');
-  var maps = {};
-  var tmpl = $.templates("#navigation_maps-popup");
-
-  $maps.each(function() {
-    var id = $(this).data('id');
-    maps[id] = new NavigationMapView(this);
-    maps[id].onSetLayerProperties(function(layer, props) {
-      if(!props.popup) {
-        var node = document.createElement("div");
-        var html = tmpl.render(props);
-        $(node).html(html);
-
-        layer.bindPopup(node, {
-          maxHeight: 400,
-          // autoPan: false,
-          maxWidth: 640,
-          minWidth: 200,
-          keepInView: true,
-          className: `navigation_map-info map-info-${id}-${layer._leaflet_id}`
-        });
-      }
-    });
-    maps[id].onClickArea(function(area) {
-      var popup = area.feature.properties && area.feature.properties.link && area.feature.properties.popup;
-      if(popup) location = area.feature.properties.link;
-    });
-  });
-
-  $tabs.on('change.zf.tabs', function(e, $tab, $content) {
-    var id = $content.find('.map').data('id');
-    maps[id].reload();
-  });
-
-});