decidim-decidim_awesome 0.7.2 → 0.8.0

data/app/assets/javascripts/decidim/decidim_awesome/awesome_map/hashtags.js.es6

@@ -1,48 +0,0 @@
-((exports) => {
-  const hashtags = [];
-
-  const collectHashtags = (text) => {
-    let tags = [];
-    if(text) {
-      const gids = text.match(/gid:\/\/[^\s<]+/g)
-      if(gids) {
-        tags = gids.filter(gid => gid.indexOf("/Decidim::Hashtag/") != -1).map(gid => {
-          const parts = gid.split("/");
-          const fromSelector = parts[5].charAt(0) == '_';
-          const tag = fromSelector ? parts[5].substr(1) : parts[5];
-          const name = '#' + tag;
-          const html = `<a href="/search?term=${name}">${name}</a>`;
-          const hashtag = {
-            color: getComputedStyle(document.documentElement).getPropertyValue('--secondary'),
-            gid: gid,
-            id: parseInt(parts[4], 10),
-            fromSelector: fromSelector,
-            tag: tag,
-            name: name,
-            html: html
-          }
-          hashtags.push(hashtag)
-          return hashtag;
-        });
-      }
-    }
-    return tags;
-  };
-
-  const removeHashtags = (text) => {
-    return text.replace(/gid:\/\/[^\s<]+/g, "");
-  };
-
-  const appendHtmlHashtags = (text, tags) => {
-    tags.forEach(tag => {
-      text += ` ${tag.html}`;
-    });
-    return text;
-  };
-
-  exports.AwesomeMap = exports.AwesomeMap || {};
-  exports.AwesomeMap.hashtags = hashtags;
-  exports.AwesomeMap.collectHashtags = collectHashtags;
-  exports.AwesomeMap.appendHtmlHashtags = appendHtmlHashtags;
-  exports.AwesomeMap.removeHashtags = removeHashtags;
-})(window);

data/app/assets/javascripts/decidim/decidim_awesome/awesome_map/layers.js.es6

