decidim-decidim_awesome 0.6.6 → 0.8.0

data/app/assets/config/decidim_admin_decidim_awesome_manifest.js

@@ -1,2 +0,0 @@
-// = link decidim/decidim_awesome/admin.js
-// = link decidim/decidim_awesome/admin/form_exit_warn.js

data/app/assets/config/decidim_decidim_awesome_manifest.css

@@ -1,5 +0,0 @@
-/*
- *= link decidim/decidim_awesome/application.css
- *= link decidim/decidim_awesome/awesome_map/map.css
- *= link decidim/decidim_awesome/awesome_iframe/iframe.css
- */

data/app/assets/config/decidim_decidim_awesome_manifest.js

@@ -1,3 +0,0 @@
-// = link decidim/decidim_awesome/application.js
-// = link decidim/decidim_awesome/awesome_map/legacy_map.js
-// = link decidim/decidim_awesome/awesome_map/map.js

data/app/assets/javascripts/decidim/decidim_awesome/admin/constraints.js.es6

@@ -1,54 +0,0 @@
-// = require_self
-
-$(() => {
-  const $modal = $('#constraintsModal');
-  if(!$modal.length) return;
-
-  $(".decidim_awesome-form").on("click", ".constraints-editor .add-condition,.constraints-editor .edit-condition", (e) => {
-    e.preventDefault();
-    const $this = $(e.target)
-    const url = $this.attr("href");
-    const $callout = $this.closest(".constraints-editor").find(".callout");
-    $callout.hide();
-    $callout.removeClass('alert success');
-    $modal.find('.modal-content').html('');
-    $modal.addClass('loading').foundation('open');
-    $modal.data("url", url);
-    $modal.find('.modal-content').load(url, () => {
-      $modal.removeClass('loading');
-    });
-  });
-
-  // Custom event listener to reload the modal if needed
-  document.body.addEventListener("constraint:change", (e) => {
-    const vars = e.detail.map((setting) => `${setting.key}=${setting.value}`);
-    const url = $modal.data("url") + "&" + vars.join("&")
-    $modal.addClass('loading');
-    $modal.find('.modal-content').load(url, () => {
-      $modal.removeClass('loading');
-    });
-  });
-
-  // Rails AJAX events
-  document.body.addEventListener('ajax:error', (responseText) => {
-    const $container = $(`.constraints-editor[data-key="${responseText.detail[0].key}"]`)
-    const $callout = $container.find(".callout");
-    $callout.show();
-    $callout.contents('p').html(responseText.detail[0].message + ": <strong>" + responseText.detail[0].error + "</strong>");
-    $callout.addClass('alert');
-  });
-
-  document.body.addEventListener('ajax:success', (responseText) => {
-    const $container = $(`.constraints-editor[data-key="${responseText.detail[0].key}"]`)
-    const $callout = $container.find(".callout");
-    $callout.show();
-    $callout.contents('p').html(responseText.detail[0].message);
-    $callout.addClass('success');
-    // reconstruct list
-    $container.replaceWith(responseText.detail[0].html);
-  });
-
-  document.body.addEventListener('ajax:complete', () => {
-    $modal.foundation('close');
-  })
-});

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

@@ -1,2 +0,0 @@
-// = require decidim/decidim_awesome/admin/constraints
-// = require decidim/decidim_awesome/editors/quill_editor

data/app/assets/javascripts/decidim/decidim_awesome/application.js

@@ -1,4 +0,0 @@
-// = require decidim/decidim_awesome/proposals/images
-// = require decidim/decidim_awesome/editors/quill_editor
-// = require decidim/decidim_awesome/editors/markdown_view
-// = require decidim/decidim_awesome/forms/autosave

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

@@ -1,25 +0,0 @@
-((exports) => {
-
-  const getCategory = (category) => {
-    let defaultCat = {
-      color: getComputedStyle(document.documentElement).getPropertyValue('--primary'),
-      children: () => {},
-      parent: null,
-      name: null
-    };
-    if(category) {
-      let id = category.id ? parseInt(category.id, 10) : parseInt(category, 10);
-      let cat = exports.AwesomeMap.categories.find((c) => c.id == id);
-      if(cat) {
-        cat.children = () => {
-          return exports.AwesomeMap.categories.filter((c) => c.parent === cat.id );
-        }
-        return cat;
-      }
-    }
-    return defaultCat;
-  };
-
-  exports.AwesomeMap = exports.AwesomeMap || {};
-  exports.AwesomeMap.getCategory = getCategory;
-})(window);

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

