decidim-decidim_awesome 0.6.6 → 0.8.0

data/app/packs/entrypoints/decidim_decidim_awesome_iframe.scss

@@ -0,0 +1 @@
+@import "stylesheets/decidim/decidim_awesome/awesome_iframe/iframe";

data/app/packs/entrypoints/decidim_decidim_awesome_map.js

@@ -0,0 +1,5 @@
+import "src/decidim/decidim_awesome/awesome_map/load_map.js"
+
+// CSS
+import "entrypoints/decidim_decidim_awesome_map.scss";
+

data/app/packs/entrypoints/decidim_decidim_awesome_map.scss

@@ -0,0 +1 @@
+@import "stylesheets/decidim/decidim_awesome/awesome_map/map"

data/app/packs/src/decidim/decidim_awesome/admin/auto_edit.js

@@ -0,0 +1,82 @@
+$(() => {
+  let CustomFieldsBuilders = window.CustomFieldsBuilders || [];
+
+  $("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, withScope) => {
+      $target.text(text);
+      $target.attr("data-key", text);
+      $target.data("key", text);
+      if (withScope) {
+        $target.attr("data-scope", withScope);
+        $target.data("scope", withScope);
+        $link.attr("data-scope", withScope);
+        $link.data("scope", withScope);
+      }
+      $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}`))
+      CustomFieldsBuilders.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", (evt) => {
+      if (evt.code == "Enter" || evt.code == "13" || evt.code == "10") {
+        evt.preventDefault();
+        $.ajax(
+          {
+            type: "POST",
+            url: DecidimAwesome.rename_scope_label_path,
+            dataType: "json",
+            headers: {
+              "X-CSRF-Token": $("meta[name=csrf-token]").attr("content")
+            },
+            data: { key: key,
+              scope: scope,
+              attribute: attribute,
+              text: $input.val()
+            }
+          }).
+          done((result) => rebuildHmtl(result)).
+          fail((err) => {
+            console.error("Error saving key", key, "ERR:", err);
+            rebuildLabel(key);
+          });
+      }
+    });
+    $input.on("blur", () => {
+      rebuildLabel(key);
+    });
+  });
+});

data/app/packs/src/decidim/decidim_awesome/admin/check_redirections.js

@@ -0,0 +1,48 @@
+$(() => {
+  $(".check-custom-redirections").on("click", (evt) => {
+    evt.preventDefault();
+    
+    if ($(evt.target).hasClass("disabled")) {
+      return;
+    }
+    
+    $(evt.target).addClass("disabled");
+
+    const getReport = (tr, response) => {
+      const item = $(tr).data("item");
+      const $td = $(tr).find(".redirect-status");
+
+      let type = response.type;
+      let status = response.status;
+      if (response.type == "opaqueredirect") {
+        type = "redirect";
+        status = "302";
+      }
+
+      if (item.active) {
+        if (type ==  "redirect") {
+          $td.addClass("success");
+        } else {
+          $td.addClass("alert");
+        }
+      } else {
+        $td.addClass("muted");
+      }
+
+      return `${type} (${status})`;
+    };
+
+    $("tr.custom-redirection").each((index, tr) => {
+      const $td = $(tr).find(".redirect-status");
+      $td.html('<span class="loading-spinner" />');
+      fetch($(tr).data("origin"), {method: "HEAD", redirect: "manual"}).
+        then((response) => {
+          $td.html(getReport(tr, response))
+        }).
+        catch((error) => {
+          console.error("ERROR", error)  
+          $td.removeClass("loading");
+        });
+    });
+  });
+});

data/app/packs/src/decidim/decidim_awesome/admin/codemirror.js

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

data/app/packs/src/decidim/decidim_awesome/admin/constraints.js

@@ -0,0 +1,55 @@
+$(() => {
+  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");
+    $modal.data("url", url);
+    $modal.foundation("open");
+    $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("&")}`;
+    // console.log("constraint:change vars:", vars, "url:", url)
+    $modal.addClass("loading");
+    $modal.find(".modal-content").load(url, () => {
+      $modal.removeClass("loading");
+    });
+  });
+
+  // Rails AJAX events
+  document.body.addEventListener("ajax:error", (responseText) => {
+    // console.log("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) => {
+    // console.log("ajax:success", responseText)
+    const $container = $(`.constraints-editor[data-key="${responseText.detail[0].key}"]`)
+    const $callout = $container.find(".callout");
+    $modal.foundation("close");
+    $callout.show();
+    $callout.contents("p").html(responseText.detail[0].message);
+    $callout.addClass("success");
+    // reconstruct list
+    $container.replaceWith(responseText.detail[0].html);
+  });
+});