@@ -1,107 +0,0 @@
-// = require leaflet.featuregroup.subgroup
-// = require decidim/decidim_awesome/awesome_map/utilities
-// = require decidim/decidim_awesome/awesome_map/categories
-// = require decidim/decidim_awesome/awesome_map/hashtags
-
-((exports) => {
-  const { collapsedMenu, options, categories } = exports.AwesomeMap;
-  const layers = {};
-  const cluster = L.markerClusterGroup();
-
-  const control = L.control.layers(null, null, {
-    position: 'topleft',
-    sortLayers: false,
-    collapsed: collapsedMenu(),
-    // hideSingleBase: true
-  });
-
-  const addProposalsControls = (map, component) => {
-    // add control layer for proposals
-    layers.proposals = {
-      label: `<span class="awesome_map-component" id="awesome_map-component_${component.id}" title="0">${component.name || window.DecidimAwesome.texts.proposals}</span>`,
-      group: L.featureGroup.subGroup(cluster)
-    };
-    control.addOverlay(layers.proposals.group, layers.proposals.label);
-    layers.proposals.group.addTo(map);
-
-    // add control layer for amendments if any
-    if(options().menu.amendments && component.amendments) {
-      layers.amendments = {
-        label: `<span class="awesome_map-component" id="awesome_map-amendments_${component.id}" title="0">${window.DecidimAwesome.texts.amendments}</span>`,
-        group: L.featureGroup.subGroup(cluster)
-      }
-      control.addOverlay(layers.amendments.group, layers.amendments.label);
-      layers.amendments.group.addTo(map);
-    }
-  };
-
-  const addMeetingsControls = (map, component) => {
-    // add control layer for meetings
-    layers.meetings = {
-      label: `<span class="awesome_map-component" id="awesome_map-component_${component.id}" title="0">${component.name || window.DecidimAwesome.texts.meetings}</span>`,
-      group: L.featureGroup.subGroup(cluster)
-    };
-    control.addOverlay(layers.meetings.group, layers.meetings.label);
-    // console.log("map",map,"cluster", cluster, "layers", layers, "component", component)
-    layers.meetings.group.addTo(map);
-  };
-
-  const addSearchControls = () => {
-    $(control.getContainer()).contents("form").after(`<div id="awesome_map-categories-control" class="active"><b class="awesome_map-title-control">${window.DecidimAwesome.texts.categories}</b><div class="categories-container"></div></div>
-    <div id="awesome_map-hashtags-control"><b class="awesome_map-title-control">${window.DecidimAwesome.texts.hashtags}</b><div class="hashtags-container"></div><a href="#" class="awesome_map-toggle_all_tags">${window.DecidimAwesome.texts.select_deselect_all}</a></div>`);
-  };
-
-  const addCategoriesControls = (map) => {
-    if(categories && categories.length) {
-      categories.forEach((category) => {
-        // add control layer for this category
-      const label = `<i class="awesome_map-category-${category.id}"></i> ${category.name}`;
-      layers[category.id] = {
-        label: label,
-        group: L.featureGroup.subGroup(cluster)
-      };
-      layers[category.id].group.addTo(map);
-      // In the next iteration to be sure layers are rendered
-      setTimeout(() => {
-        $('#awesome_map-categories-control .categories-container').append(`<label data-layer="${category.id}" class="awesome_map-category-${category.id}${category.parent?" subcategory":""}"><input type="checkbox" class="awesome_map-categories-selector" checked><span>${label}</span></label>`);
-      });
-    });
-  }
-  };
-
-  // Hashtags are collected directly from proposals (this is different than categories)
-  const addHashtagsControls = (map, hashtags, marker) => {
-     // show hashtag layer
-    if(hashtags && hashtags.length) {
-      $('#awesome_map-hashtags-control').show();
-      hashtags.forEach(hashtag => {
-        // Add layer if not exists, otherwise just add the marker to the group
-        if(!layers[hashtag.tag]) {
-          layers[hashtag.tag] = {
-            label: hashtag.name,
-            group: L.featureGroup.subGroup(cluster)
-          };
-          layers[hashtag.tag].group.addTo(map);
-          $('#awesome_map-hashtags-control .hashtags-container').append(`<label data-layer="${hashtag.tag}" class="awesome_map-hashtag-${hashtag.tag}"><input type="checkbox" class="awesome_map-hashtags-selector" checked><span>${hashtag.name}</span></label>`);
-          // Call a trigger, might be in service for customizations
-          exports.AwesomeMap.hashtagAdded(hashtag, $('#awesome_map-hashtags-control .hashtags-container'));
-        }
-        marker.addTo(layers[hashtag.tag].group);
-
-        const $label = $(`label.awesome_map-hashtag-${hashtag.tag}`);
-        // update number of items
-        $label.attr("title", (parseInt($label.attr("title") || 0) + 1) + " " +  window.DecidimAwesome.texts.items);
-      });
-    }
-  };
-
-  exports.AwesomeMap.layers = layers;
-  exports.AwesomeMap.control = control;
-  exports.AwesomeMap.cluster = cluster;
-  exports.AwesomeMap.addProposalsControls = addProposalsControls;
-  exports.AwesomeMap.addMeetingsControls = addMeetingsControls;
-  exports.AwesomeMap.addSearchControls = addSearchControls;
-  exports.AwesomeMap.addCategoriesControls = addCategoriesControls;
-  exports.AwesomeMap.addHashtagsControls = addHashtagsControls;
-  exports.AwesomeMap.hashtagAdded = $.noop;
-})(window);

data/app/assets/javascripts/decidim/decidim_awesome/awesome_map/load_map.js.es6

@@ -1,15 +0,0 @@
-$(function () {
-  // Tries to load the map because we cannot be sure if leaflet and decicim maps is loaded yet (other views can initialize snippets or not)
-  const waitForMap = ($map) => {
-      const map = $map.data("map");
-      if(window.AwesomeMap && window.AwesomeMap.loadMapElements && map) {
-        window.AwesomeMap.loadMapElements(map);
-    } else {
-      setTimeout(() => {
-        waitForMap($map);
-      }, 100);
-    }
-  };
-
-  waitForMap($("#awesome-map .google-map"));
-});

data/app/assets/javascripts/decidim/decidim_awesome/awesome_map/map.js.es6

