decidim-navigation_maps 1.1.1 → 1.3.1

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

@@ -1,88 +0,0 @@
-// Creates a map
-//= require decidim/navigation_maps/map_view
-
-function NavigationMapEditor(map_object, table_object) {
-  var self = this;
-  // Call constructor of superclass to initialize superclass-derived members.
-  NavigationMapView.call(self, map_object, function() {
-    self.createControls();
-    if(self.blueprint) {
-      self.createAreas();
-    }
-  });
-  self.table_object = table_object;
-  this.createAreaCallback = function () {};
-  this.editAreaCallback = function () {};
-  this.removeAreaCallback = function () {};
-}
-
-// NavigationMapEditor derives from NavigationMapView
-NavigationMapEditor.prototype = Object.create(NavigationMapView.prototype);
-NavigationMapEditor.prototype.constructor = NavigationMapEditor;
-
-NavigationMapEditor.prototype.createControls = function() {
-  var self = this;
-  self.map.pm.addControls({
-    position: 'topleft',
-    drawCircle: false,
-    drawMarker: false,
-    drawCircleMarker: false,
-    drawPolyline: false,
-    cutPolygon: false
-  });
-
-  self.map.on('pm:create', function(e) {
-    var geojson = e.layer.toGeoJSON();
-    self.blueprint[e.layer._leaflet_id] = geojson;
-    self.attachEditorEvents(e.layer);
-    self.createAreaCallback(e.layer._leaflet_id, e.layer, self);
-  });
-
-  self.map.on('pm:remove', function(e) {
-    delete self.blueprint[e.layer._leaflet_id];
-    self.removeAreaCallback(e.layer._leaflet_id, e.layer, self);
-  });
-};
-
-NavigationMapEditor.prototype.editing = function() {
-  var pm = this.map.pm;
-  return pm.globalRemovalEnabled() || pm.globalDragModeEnabled() || pm.globalEditEnabled();
-};
-
-// register callback to handle area edits,removals and creations
-NavigationMapView.prototype.onCreateArea = function(callback) {
-  this.createAreaCallback = callback;
-};
-NavigationMapView.prototype.onEditArea = function(callback) {
-  this.editAreaCallback = callback;
-};
-NavigationMapView.prototype.onRemoveArea = function(callback) {
-  this.removeCreateCallback = callback;
-};
-
-NavigationMapEditor.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('pm:edit', function(e) {
-    self.blueprint[e.target._leaflet_id] = e.target.toGeoJSON();
-    self.editAreaCallback(e.target._leaflet_id, e.target, self);
-  });
-
-  layer.on('click', function(e) {
-    if(!self.editing()) {
-      self.clickAreaCallback(e.target._leaflet_id, e.target, self);
-    }
-  });
-};
-
-NavigationMapEditor.prototype.getBlueprint = function () {
-  return this.blueprint;
-};

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