data/app/packs/src/decidim/decidim_awesome/admin/custom_fields_builder.js

@@ -0,0 +1,77 @@
+require("formBuilder/dist/form-builder.min.js")
+import "src/decidim/decidim_awesome/forms/rich_text_plugin"
+
+window.CustomFieldsBuilders = window.CustomFieldsBuilders || [];
+
+$(() => {
+  $(".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
+    window.CustomFieldsBuilders.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"], // default color as it generate hashtags in decidim (TODO: fix hashtag generator with this)
+          // disable default wysiwyg editors as they present problems
+          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 (window.CustomFieldsBuilders.length) {
+    $(document).trigger("formBuilder.create", [0, window.CustomFieldsBuilders]);
+  }
+
+  $("form.awesome-edit-config").on("submit", () => {
+    window.CustomFieldsBuilders.forEach((builder) => {
+      $(`input[name="config[proposal_custom_fields][${builder.key}]"]`).val(builder.instance.actions.getData("json"));
+    });
+  });
+});
+

data/app/{assets/javascripts/decidim/decidim_awesome/admin/form_exit_warn.js.es6 → packs/src/decidim/decidim_awesome/admin/form_exit_warn.js}

@@ -1,5 +1,3 @@
-// = require_self
-
 $(() => {
   const $form = $("form.awesome-edit-config");
   if ($form.length > 0) {

data/app/packs/src/decidim/decidim_awesome/admin/user_picker.js

@@ -0,0 +1,24 @@
+import "select2"
+import "stylesheets/decidim/decidim_awesome/admin/user_picker.scss"
+
+$(() => {
+  $("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/packs/src/decidim/decidim_awesome/awesome_admin.js

@@ -0,0 +1,23 @@
+// Webpack seems to "forgget" about certain libraries already being loaded 
+// if javascript_pack_tag is called two times, let's include the whole Decidim admin here instead
+import "entrypoints/decidim_admin"
+// Custom scripts for awesome
+import "src/decidim/decidim_awesome/admin/constraints"
+import "src/decidim/decidim_awesome/admin/auto_edit"
+import "src/decidim/decidim_awesome/admin/user_picker"
+import "src/decidim/decidim_awesome/editors/tabs_focus"
+import "src/decidim/decidim_awesome/admin/codemirror"
+import "src/decidim/decidim_awesome/admin/check_redirections"
+
+import {destroyQuillEditor, createQuillEditor, createMarkdownEditor} from "src/decidim/decidim_awesome/editors/editor"
+
+$(() => {
+  $(".editor-container").each((_idx, container) => {
+    destroyQuillEditor(container);
+    if (window.DecidimAwesome.use_markdown_editor) {
+      createMarkdownEditor(container);
+    } else {
+      createQuillEditor(container);
+    }
+  });
+});

data/app/packs/src/decidim/decidim_awesome/awesome_application.js

@@ -0,0 +1,17 @@
+import "src/decidim/decidim_awesome/proposals/images"
+import "src/decidim/decidim_awesome/forms/autosave"
+import {destroyQuillEditor, createQuillEditor, createMarkdownEditor} from "src/decidim/decidim_awesome/editors/editor"
+
+$(() => {
+  // rebuild editors
+  if (window.DecidimAwesome.allow_images_in_full_editor || window.DecidimAwesome.allow_images_in_small_editor || window.DecidimAwesome.use_markdown_editor) {
+    $(".editor-container").each((_idx, container) => {
+      destroyQuillEditor(container);
+      if (window.DecidimAwesome.use_markdown_editor) {
+        createMarkdownEditor(container);
+      } else {
+        createQuillEditor(container);
+      }
+    });
+  }
+});

data/app/{assets/javascripts/decidim/decidim_awesome/awesome_map/api_fetcher.js.es6 → packs/src/decidim/decidim_awesome/awesome_map/api/api_fetcher.js}

@@ -1,5 +1,4 @@
-class ApiFetcher { // eslint-disable-line no-unused-vars
-
+export default class ApiFetcher { // eslint-disable-line no-unused-vars
   constructor(query, variables) {
     this.query = query;
     this.variables = variables;
@@ -22,17 +21,4 @@ class ApiFetcher { // eslint-disable-line no-unused-vars
   fetchAll (callback) {
     this.fetch(callback);
   }
-
-  static findTranslation(translations) {
-    let text, lang = document.querySelector('html').getAttribute('lang');
-    
-    translations.forEach((t) => {
-      if(t.text) {
-        if(!text || t.locale == lang) {
-          text = t.text
-        }
-      }
-    });
-    return text;
-  }
 }

data/app/packs/src/decidim/decidim_awesome/awesome_map/api/fetcher.js

@@ -0,0 +1,131 @@
+import ApiFetcher from "src/decidim/decidim_awesome/awesome_map/api/api_fetcher";
+
+export default class Fetcher {
+  constructor(controller) {
+    this.controller = controller;
+    this.config = {
+      length: controller.awesomeMap.config.length || 255
+    };
+    this.onFinished = () => {};
+    this.onNode = () => {};
+    this.hashtags = [];
+
+    this.collection = this.controller.component.type;
+    // override in specific components:
+    this.query = `query ($id: ID!, $after: String!) {
+        component(id: $id) {
+          id
+          __typename
+        }
+      }`;
+  }
+
+  fetch(after = "") {
+    const variables = {
+      "id": this.controller.component.id,
+      "after": after
+    };
+    const api = new ApiFetcher(this.query, variables);
+    api.fetchAll((result) => {
+      if (result) {
+        const collection = result.component[this.collection];
+        // console.log("collection",collection)
+        
+        collection.edges.forEach((element) => {
+          let node = element.node;
+          if (!node) {
+            return;
+          }
+      
+          if (node.coordinates && node.coordinates.latitude && node.coordinates.longitude) {
+            this.decorateNode(node);
+            this.onNode(node)
+          }
+        });
+
+        if (collection.pageInfo.hasNextPage) {
+          this.fetch(collection.pageInfo.endCursor);
+        } else {
+          this.onFinished();
+        }
+      }
+    });
+  }
+
+  decorateNode(node) {
+    const body = this.findTranslation(node.body.translations);
+    const title = this.findTranslation(node.title.translations);
+    node.hashtags = this.collectHashtags(title);
+    node.hashtags = node.hashtags.concat(this.collectHashtags(body));
+    // hashtags in the title look ugly, lets replace the gid:... structure with the tag #name
+    node.title.translation = this.replaceHashtags(title, node.hashtags);
+    node.body.translation = this.appendHtmlHashtags(this.truncate(this.removeHashtags(body)).replace(/\n/g, "<br>"), node.hashtags);
+    node.link = `${this.controller.component.url}/${this.collection}/${node.id}`;
+  }
+
+  findTranslation(translations) {
+    let text, 
+        lang = document.querySelector("html").getAttribute("lang");
+    
+    translations.forEach((t) => {
+      if (t.text) {
+        if (!text || t.locale == lang) {
+          text = t.text
+        }
+      }
+    });
+    return text;
+  }
+
+  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
+          }
+          this.hashtags.push(hashtag)
+          return hashtag;
+        });
+      }
+    }
+    return tags;
+  }
+
+  replaceHashtags(text, hashtags) {
+    hashtags.forEach((tag) => {
+      text = text.replace(tag.gid, tag.name)
+    });
+    return text;
+  }
+
+  removeHashtags(text) {
+    return text.replace(/gid:\/\/[^\s<]+/g, "");
+  }
+
+  appendHtmlHashtags(text, tags) {
+    tags.forEach((tag) => {
+      text += ` ${tag.html}`;
+    });
+    return text;
+  }
+
+  truncate(html) {
+    return $.truncate(html, this.config);
+  }
+}

data/app/packs/src/decidim/decidim_awesome/awesome_map/api/meetings_fetcher.js

@@ -0,0 +1,59 @@
+import Fetcher from "src/decidim/decidim_awesome/awesome_map/api/fetcher";
+
+export default class MeetingsFetcher extends Fetcher {
+  constructor(controller) {
+    super(controller);
+    this.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
+                  }
+                }
+                body: description {
+                  translations {
+                    text
+                    locale
+                  }
+                }
+                startTime
+                location {
+                  translations {
+                    text
+                    locale
+                  }
+                }
+                address
+                locationHints {
+                  translations {
+                    text
+                    locale
+                  }
+                }
+                coordinates {
+                  latitude
+                  longitude
+                }
+                category {
+                  id
+                }
+              }
+            }
+          }
+        }
+      }
+    }`;
+  }
+}

data/app/packs/src/decidim/decidim_awesome/awesome_map/api/proposals_fetcher.js

@@ -0,0 +1,52 @@
+import Fetcher from "src/decidim/decidim_awesome/awesome_map/api/fetcher";
+
+export default class ProposalsFetcher extends Fetcher {
+  constructor(controller) {
+    super(controller);
+    this.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
+                  }
+                }
+              }
+            }
+          }
+        }
+      }`;
+  }
+}