@@ -1,207 +0,0 @@
-// = require decidim/decidim_awesome/awesome_map/layers
-// = require decidim/decidim_awesome/awesome_map/utilities
-// = require decidim/decidim_awesome/awesome_map/markers
-// = require decidim/decidim_awesome/awesome_map/categories
-// = require decidim/decidim_awesome/awesome_map/proposals
-// = require decidim/decidim_awesome/awesome_map/meetings
-// = require_self
-
-((exports) => {
-  const {
-    layers,
-    hideControls,
-    cluster,
-    control,
-    addProposalsControls,
-    addMeetingsControls,
-    addSearchControls,
-    addCategoriesControls,
-    addHashtagsControls,
-    fetchProposals,
-    fetchMeetings,
-    options,
-    show,
-    components,
-    amendments,
-    allMarkers,
-    drawMarker,
-    getCategory
-  } = exports.AwesomeMap;
-  const $ = exports.$; // eslint-disable-line
-
-  exports.AwesomeMap.allMarkersLoaded = $.noop;
-
-  const autoResizeMap = (map) => {
-    // Setup center/zoom options if specified, otherwise fitbounds
-    if(options().center) {
-      map.setView(options().center, options().zoom);
-    } else if(cluster.getBounds().isValid()) {
-      map.fitBounds(cluster.getBounds(), { padding: [50, 50] });
-    }
-  };
-
-  exports.AwesomeMap.loadMapElements = (map) => {
-    autoResizeMap(map);
-    // legends
-    control.addTo(map);
-    cluster.addTo(map);
-    if(hideControls()) {
-      $(control.getContainer()).hide()
-    }
-
-    // Load markers
-    components().forEach((component) => {
-      if(component.type == "proposals") {
-        addProposalsControls(map, component);
-
-        fetchProposals(component, '', (element, marker) => {
-          // console.log(element.state, show[element.state || 'notAnswered'], show, element);
-          if(show()[element.state || 'notAnswered']) {
-            drawMarker(element, marker, component).addTo(layers.proposals.group);
-            // Add hashtags menu items here, only hashtags with proposals associated will be present
-            if(options().menu.hashtags) {
-              addHashtagsControls(map, element.hashtags, marker);
-            }
-          }
-        }, () => { // final call
-          // Setup center/zoom options if specified, otherwise fitbounds
-          autoResizeMap(map);
-
-          allMarkers.forEach((item) => {
-            // add marker to amendments layers if it's an amendment
-            if(amendments.find((a) => a == item.element.id)) {
-              item.marker.removeFrom(layers.proposals.group);
-              if(options().menu.amendments) {
-                item.marker.addTo(layers.amendments.group);
-              }
-            }
-          });
-          // Call a trigger, might be useful for customizations
-          exports.AwesomeMap.allMarkersLoaded();
-        });
-      }
-
-      if(options().menu.meetings && component.type == "meetings") {
-        addMeetingsControls(map, component);
-
-        fetchMeetings(component, '', (element, marker) => {
-          drawMarker(element, marker, component).addTo(layers.meetings.group);
-        }, () => autoResizeMap(map) );
-      }
-    });
-
-    /*
-    * We add all categories and hide those that have no proposals
-    * This is done this way to ensure all parent categories are displayed
-    * even if the have not proposals associated
-    */
-    addSearchControls(map);
-    addCategoriesControls(map);
-
-    // category events
-    $("#awesome-map").on("change", ".awesome_map-categories-selector", (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      const id = $(e.target).closest("label").data("layer");
-      const cat = getCategory(id);
-      // console.log("changed, layer", id, "cat", cat, "checked", e.target.checked, e);
-      if(cat) {
-        const layer = layers[cat.id];
-        if(e.target.checked) {
-          // show group of markers
-          map.addLayer(layer.group);
-
-          // if it's a children, put the parent to indeterminate
-          indeterminateInput(cat.parent);
-        } else {
-          // hide group of markers
-          map.removeLayer(layer.group);
-          // if it's a children, put the parent to indeterminate
-          cat.children().forEach((c) => {
-            let $el = $(`.awesome_map-category-${c.id}`);
-            if($el.parent().prev().prop("checked")) {
-              $el.click();
-            }
-          });
-        }
-        // sync tags
-        updateHashtagLayers();
-      }
-    });
-
-    const indeterminateInput = (id) => {
-      $('[class^="awesome_map-category-"]').parent().prev().prop("indeterminate", false);
-      if(id) {
-        let $input = $(`.awesome_map-category-${id}`).parent().prev();
-        if(!$input.prop("checked")) {
-          $input.prop("indeterminate", true);
-        }
-      }
-    };
-
-    const updateHashtagLayers = () => {
-      // hide all
-      $(".awesome_map-hashtags-selector").each((_idx, el) => {
-        const layer = layers[$(el).closest("label").data("layer")];
-        if(layer) {
-          map.removeLayer(layer.group);
-        }
-      });
-      // show selected only
-      $(".awesome_map-hashtags-selector:checked").each((_idx, el) => {
-        const layer = layers[$(el).closest("label").data("layer")];
-        if(layer) {
-          map.addLayer(layer.group);
-        }
-      });
-      // hide non-selected categories
-      $(".awesome_map-categories-selector:not(:checked)").each((_idx, el) => {
-        const layer = layers[$(el).closest("label").data("layer")];
-        if(layer) {
-          map.addLayer(layer.group);
-          map.removeLayer(layer.group);
-        }
-      });
-    };
-
-    // hashtag events
-    $("#awesome-map").on("change", ".awesome_map-hashtags-selector", (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      const tag = $(e.target).closest("label").data("layer");
-      // console.log("changed, layer", tag, "checked", e.target.checked, e);
-      if(tag) {
-        updateHashtagLayers();
-      }
-    });
-
-    // select/deselect all tags
-    $("#awesome-map").on("click", ".awesome_map-toggle_all_tags", (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      $("#awesome-map .awesome_map-hashtags-selector").prop("checked", $("#awesome-map .awesome_map-hashtags-selector:checked").length < $("#awesome-map .awesome_map-hashtags-selector").length);
-      updateHashtagLayers();
-    });
-
-    // sub-layer hashtag title toggle
-    $("#awesome-map").on("click", ".awesome_map-title-control", (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      $("#awesome_map-hashtags-control").toggleClass("active");
-    });
-  };
-
-  // order hashtags alphabetically
-  exports.AwesomeMap.hashtagAdded = (_hashtag, $div) => {
-    let $last = $div.contents("label:last");
-    if($last.prev("label").length) {
-      // move the label to order it alphabetically
-      $div.contents("label").each((_idx, el) => {
-        if($(el).text().localeCompare($last.text()) > 0) {
-          $(el).before($last);
-          return false;
-        }
-      });
-    }
-  };
-})(window);