@@ -1,225 +0,0 @@
-// = require jsrender.min
-// = require decidim/map
-// = require leaflet.featuregroup.subgroup
-// = require decidim/decidim_awesome/awesome_map/categories
-// = require decidim/decidim_awesome/awesome_map/legacy_proposals
-// = require decidim/decidim_awesome/awesome_map/meetings
-// = require_self
-
-((exports) => {
-  const { fetchProposals, fetchMeetings, getCategory } = exports.AwesomeMap;
-
-  const collapsedMenu = $("#map").data("collapsed");
-  const show = {
-    withdrawn: $("#map").data("show-withdrawn"),
-    accepted: $("#map").data("show-accepted"),
-    evaluating: $("#map").data("show-evaluating"),
-    notAnswered: $("#map").data("show-not-answered"),
-    rejected: $("#map").data("show-rejected")
-  };
-  const components = $("#map").data("components");
-  const popupMeetingTemplateId = "marker-meeting-popup";
-  const popupProposalTemplateId = "legacy-marker-proposal-popup";
-
-  const cluster = L.markerClusterGroup();
-  const amendments = [];
-
-  const layers = {};
-
-  const control = L.control.layers(null, null, {
-    position: 'topleft', 
-    sortLayers: false,
-    collapsed: collapsedMenu, 
-    // hideSingleBase: true
-  });
-  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
-    });
-
-    // Check if it has amendments, add it to a list
-    if(element.amendments && element.amendments.length) {
-      element.amendments.forEach((amendment) => {
-        amendments.push(amendment.emendation.id);
-      });
-    }
-    // Add to category layer
-    let cat = getCategory(element.category);
-    if(layers[cat.id]) {
-      marker.addTo(layers[cat.id].group);
-      // show category if hidden
-      const $label = $(`.awesome_map-category_${cat.id}`).closest("label");
-      const $parent = $(`.awesome_map-category_${cat.parent}`).closest("label");
-      $label.show();
-      // update number of items
-      $label.attr("title", parseInt($label.attr("title") || 0) + 1);
-      // show parent if apply
-      $parent.show();
-      $parent.attr("title", parseInt($parent.attr("title") || 0) + 1);
-      // update component stats
-      const $component = $(`#awesome_map-component-${component.id}`);
-      $component.attr("title", parseInt($component.attr("title") || 0) + 1);
-    }
-
-    return marker;
-  };
-
-  const loadElements = (map) => {
-    // legends
-    control.addTo(map);
-    cluster.addTo(map);
-
-    // Load markers
-    components.forEach((component) => {  
-      if(component.type == "proposals") {
-        // add control layer for proposals
-        layers.proposals = {
-          label: `<span 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(component.amendments) {
-          layers.amendments = {
-            label: `<span id="awesome_map-component-${component.d}" 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);
-        }
-
-        fetchProposals(component, '', (element, marker) => {
-            if(show[element.state || 'notAnswered']) {
-              drawMarker(element, marker, component).addTo(layers.proposals.group)   
-            }
-          }, () => {
-            // finall call
-            map.fitBounds(cluster.getBounds(), { padding: [50, 50] });
-            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);
-                item.marker.addTo(layers.amendments.group);
-              }
-            });
-          });
-      }
-      
-      if(component.type == "meetings") {
-        // add control layer for meetings
-        layers.meetings = {
-          label: `<span 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);
-        layers.meetings.group.addTo(map);
-      
-        fetchMeetings(component, '', (element, marker) => {
-            drawMarker(element, marker, component).addTo(layers.meetings.group);
-          }, () => {
-            map.fitBounds(cluster.getBounds(), { padding: [50, 50] });
-          });
-      }
-    });
-
-
-    // add categories control layers
-    if(window.AwesomeMap.categories.length) {
-      let lastLayer = layers[Object.keys(layers)[Object.keys(layers).length - 1]];
-      // Add Categories "title"
-      if(lastLayer) {
-        lastLayer.label = `${lastLayer.label}<hr><b>${window.DecidimAwesome.texts.categories}</b>`;
-        control.removeLayer(lastLayer.group);
-        control.addOverlay(lastLayer.group, lastLayer.label);
-      }
-
-      window.AwesomeMap.categories.forEach((category) => {
-        // add control layer for this category
-        layers[category.id] = {
-          label: `<i class="awesome_map-category_${category.id}"></i> ${category.name}`,
-          group: L.featureGroup.subGroup(cluster)
-        };
-        layers[category.id].group.addTo(map);
-        control.addOverlay(layers[category.id].group, layers[category.id].label);
-        // hide layer by default, it will be activated if there's any marker in it
-        setTimeout(() => {
-          $(`.awesome_map-category_${category.id}`).closest("label").hide();
-        });
-      });
-
-      // watch events for subcategories syncronitzation
-      const getCatFromClass = (name) => {
-        let id = name.match(/awesome_map-category_(\d+)/) 
-        if(!id) return;
-        const cat = getCategory(id[1]);
-        if(!cat || !cat.name) return;
-
-        return cat;        
-      };
-
-      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);
-          }
-        }
-      };
-
-      map.on('overlayadd', (e) => {
-        const cat = getCatFromClass(e.name);
-        if(!cat) return;
-        // if it's a children, put the parent to indeterminate
-        indeterminateInput(cat.parent);
-      });
-
-      // on remove a parent category, remove all children
-      map.on('overlayremove', (e) => {
-        const cat = getCatFromClass(e.name);
-        if(!cat) return;
-        cat.children().forEach((c) => {
-          let $el = $(`.awesome_map-category_${c.id}`);
-          if($el.parent().prev().prop("checked")) {
-            $el.click();
-          }
-        });
-      });
-
-    }
-
-  };
-
-  // currentMap might not be loaded yet so let's delay a bit
-  // TODO: improve this
-  const waitMap = () => {
-    if(exports.Decidim && exports.Decidim.currentMap) {
-      loadElements(exports.Decidim.currentMap);
-    } else {
-      setTimeout(() => {
-        waitMap();
-      }, 100);
-    }
-  };
-
-  waitMap();
-
-})(window);

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

@@ -1,82 +0,0 @@
-// = require decidim/decidim_awesome/awesome_map/api_fetcher
-// = require decidim/decidim_awesome/awesome_map/categories
-
-((exports) => {
-  const { getCategory } = 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
-                body
-                address
-                coordinates {
-                  latitude
-                  longitude
-                }
-                amendments {
-                  emendation {
-                    id
-                  }
-                }
-                category {
-                  id
-                }
-              }
-            }
-          }
-        }
-      }
-    }`;
-
-  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.body = element.body.replace(/\n/g, "<br>");
-    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.link = component.url + '/proposals/' + element.node.id;
-            createMarker(element.node, callback);
-          }
-        });
-        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;
-})(window);

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