@@ -1,143 +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 jquery.form
-//= require decidim/navigation_maps/admin/map_editor
-//= require_self
-
-$(function() {
-
-  var $maps = $('.navigation_maps.admin .map');
-  var $progress = $('.navigation_maps.admin .progress');
-  var $bar = $('.navigation_maps.admin .progress-meter');
-  var $loading = $('.navigation_maps.admin .loading');
-  var $callout = $('.navigation_maps.admin .callout');
-  var $modal = $('#mapEditModal');
-  var $form = $('form');
-  var $tabs = $('#navigation_maps-tabs');
-  var $accordion = $('.navigation_maps.admin .accordion');
-  var editors = {};
-  var new_areas = {};
-
-  $maps.each(function() {
-    var id = $(this).data('id');
-    var table = document.getElementById("navigation_maps-table-" + id);
-    editors[id] = new NavigationMapEditor(this, table);
-    editors[id].onCreateArea(function(area_id) {
-      new_areas[area_id] = true;
-    });
-
-    editors[id].onClickArea(function(area_id, area) {
-      $modal.find('.modal-content').html('');
-      $modal.addClass('loading').foundation('open');
-      $callout.hide();
-      $callout.removeClass('alert success');
-      // "new" form insted of editing
-      var rel = new_areas[area_id] ? 'new' : area_id;
-      $modal.find('.modal-content').load(`/admin/navigation_maps/blueprints/${id}/areas/${rel}`, function() {
-        var $input1 = $modal.find('input[name="blueprint_area[area_id]"]');
-        var $input2 = $modal.find('input[name="blueprint_area[area_type]"]');
-        var $input3 = $modal.find('input[name="blueprint_area[area]"]');
-        var a = area.toGeoJSON();
-        $modal.removeClass('loading');
-        if($input1.length) $input1.val(area_id);
-        if($input2.length) $input2.val(a.type);
-        if($input3.length) $input3.val(JSON.stringify(a));
-        $modal.find('ul[data-tabs=true]').each(function() {
-          new Foundation.Tabs($(this));
-        });
-      });
-    });
-  });
-
-  // Rails AJAX events
-  document.body.addEventListener('ajax:error', function(responseText) {
-    $callout.contents('p').html(responseText.detail[0].message + ": <strong>" + responseText.detail[0].error + "</strong>");
-    $callout.addClass('alert');
-  });
-
-  document.body.addEventListener('ajax:success', function(responseText) {
-    if(new_areas[responseText.detail[0].area]) {
-      delete new_areas[responseText.detail[0].area]
-    }
-    var blueprint_id = responseText.detail[0].blueprint_id;
-    var area_id = responseText.detail[0].area_id;
-    var area = responseText.detail[0].area;
-    editors[blueprint_id].setLayerProperties(editors[blueprint_id].map._layers[area_id], area);
-    editors[blueprint_id].blueprint[area_id] = area;
-    $callout.contents('p').html(responseText.detail[0].message);
-    $callout.addClass('success');
-  });
-
-  document.body.addEventListener('ajax:complete', function() {
-    $callout.show();
-    $modal.foundation('close');
-  })
-
-  $tabs.on('change.zf.tabs', function(e, $tab, $content) {
-    var id = $content.find('.map').data('id');
-    if(id) {
-      editors[id].reload();
-    }
-  });
-
-  $accordion.on('down.zf.accordion', function(e, $accordion) {
-    var id = $accordion.find('.map').data('id');
-    if(id) {
-      editors[id].reload();
-    }
-  });
-
-  // If a new item si going to be created o the image is changed a reload is needed
-  var needsReload = function() {
-    var reload = false;
-    if($form.find('#map-new input:checked').length) return true;
-    if($form.find('.delete-tab input[type=checkbox]:checked').length) return true;
-
-    $form.find('input[type=file],input[tabs_id=blueprints___title]').each(function() {
-      if($(this).val()) {
-        reload = true;
-        return false;
-      }
-    });
-    return reload;
-  };
-
-  $form.ajaxForm({
-    url: $form.find('[name=action]').val(),
-    beforeSerialize: function() {
-      Object.keys(editors).forEach(function(key) {
-        var editor = editors[key];
-        $(`#blueprints_${editor.id}_blueprint`).val(JSON.stringify(editor.getBlueprint()));
-      });
-    },
-    beforeSend: function() {
-        var percentVal = '0%';
-        $bar.width(percentVal).html(percentVal);
-        $progress.show();
-        $callout.hide();
-        $callout.removeClass('alert success');
-        $loading.show();
-    },
-    uploadProgress: function(event, position, total, percentComplete) {
-        var percentVal = percentComplete + '%';
-        $bar.width(percentVal).html(percentVal);
-    },
-    success: function(responseText) {
-        $callout.show();
-        $progress.hide();
-        $callout.contents('p').html(responseText);
-        $callout.addClass('success');
-        $loading.hide();
-        if(needsReload()) {
-          $loading.show();
-          location.reload();
-        }
-    },
-    error: function(xhr) {
-      $loading.hide();
-      $callout.show();
-      $callout.contents('p').html(xhr.responseText);
-      $callout.addClass('alert');
-    }
-  });
-});

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();
-  });
-
-});

data/vendor/assets/images/draw/spritesheet.svg