data/app/assets/javascripts/decidim/decidim_awesome/awesome_map/markers.js.es6

@@ -1,56 +0,0 @@
-// = require jsrender.min
-// = require decidim/decidim_awesome/awesome_map/layers
-// = require decidim/decidim_awesome/awesome_map/categories
-
-((exports) => {
-  const { getCategory, layers } = exports.AwesomeMap;
-
-  const popupMeetingTemplateId = "marker-meeting-popup";
-  const popupProposalTemplateId = "marker-proposal-popup";
-  const allMarkers = [];
-
-  const drawMarker = (element, marker, component) => {
-    let tmpl = component.type === "proposals" ? popupProposalTemplateId : popupMeetingTemplateId,
-        node = document.createElement("div");
-
-    $($.templates(`#${tmpl}`).render(element)).appendTo(node);
-
-    marker.bindPopup(node, {
-      maxwidth: 640,
-      minWidth: 500,
-      keepInView: true,
-      className: "map-info"
-    }).openPopup();
-
-    allMarkers.push({
-      marker: marker,
-      component: component,
-      element: element
-    });
-
-    // Add to category layer
-    let cat = getCategory(element.category);
-    if(layers[cat.id]) {
-      $('#awesome_map-categories-control').show();
-      marker.addTo(layers[cat.id].group);
-      // show category if hidden
-      const $label = $(`label.awesome_map-category-${cat.id}`);
-      const $parent = $(`label.awesome_map-category-${cat.parent}`);
-      $label.show();
-      // update number of items
-      $label.attr("title", (parseInt($label.attr("title") || 0) + 1) + " " +  window.DecidimAwesome.texts.items);
-      // show parent if apply
-      $parent.show();
-      $parent.attr("title", (parseInt($parent.attr("title") || 0) + 1) + " " +  window.DecidimAwesome.texts.items);
-    }
-
-    // update component stats
-    const $component = $(`#awesome_map-component_${component.id}`);
-    $component.attr("title", parseInt($component.attr("title") || 0) + 1);
-
-    return marker;
-  };
-
-  exports.AwesomeMap.allMarkers = allMarkers;
-  exports.AwesomeMap.drawMarker = drawMarker;
-})(window);

