decidim-decidim_awesome 0.6.5 → 0.7.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2be39606cbd0f92bc8232bbd4a1c8b04a27aed18e9a0732668af6f37126d66f4
-  data.tar.gz: 5034f9d65042871ec4be47c313e90c46390e40751003666ea8a93166df087d31
+  metadata.gz: 8913b46e29378088cc9b9eed9b69b0321e404f52900b725cea8e213bea47502e
+  data.tar.gz: 5a79234c4b57bd7ea62589f833fef5ffff0468d4fec7ef907cbaabeb96df4dc0
 SHA512:
-  metadata.gz: b2219e00f0a35206d772032e1f259e5283e2085a39bf5f45e47af09a784ece3776c0824ed7dc6d191cdcbf036b34a647fb5c9c172e13f86ef21394f54275fc9a
-  data.tar.gz: e2abb579c41c61b11377c986f692cba8b944671e1876616bf771309b8e62900a05b57582f72f1f458ef17309b55d8030c15727993ad99092c40ac4c4e31fd94a
+  metadata.gz: cde9b7f7cfa19d19a9a9157c152e34a7ac849fd75b8cb2a23ae487836e561ff43bb961fa83d38e495069a427ec67e35afe05f1131ba1cbdf3509d25161f2b16f
+  data.tar.gz: 20fa96490ce61a2679c13864e8b580f607b482a00176c684e1fd9f8014666f004a76299134c7096f57f9ff1e6aaaa2b4dca72df460fd1ad2180f5f129cea6291

data/README.md

@@ -1,6 +1,7 @@
 # Decidim::DecidimAwesome
 