@@ -1,156 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 600 60"
-   height="60"
-   width="600"
-   id="svg4225"
-   version="1.1"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="spritesheet.svg"
-   inkscape:export-filename="/home/fpuga/development/upstream/icarto.Leaflet.draw/src/images/spritesheet-2x.png"
-   inkscape:export-xdpi="90"
-   inkscape:export-ydpi="90">
-  <metadata
-     id="metadata4258">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs4256" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1056"
-     id="namedview4254"
-     showgrid="false"
-     inkscape:zoom="1.3101852"
-     inkscape:cx="237.56928"
-     inkscape:cy="7.2419621"
-     inkscape:window-x="1920"
-     inkscape:window-y="24"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg4225" />
-  <g
-     id="enabled"
-     style="fill:#464646;fill-opacity:1">
-    <g
-       id="polyline"
-       style="fill:#464646;fill-opacity:1">
-      <path
-         d="m 18,36 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z"
-         id="path4229"
-         inkscape:connector-curvature="0"
-         style="fill:#464646;fill-opacity:1" />
-      <path
-         d="m 36,18 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z"
-         id="path4231"
-         inkscape:connector-curvature="0"
-         style="fill:#464646;fill-opacity:1" />
-      <path
-         d="m 23.142,39.145 -2.285,-2.29 16,-15.998 2.285,2.285 z"
-         id="path4233"
-         inkscape:connector-curvature="0"
-         style="fill:#464646;fill-opacity:1" />
-    </g>
-    <path
-       id="polygon"
-       d="M 100,24.565 97.904,39.395 83.07,42 76,28.773 86.463,18 Z"
-       inkscape:connector-curvature="0"
-       style="fill:#464646;fill-opacity:1" />
-    <path
-       id="rectangle"
-       d="m 140,20 20,0 0,20 -20,0 z"
-       inkscape:connector-curvature="0"
-       style="fill:#464646;fill-opacity:1" />
-    <path
-       id="circle"
-       d="m 221,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z"
-       inkscape:connector-curvature="0"
-       style="fill:#464646;fill-opacity:1" />
-    <path
-       id="marker"
-       d="m 270,19 c -4.971,0 -9,4.029 -9,9 0,4.971 5.001,12 9,14 4.001,-2 9,-9.029 9,-14 0,-4.971 -4.029,-9 -9,-9 z m 0,12.5 c -2.484,0 -4.5,-2.014 -4.5,-4.5 0,-2.484 2.016,-4.5 4.5,-4.5 2.485,0 4.5,2.016 4.5,4.5 0,2.486 -2.015,4.5 -4.5,4.5 z"
-       inkscape:connector-curvature="0"
-       style="fill:#464646;fill-opacity:1" />
-    <g
-       id="edit"
-       style="fill:#464646;fill-opacity:1">
-      <path
-         d="m 337,30.156 0,0.407 0,5.604 c 0,1.658 -1.344,3 -3,3 l -10,0 c -1.655,0 -3,-1.342 -3,-3 l 0,-10 c 0,-1.657 1.345,-3 3,-3 l 6.345,0 3.19,-3.17 -9.535,0 c -3.313,0 -6,2.687 -6,6 l 0,10 c 0,3.313 2.687,6 6,6 l 10,0 c 3.314,0 6,-2.687 6,-6 l 0,-8.809 -3,2.968"
-         id="path4240"
-         inkscape:connector-curvature="0"
-         style="fill:#464646;fill-opacity:1" />
-      <path
-         d="m 338.72,24.637 -8.892,8.892 -2.828,0 0,-2.829 8.89,-8.89 z"
-         id="path4242"
-         inkscape:connector-curvature="0"
-         style="fill:#464646;fill-opacity:1" />
-      <path
-         d="m 338.697,17.826 4,0 0,4 -4,0 z"
-         transform="matrix(-0.70698336,-0.70723018,0.70723018,-0.70698336,567.55917,274.78273)"
-         id="path4244"
-         inkscape:connector-curvature="0"
-         style="fill:#464646;fill-opacity:1" />
-    </g>
-    <g
-       id="remove"
-       style="fill:#464646;fill-opacity:1">
-      <path
-         d="m 381,42 18,0 0,-18 -18,0 0,18 z m 14,-16 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z"
-         id="path4247"
-         inkscape:connector-curvature="0"
-         style="fill:#464646;fill-opacity:1" />
-      <path
-         d="m 395,20 0,-4 -10,0 0,4 -6,0 0,2 22,0 0,-2 -6,0 z m -2,0 -6,0 0,-2 6,0 0,2 z"
-         id="path4249"
-         inkscape:connector-curvature="0"
-         style="fill:#464646;fill-opacity:1" />
-    </g>
-  </g>
-  <g
-     id="disabled"
-     transform="translate(120,0)"
-     style="fill:#bbbbbb">
-    <use
-       xlink:href="#edit"
-       id="edit-disabled"
-       x="0"
-       y="0"
-       width="100%"
-       height="100%" />
-    <use
-       xlink:href="#remove"
-       id="remove-disabled"
-       x="0"
-       y="0"
-       width="100%"
-       height="100%" />
-  </g>
-  <path
-     style="fill:none;stroke:#464646;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-     id="circle-3"
-     d="m 581.65725,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z"
-     inkscape:connector-curvature="0" />
-</svg>