data/app/assets/javascripts/decidim/decidim_awesome/awesome_map/meetings.js.es6

@@ -1,132 +0,0 @@
-// = require decidim/decidim_awesome/awesome_map/api_fetcher
-// = require decidim/decidim_awesome/awesome_map/categories
-// = require decidim/decidim_awesome/awesome_map/utilities
-
-((exports) => {
-  const { getCategory, truncate } = exports.AwesomeMap;
-  const query = `query ($id: ID!, $after: String!) {
-    component(id: $id) {
-        id
-        __typename
-        ... on Meetings {
-          meetings(first: 50, after: $after) {
-            pageInfo {
-              hasNextPage
-              endCursor
-            }
-            edges {
-              node {
-                id
-                title {
-                  translations {
-                    text
-                    locale
-                  }
-                }
-                description {
-                  translations {
-                    text
-                    locale
-                  }
-                }
-                startTime
-                location {
-                  translations {
-                    text
-                    locale
-                  }
-                }
-                address
-                locationHints {
-                  translations {
-                    text
-                    locale
-                  }
-                }
-                coordinates {
-                  latitude
-                  longitude
-                }
-                category {
-                  id
-                }
-              }
-            }
-          }
-        }
-      }
-    }`;
-
-  // Shows a human figure instead of a dot
-  const MeetingIcon = L.DivIcon.SVGIcon.extend({
-    options: {
-      fillColor: "#ef604d",
-      opacity: 0
-    },
-    _createPathDescription: function() {
-      return "M 15.991543,4 C 7.3956015,4 2.9250351,10.5 3.000951,16.999999 3.1063486,26.460968 12.747693,30.000004 15.991543,43 19.242091,30.000004 29,26.255134 29,16.999999 29,10.5 23.951131,4 15.996007,4 m -0.153508,2.6000001 a 2.1720294,2.1076698 0 0 1 2.330514,2.1124998 2.177008,2.1125006 0 0 1 -4.354016,0 2.1720294,2.1076698 0 0 1 2.023502,-2.1124998 m -2.651707,4.8056679 h 5.610202 l 3.935584,7.569899 -1.926038,0.934266 -2.009546,-3.859265 v 14.557403 h -2.484243 v -9.126003 h -0.642162 v 9.126003 H 13.190347 V 16.050568 l -2.009545,3.859265 -1.926036,-0.934266 3.935581,-7.569899";
-    },
-    _createCircle: function() {
-      return ""
-    },
-    // Improved version of the _createSVG, essentially the same as in later
-    // versions of Leaflet. It adds the `px` values after the width and height
-    // CSS making the focus borders work correctly across all browsers.
-    _createSVG: function() {
-      const path = this._createPath();
-      const circle = this._createCircle();
-      const text = this._createText();
-      const className = `${this.options.className}-svg`;
-
-      const style = `width:${this.options.iconSize.x}px; height:${this.options.iconSize.y}px;`;
-
-      const svg = `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="${className}" style="${style}">${path}${circle}${text}</svg>`;
-
-      return svg;
-    }
-  });
-
-  const createMarker = (element, callback) => {
-    const marker = L.marker([element.coordinates.latitude, element.coordinates.longitude], {
-      icon: new MeetingIcon({
-        fillColor: getCategory(element.category).color
-      })
-    });
-
-    element.title.translation = ApiFetcher.findTranslation(element.title.translations);
-    element.description.translation = truncate(ApiFetcher.findTranslation(element.description.translations)).replace(/\n/g, "<br>");
-    element.location.translation = ApiFetcher.findTranslation(element.location.translations);
-    element.locationHints.translation = ApiFetcher.findTranslation(element.locationHints.translations);
-    callback(element, marker);
-  };
-
-  const fetchMeetings = (component, after, callback, finalCall = () => {}) => {
-
-    const variables = {
-      "id": component.id,
-      "after": after
-    };
-    const api = new ApiFetcher(query, variables);
-    api.fetchAll((result) => {
-      if(result) {
-        result.component.meetings.edges.forEach((element) => {
-          if(!element.node) return;
-
-          if(element.node.coordinates && element.node.coordinates.latitude && element.node.coordinates.longitude) {
-            element.node.link = component.url + '/meetings/' + element.node.id;
-            createMarker(element.node, callback);
-          }
-        });
-
-        if (result.component.meetings.pageInfo.hasNextPage) {
-          fetchMeetings(component, result.component.meetings.pageInfo.endCursor, callback, finalCall);
-        } else {
-          finalCall();
-        }
-      }
-    });
-  };
-
-  exports.AwesomeMap = exports.AwesomeMap || {};
-  exports.AwesomeMap.fetchMeetings = fetchMeetings;
-})(window);