-[![Build](https://github.com/Platoniq/decidim-module-decidim_awesome/workflows/Build/badge.svg)](https://github.com/Platoniq/decidim-module-decidim_awesome/actions)
+[![[CI] Test 0.24](https://github.com/Platoniq/decidim-module-decidim_awesome/actions/workflows/test-24.yml/badge.svg)](https://github.com/Platoniq/decidim-module-decidim_awesome/actions/workflows/test-24.yml)
+[![[CI] Test 0.23](https://github.com/Platoniq/decidim-module-decidim_awesome/actions/workflows/test-23.yml/badge.svg)](https://github.com/Platoniq/decidim-module-decidim_awesome/actions/workflows/test-23.yml)
 [![Maintainability](https://api.codeclimate.com/v1/badges/2dada53525dd5a944089/maintainability)](https://codeclimate.com/github/Platoniq/decidim-module-decidim_awesome/maintainability)
 [![Test Coverage](https://codecov.io/gh/Platoniq/decidim-module-decidim_awesome/branch/master/graph/badge.svg?token=TFBMCLLZJG)](undefined)
 
@@ -9,7 +10,7 @@ Usability and UX tweaks for Decidim.
 This plugin allows the administrators to expand the possibilities of Decidim beyond some existing limitations.
 All tweaks are provided in a optional fashion with granular permissions that let the administrator to choose exactly where to apply those mods. Some tweaks can be applied to any assembly, other in an specific participatory process or even in type of component only.
 
-**This in beta status, we do not accept any responsibility for breaking anything. Feedback is appreciated though.**
+**DISCLAIMER: This module is heavily tested and widely used, howevever we do not accept any responsibility for breaking anything. Feedback is appreciated though.**
 
 ## Why this plugin?
 
@@ -24,6 +25,8 @@ Because Decidim is awesome and so is this!
 
 Read the [CHANGELOG](CHANGELOG.md) for Decidim compatibility.
 
+> **TL;DR people**: Jump to the [installation part](#installation)
+
 DecidimAwesome is a module that hacks Decidim in order to provide more features or improve some aspects of it.
 
 It generates and admin module that allows to choose what hacks to apply.
@@ -121,21 +124,37 @@ Feel free to hide, modify or add items in the Decidim's main menu. You can also
 ![Menu hacks screenshot](examples/menu-3.png)
 ![Menu hacks screenshot](examples/menu-4.png)
 
+#### 12. Assign admins to specific scopes and prevent them modify anything else
+
+Convert any user on the platform (that is not currently an admin) to a limited subset of participatory spaces or event compoponents. Just add users to a box and scope them to some constraints. These users will se the "Edit" button in everywhere they have permissions. Any access to unallowed zones will redirect the user to the admin index page.
+
+![Scoped admins authorized](examples/scoped_admins_authorized.png)
+![Scoped admins unauthorized](examples/scoped_admins_unauthorized.png)
+![Scoped admins configuration](examples/scoped_admins_config.png)
+
+#### 13. Custom fields for proposals
+
+Now admins can substitute the body of a proposal with a set of form fields.
+Edition is make with a Drag & Drop interface in the admin and can (and should) be scoped to apply only to certain proposal components.
+
+Technically, the content is stored in the database as an XML document compatible with normal HTML (it uses the DL/DT/DD elements).
+
+![Custom fields screenshot](examples/custom-fields-1.png)
+![Custom fields screenshot](examples/custom-fields-2.png)
+![Custom fields screenshot](examples/custom-fields-1.gif)
+
 #### To be continued...
 
-Some things in the road-map:
+We're not done! Please check the [issues](/Platoniq/decidim-module-decidim_awesome/issues) (and participate) to see what's on our mind
 
-1. Improve the conversation in comments by allowing images
-1. Allow to create non-private surveys where the responding user is known by admins
-1. Manipulate menus (reorder, change texts, add new items)
-1. Propose something! or even better send a PR!
+Also feel free to propose something! or even better send a PR!
 
 ## Installation
 
 Add this line to your application's Gemfile:
 
 ```ruby
-gem "decidim-decidim_awesome", "~> 0.6.5"
+gem "decidim-decidim_awesome", "~> 0.7.2"
 ```
 
 And then execute:
@@ -152,6 +171,9 @@ Depending on your Decidim version, choose the corresponding Awesome version to e
 |---|---|
 | 0.5.x | 0.21.x, 0.22.x |
 | 0.6.x | 0.22.x, 0.23.x |
+| 0.7.x | 0.23.x, 0.24.x |
+
+> *Heads up!* version 0.7.1 requires database migrations! Don't forget the migrations step when updating.
 
 ## Configuration
 
@@ -160,6 +182,8 @@ admins do not even see it.
 
 In order to personalize default values, create an initializer such as:
 
+> **NOTE**: this is not necessary unless you want to **disable** some features. All features are enabled by default.
+
 ```ruby
 # config/initializers/awesome_defaults.rb
 
@@ -173,6 +197,12 @@ Decidim::DecidimAwesome.configure do |config|
 
   # De-activated, admins don't even see it as an option
   config.use_markdown_editor = :disabled
+
+  # Disable scoped admins
+  config.scoped_admins = :disabled
+
+  # any other config var from lib/decidim/decidim_awesome.rb
+  ...
 end
 ```
 

data/app/assets/config/decidim_admin_decidim_awesome_manifest.css

@@ -1,3 +1,3 @@
 /*
- *= link decidim/decidim_awesome/admin.css
- */
+ *= link decidim/decidim_awesome/awesome_admin.css
+ */

data/app/assets/config/decidim_admin_decidim_awesome_manifest.js

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

data/app/assets/config/decidim_decidim_awesome_manifest.css

@@ -1,5 +1,5 @@
 /*
- *= link decidim/decidim_awesome/application.css
+ *= link decidim/decidim_awesome/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 +1,4 @@
-// = link decidim/decidim_awesome/application.js
-// = link decidim/decidim_awesome/awesome_map/legacy_map.js
+// = link decidim/decidim_awesome/awesome_application.js
 // = link decidim/decidim_awesome/awesome_map/map.js
+// = link decidim/decidim_awesome/awesome_map/load_map.js
+// = link decidim/decidim_awesome/proposals/custom_fields.js

data/app/assets/config/legacy_decidim_admin_decidim_awesome_manifest.js

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

data/app/assets/config/legacy_decidim_decidim_awesome_manifest.js

@@ -0,0 +1,4 @@
+// = link decidim/decidim_awesome/legacy_application.js
+// = link decidim/decidim_awesome/awesome_map/map.js
+// = link decidim/decidim_awesome/awesome_map/load_map.js
+// = link decidim/decidim_awesome/proposals/custom_fields.js

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

@@ -0,0 +1,77 @@
+// = require_self
+
+let formBuilderList = formBuilderList || [];
+let DecidimAwesome = DecidimAwesome || {};
+$(() => {
+  $("body").on("click", "a.awesome-auto-edit", (e) => {
+    e.preventDefault();
+    const $link = $(e.currentTarget);
+    const scope = $link.data("scope");
+    const $target = $(`span.awesome-auto-edit[data-scope="${scope}"]`);
+    const $constraints = $(`.constraints-editor[data-key="${scope}"]`);
+    if($target.length == 0) return;
+    
+    const key = $target.data('key');
+    const attribute = $target.data('var');
+    const $hidden = $(`[name="config[${attribute}][${key}]"]`);
+    const $multiple = $(`[name="config[${attribute}][${key}][]"]`);
+    const $container = $(`.${attribute}_container[data-key="${key}"]`);
+    const $delete = $('.delete-box', $container);
+
+    const rebuildLabel = (text, scope) => {
+      $target.text(text);
+      $target.attr("data-key", text);
+      $target.data("key", text);
+      if(scope) {
+        $target.attr("data-scope", scope);
+        $target.data("scope", scope);
+        $link.attr("data-scope", scope);
+        $link.data("scope", scope);
+      }
+      $link.show();
+    };
+    
+    const rebuildHmtl = (result) => {
+      rebuildLabel(result.key, result.scope);
+      $constraints.replaceWith(result.html);
+      // update hidden input if exists
+      $hidden.attr("name", `config[${attribute}][${result.key}]`);
+      $multiple.attr("name", `config[${attribute}][${result.key}][]`);
+      $container.data("key", result.key);
+      $container.attr("data-key", result.key);
+      $delete.attr("href", $delete.attr("href").replace(`key=${key}`, `key=${result.key}`))
+      formBuilderList.forEach((builder) => {
+        if(builder.key == key) {
+          builder.key = result.key;
+        }
+      });
+    };
+
+    $target.html(`<input class="awesome-auto-edit" data-scope="${scope}" type="text" value="${key}">`);
+    const $input = $(`input.awesome-auto-edit[data-scope="${scope}"]`);
+    $link.hide();
+    $input.select();
+    $input.on("keypress", (e) => {
+      // if(e.code == "Space") {
+      //   e.preventDefault();
+      // }
+      if(e.code == "Enter") {
+        e.preventDefault();
+        $.post(DecidimAwesome.rename_scope_label_path, 
+          { key: key, 
+            scope: scope, 
+            attribute: attribute, 
+            text: $input.val() 
+          },
+          (result) => rebuildHmtl(result), 
+          "json").fail((err) => {
+            console.error("Error saving key", key, "ERR:", err);
+            rebuildLabel(key);
+          })
+      }
+    });
+    $input.on("blur", () => {
+      rebuildLabel(key);
+    });
+  });
+});

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

@@ -0,0 +1,14 @@
+// = require codemirror
+// = require mode/css/css
+// = require keymap/sublime
+// = require_self
+
+$(() => {
+  $(".awesome-edit-config .scoped_styles_container textarea").each((_idx, el) => {
+    CodeMirror.fromTextArea(el, {
+      lineNumbers: true,
+      mode: "css",
+      keymap: "sublime"
+    });
+  })
+});

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

@@ -0,0 +1,80 @@
+// = require jquery-ui.min
+// = require decidim/decidim_awesome/editors/quill_editor
+// = require decidim/decidim_awesome/forms/rich_text_plugin
+// = require form-builder.min
+// = require_self
+
+let formBuilderList = [];
+
+$(() => {
+  $(".awesome-edit-config .proposal_custom_fields_editor").each((_idx, el) => {
+    const key = $(el).closest(".proposal_custom_fields_container").data("key");
+    // DOCS: https://formbuilder.online/docs
+    formBuilderList.push({
+      el: el,
+      key: key,
+      config: {
+        i18n: {
+          locale: 'en-US',
+          location: 'https://cdn.jsdelivr.net/npm/formbuilder-languages@1.1.0/'
+        },
+        formData: $(`input[name="config[proposal_custom_fields][${key}]"]`).val(),
+        disableFields: ['button', 'file'],
+        disabledActionButtons: ['save', 'data', 'clear'],
+        disabledAttrs: [
+          'access',
+          'inline',
+          'className'
+        ],
+        controlOrder: [
+          "text",
+          "textarea",
+          "number",
+          "date",
+          "checkbox-group",
+          "radio-group",
+          "select",
+          "autocomplete",
+          "header",
+          "paragraph"
+        ],
+        disabledSubtypes: {
+          text: ['color'], // TODO: fix hashtag generator with this
+          // disable wysiwyg editors as they present problems
+          // TODO: create custom type to integrate decidim Quill Editor
+          textarea: ['tinymce', 'quill']
+        },
+      },
+      instance: null
+    });
+  });
+
+  $(document).on("formBuilder.create", (_event, i, list) => {
+    if(!list[i]) return;
+
+    $(list[i].el).formBuilder(list[i].config).promise.then(function(res){
+      list[i].instance = res;
+      // Attach to DOM
+      list[i].el.FormBuilder = res;
+      // remove spinner
+      $(list[i].el).find(".loading-spinner").remove();
+      // for external use
+      $(document).trigger("formBuilder.created", [list[i]]);
+      if(i < list.length) {
+        $(document).trigger("formBuilder.create", [i + 1, list]);
+      }
+    });
+  });
+
+  if(formBuilderList.length) {
+    $(document).trigger("formBuilder.create", [0, formBuilderList]);
+  }
+
+  $("form.awesome-edit-config").on("submit", () => {
+    // e.preventDefault();
+    formBuilderList.forEach((builder) =>{
+      $(`input[name="config[proposal_custom_fields][${builder.key}]"]`).val(builder.instance.actions.getData("json"));
+    });
+  });
+});
+

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

@@ -0,0 +1,80 @@
+// = require jquery-ui.min
+// = require decidim/decidim_awesome/editors/legacy_quill_editor
+// = require decidim/decidim_awesome/forms/rich_text_plugin
+// = require form-builder.min
+// = require_self
+
+let formBuilderList = [];
+
+$(() => {
+  $(".awesome-edit-config .proposal_custom_fields_editor").each((_idx, el) => {
+    const key = $(el).closest(".proposal_custom_fields_container").data("key");
+    // DOCS: https://formbuilder.online/docs
+    formBuilderList.push({
+      el: el,
+      key: key,
+      config: {
+        i18n: {
+          locale: 'en-US',
+          location: 'https://cdn.jsdelivr.net/npm/formbuilder-languages@1.1.0/'
+        },
+        formData: $(`input[name="config[proposal_custom_fields][${key}]"]`).val(),
+        disableFields: ['button', 'file'],
+        disabledActionButtons: ['save', 'data', 'clear'],
+        disabledAttrs: [
+          'access',
+          'inline',
+          'className'
+        ],
+        controlOrder: [
+          "text",
+          "textarea",
+          "number",
+          "date",
+          "checkbox-group",
+          "radio-group",
+          "select",
+          "autocomplete",
+          "header",
+          "paragraph"
+        ],
+        disabledSubtypes: {
+          text: ['color'], // TODO: fix hashtag generator with this
+          // disable wysiwyg editors as they present problems
+          // TODO: create custom type to integrate decidim Quill Editor
+          textarea: ['tinymce', 'quill']
+        },
+      },
+      instance: null
+    });
+  });
+
+  $(document).on("formBuilder.create", (_event, i, list) => {
+    if(!list[i]) return;
+
+    $(list[i].el).formBuilder(list[i].config).promise.then(function(res){
+      list[i].instance = res;
+      // Attach to DOM
+      list[i].el.FormBuilder = res;
+      // remove spinner
+      $(list[i].el).find(".loading-spinner").remove();
+      // for external use
+      $(document).trigger("formBuilder.created", [list[i]]);
+      if(i < list.length) {
+        $(document).trigger("formBuilder.create", [i + 1, list]);
+      }
+    });
+  });
+
+  if(formBuilderList.length) {
+    $(document).trigger("formBuilder.create", [0, formBuilderList]);
+  }
+
+  $("form.awesome-edit-config").on("submit", () => {
+    // e.preventDefault();
+    formBuilderList.forEach((builder) =>{
+      $(`input[name="config[proposal_custom_fields][${builder.key}]"]`).val(builder.instance.actions.getData("json"));
+    });
+  });
+});
+

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

@@ -0,0 +1,24 @@
+// = require select2
+// = require_self
+
+$(() => {
+    $('select.multiusers-select').each(function() {
+    const url = $(this).attr("data-url");
+    $(this).select2({
+      ajax: {
+        url: url,
+        delay: 100,
+        dataType: "json",
+        processResults: (data) => {
+          return {
+            results: data
+          }
+        }
+      },
+      escapeMarkup: (markup) => markup,
+      templateSelection: (item) => `${item.text}`,
+      minimumInputLength: 1,
+      theme: "foundation"
+    });
+  });
+});

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

@@ -0,0 +1,7 @@
+// = require decidim/decidim_awesome/admin/constraints
+// = require decidim/decidim_awesome/editors/quill_editor
+// = require decidim/decidim_awesome/admin/form_builder
+// = require decidim/decidim_awesome/editors/tabs_focus
+// = require decidim/decidim_awesome/admin/codemirror
+// = require decidim/decidim_awesome/admin/user_picker.js
+// = require decidim/decidim_awesome/admin/auto_edit.js

data/app/assets/javascripts/decidim/decidim_awesome/{application.js → awesome_application.js}

@@ -1,4 +1,3 @@
 // = 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
+// = require decidim/decidim_awesome/forms/autosave

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

@@ -0,0 +1,48 @@
+((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

@@ -0,0 +1,107 @@
+// = 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

@@ -0,0 +1,15 @@
+$(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"));
+});