@@ -1,215 +0,0 @@
-// = require jsrender.min
-// = require leaflet.featuregroup.subgroup
-// = 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 { fetchProposals, fetchMeetings, getCategory } = exports.AwesomeMap;
-
-  const collapsedMenu = $("#awesome-map").data("collapsed");
-  const show = {
-    withdrawn: $("#awesome-map").data("show-withdrawn"),
-    accepted: $("#awesome-map").data("show-accepted"),
-    evaluating: $("#awesome-map").data("show-evaluating"),
-    notAnswered: $("#awesome-map").data("show-not-answered"),
-    rejected: $("#awesome-map").data("show-rejected")
-  };
-  const components = $("#awesome-map").data("components");
-  const popupMeetingTemplateId = "marker-meeting-popup";
-  const popupProposalTemplateId = "marker-proposal-popup";
-
-  const cluster = L.markerClusterGroup();
-  const amendments = [];
-
-  const layers = {};
-
-  const control = L.control.layers(null, null, {
-    position: 'topleft', 
-    sortLayers: false,
-    collapsed: collapsedMenu, 
-    // hideSingleBase: true
-  });
-  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
-    });
-
-    // Check if it has amendments, add it to a list
-    if(element.amendments && element.amendments.length) {
-      element.amendments.forEach((amendment) => {
-        amendments.push(amendment.emendation.id);
-      });
-    }
-    // Add to category layer
-    let cat = getCategory(element.category);
-    if(layers[cat.id]) {
-      marker.addTo(layers[cat.id].group);
-      // show category if hidden
-      const $label = $(`.awesome_map-category_${cat.id}`).closest("label");
-      const $parent = $(`.awesome_map-category_${cat.parent}`).closest("label");
-      $label.show();
-      // update number of items
-      $label.attr("title", parseInt($label.attr("title") || 0) + 1);
-      // show parent if apply
-      $parent.show();
-      $parent.attr("title", parseInt($parent.attr("title") || 0) + 1);
-      // update component stats
-      const $component = $(`#awesome_map-component-${component.id}`);
-      $component.attr("title", parseInt($component.attr("title") || 0) + 1);
-    }
-
-    return marker;
-  };
-
-  const loadElements = (map) => {
-    // legends
-    control.addTo(map);
-    cluster.addTo(map);
-
-    // Load markers
-    components.forEach((component) => {  
-      if(component.type == "proposals") {
-        // add control layer for proposals
-        layers.proposals = {
-          label: `<span 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(component.amendments) {
-          layers.amendments = {
-            label: `<span id="awesome_map-component-${component.d}" 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);
-        }
-
-        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)   
-            }
-          }, () => {
-            // finall call
-            map.fitBounds(cluster.getBounds(), { padding: [50, 50] });
-            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);
-                item.marker.addTo(layers.amendments.group);
-              }
-            });
-          });
-      }
-      
-      if(component.type == "meetings") {
-        // add control layer for meetings
-        layers.meetings = {
-          label: `<span 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);
-        layers.meetings.group.addTo(map);
-      
-        fetchMeetings(component, '', (element, marker) => {
-            drawMarker(element, marker, component).addTo(layers.meetings.group);
-          }, () => {
-            map.fitBounds(cluster.getBounds(), { padding: [50, 50] });
-          });
-      }
-    });
-
-
-    // add categories control layers
-    if(window.AwesomeMap.categories.length) {
-      let lastLayer = layers[Object.keys(layers)[Object.keys(layers).length - 1]];
-      // Add Categories "title"
-      if(lastLayer) {
-        lastLayer.label = `${lastLayer.label}<hr><b>${window.DecidimAwesome.texts.categories}</b>`;
-        control.removeLayer(lastLayer.group);
-        control.addOverlay(lastLayer.group, lastLayer.label);
-      }
-
-      window.AwesomeMap.categories.forEach((category) => {
-        // add control layer for this category
-        layers[category.id] = {
-          label: `<i class="awesome_map-category_${category.id}"></i> ${category.name}`,
-          group: L.featureGroup.subGroup(cluster)
-        };
-        layers[category.id].group.addTo(map);
-        control.addOverlay(layers[category.id].group, layers[category.id].label);
-        // hide layer by default, it will be activated if there's any marker in it
-        setTimeout(() => {
-          $(`.awesome_map-category_${category.id}`).closest("label").hide();
-        });
-      });
-
-      // watch events for subcategories syncronitzation
-      const getCatFromClass = (name) => {
-        let id = name.match(/awesome_map-category_(\d+)/) 
-        if(!id) return;
-        const cat = getCategory(id[1]);
-        if(!cat || !cat.name) return;
-
-        return cat;        
-      };
-
-      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);
-          }
-        }
-      };
-
-      map.on('overlayadd', (e) => {
-        const cat = getCatFromClass(e.name);
-        if(!cat) return;
-        // if it's a children, put the parent to indeterminate
-        indeterminateInput(cat.parent);
-      });
-
-      // on remove a parent category, remove all children
-      map.on('overlayremove', (e) => {
-        const cat = getCatFromClass(e.name);
-        if(!cat) return;
-        cat.children().forEach((c) => {
-          let $el = $(`.awesome_map-category_${c.id}`);
-          if($el.parent().prev().prop("checked")) {
-            $el.click();
-          }
-        });
-      });
-
-    }
-
-  };
-
-  $("#map").on("ready.decidim", (ev, map) => {
-    loadElements(map);
-  });
-
-})(window);