data/app/assets/javascripts/decidim/decidim_awesome/awesome_map/proposals.js.es6

@@ -1,107 +0,0 @@
-// = require decidim/decidim_awesome/awesome_map/api_fetcher
-// = require decidim/decidim_awesome/awesome_map/categories
-// = require decidim/decidim_awesome/awesome_map/hashtags
-// = require decidim/decidim_awesome/awesome_map/utilities
-
-((exports) => {
-  const { getCategory, truncate, collectHashtags, removeHashtags, appendHtmlHashtags } = exports.AwesomeMap;
-  const query = `query ($id: ID!, $after: String!) {
-    component(id: $id) {
-        id
-        __typename
-        ... on Proposals {
-          proposals(first: 50, after: $after){
-            pageInfo {
-              hasNextPage
-              endCursor
-            }
-            edges {
-              node {
-                id
-                state
-                title {
-                  translations {
-                    text
-                    locale
-                  }
-                }
-                body {
-                  translations {
-                    text
-                    locale
-                  }
-                }
-                address
-                coordinates {
-                  latitude
-                  longitude
-                }
-                amendments {
-                  emendation {
-                    id
-                  }
-                }
-                category {
-                  id
-                }
-              }
-            }
-          }
-        }
-      }
-    }`;
-
-  let amendments = [];
-  const ProposalIcon = L.DivIcon.SVGIcon.DecidimIcon;
-
-  const createMarker = (element, callback) => {
-    const marker = L.marker([element.coordinates.latitude, element.coordinates.longitude], {
-      icon: new ProposalIcon({
-        fillColor: getCategory(element.category).color
-      })
-    });
-
-    element.title.translation = ApiFetcher.findTranslation(element.title.translations);
-    const body = ApiFetcher.findTranslation(element.body.translations);
-    element.hashtags = collectHashtags(body);
-    element.body.translation = appendHtmlHashtags(truncate(removeHashtags(body)).replace(/\n/g, "<br>"), element.hashtags);
-
-    callback(element, marker);
-  };
-
-  const fetchProposals = (component, after, callback, finalCall = () => {}) => {
-    const variables = {
-      "id": component.id,
-      "after": after
-    };
-    const api = new ApiFetcher(query, variables);
-    api.fetchAll((result) => {
-      if(result) {
-        result.component.proposals.edges.forEach((element) => {
-          if(!element.node) return;
-
-          if(element.node.coordinates && element.node.coordinates.latitude && element.node.coordinates.longitude) {
-            element.node.link = component.url + '/proposals/' + element.node.id;
-            createMarker(element.node, callback);
-          }
-
-          // Check if it has amendments, add it to a list
-          if(element.node.amendments && element.node.amendments.length) {
-            element.node.amendments.forEach((amendment) => {
-              amendments.push(amendment.emendation.id);
-            });
-          }
-        });
-        if (result.component.proposals.pageInfo.hasNextPage) {
-          fetchProposals(component, result.component.proposals.pageInfo.endCursor, callback, finalCall);
-        } else {
-          finalCall();
-        }
-      }
-    });
-  };
-
-  exports.AwesomeMap = exports.AwesomeMap || {};
-  exports.AwesomeMap.fetchProposals = fetchProposals;
-  exports.AwesomeMap.amendments = amendments;
-})(window);