decidim-decidim_awesome 0.10.2 → 0.11.1

data/app/packs/entrypoints/decidim_admin_decidim_awesome_custom_fields.js

@@ -1,2 +0,0 @@
-import "src/decidim/decidim_awesome/proposals/custom_fields"
-import "src/decidim/decidim_awesome/admin/custom_fields_builder"

data/app/packs/entrypoints/decidim_decidim_awesome_admin_form_exit_warn.js

@@ -1 +0,0 @@
-import "src/decidim/decidim_awesome/admin/form_exit_warn"

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

@@ -1,55 +0,0 @@
-$(() => {
-  const $modal = $("#constraintsModal");
-  if (!$modal.length) {
-    return;
-  }
-
-  $(".decidim_awesome-form").on("click", ".constraints-editor .add-condition,.constraints-editor .edit-condition", (evt) => {
-    evt.preventDefault();
-    const $this = $(evt.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", (evt) => {
-    const vars = evt.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/editors/editor.js

@@ -1,218 +0,0 @@
-/* eslint-disable require-jsdoc, func-style */
-
-/*
-* Since version 0.25 we follow a different strategy and opt to destroy and override completely the original editor
-* That's because editors are instantiated directly instead of creating a global function to instantiate them
-*/
-
-import lineBreakButtonHandler from "src/decidim/editor/linebreak_module"
-import InscrybMDE from "inscrybmde"
-import Europa from "europa"
-import "inline-attachment/src/inline-attachment";
-import "inline-attachment/src/codemirror-4.inline-attachment";
-import "inline-attachment/src/jquery.inline-attachment";
-import hljs from "highlight.js";
-import "highlight.js/styles/github.css";
-import "src/decidim/editor/clipboard_override"
-import "src/decidim/vendor/image-resize.min"
-import "src/decidim/vendor/image-upload.min"
-import { marked } from "marked";
-
-const DecidimAwesome = window.DecidimAwesome || {};
-const quillFormats = ["bold", "italic", "link", "underline", "header", "list", "video", "image", "alt", "break", "width", "style", "code", "blockquote", "indent"];
-
-// A tricky way to destroy the quill editor
-export function destroyQuillEditor(container) {
-  if (container) {
-    const content = $(container).find(".ql-editor").html();
-    $(container).html(content);
-    $(container).siblings(".ql-toolbar").remove();
-    $(container).find("*[class*='ql-']").removeClass((index, className) => (className.match(/(^|\s)ql-\S+/g) || []).join(" "));
-    $(container).removeClass((index, className) => (className.match(/(^|\s)ql-\S+/g) || []).join(" "));
-    if ($(container).next().is("p.help-text")) {
-      $(container).next().remove();
-    }
-  }
-  else {
-    console.error(`editor [${container}] not exists`);
-  }
-}
-
-export function createQuillEditor(container) {
-  const toolbar = $(container).data("toolbar");
-  const disabled = $(container).data("disabled");
-  const allowedEmptyContentSelector = "iframe";
-
-  let quillToolbar = [
-    ["bold", "italic", "underline", "linebreak"],
-    [{ list: "ordered" }, { list: "bullet" }],
-    ["link", "clean"],
-    ["code", "blockquote"],
-    [{ "indent": "-1"}, { "indent": "+1" }]
-  ];
-
-  let addImage = false;
-
-  if (toolbar === "full") {
-    quillToolbar = [
-      [{ header: [2, 3, 4, 5, 6, false] }],
-      ...quillToolbar
-    ];
-    if (DecidimAwesome.allow_images_in_full_editor) {
-      quillToolbar.push(["video", "image"]);
-      addImage = true;
-    } else {
-      quillToolbar.push(["video"]);
-    }
-  } else if (toolbar === "basic") {
-    if (DecidimAwesome.allow_images_in_small_editor) {
-      quillToolbar.push(["video", "image"]);
-      addImage = true;
-    } else {
-      quillToolbar.push(["video"]);
-    }
-  } else if (DecidimAwesome.allow_images_in_small_editor) {
-    quillToolbar.push(["image"]);
-    addImage = true;
-  }
-
-  let modules = {
-    linebreak: {},
-    toolbar: {
-      container: quillToolbar,
-      handlers: {
-        "linebreak": lineBreakButtonHandler
-      }
-    }
-  };
-
-  const $input = $(container).siblings('input[type="hidden"]');
-  container.innerHTML = $input.val() || "";
-  const token = $('meta[name="csrf-token"]').attr("content");
-  if (addImage) {
-    modules.imageResize = {
-      modules: ["Resize", "DisplaySize"]
-    }
-    modules.imageUpload = {
-      url: DecidimAwesome.editor_uploader_path,
-      method: "POST",
-      name: "image",
-      withCredentials: false,
-      headers: { "X-CSRF-Token": token },
-      callbackOK: (serverResponse, next) => {
-        $("div.ql-toolbar").last().removeClass("editor-loading")
-        next(serverResponse.url);
-      },
-      callbackKO: (serverError) => {
-        $("div.ql-toolbar").last().removeClass("editor-loading")
-        let msg = serverError && serverError.body;
-        try {
-          msg = JSON.parse(msg).message;
-        } catch (evt) { console.error("Parsing error", evt); }
-        console.error(`Image upload error: ${msg}`);
-        let $p = $(`<p class="text-alert help-text">${msg}</p>`);
-        $(container).after($p)
-        setTimeout(() => {
-          $p.fadeOut(1000, () => {
-            $p.destroy();
-          });
-        }, 3000);
-      },
-      checkBeforeSend: (file, next) => {
-        $("div.ql-toolbar").last().addClass("editor-loading")
-        next(file);
-      }
-    }
-  }
-  const quill = new Quill(container, {
-    modules: modules,
-    formats: quillFormats,
-    theme: "snow"
-  });
-
-  if (disabled) {
-    quill.disable();
-  }
-
-  quill.on("text-change", () => {
-    const text = quill.getText();
-
-    // Triggers CustomEvent with the cursor position
-    // It is required in input_mentions.js
-    let event = new CustomEvent("quill-position", {
-      detail: quill.getSelection()
-    });
-    container.dispatchEvent(event);
-
-    if (text === "\n" || text === "\n\n") {
-      $input.val("");
-    } else {
-      $input.val(quill.root.innerHTML);
-    }
-    if ((text === "\n" || text === "\n\n") && quill.root.querySelectorAll(allowedEmptyContentSelector).length === 0) {
-      $input.val("");
-    } else {
-      const emptyParagraph = "<p><br></p>";
-      const cleanHTML = quill.root.innerHTML.replace(
-        new RegExp(`^${emptyParagraph}|${emptyParagraph}$`, "g"),
-        ""
-      );
-      $input.val(cleanHTML);
-    }
-  });
-  // After editor is ready, linebreak_module deletes two extraneous new lines
-  quill.emitter.emit("editor-ready");
-
-  if (addImage) {
-    const text = $(container).data("dragAndDropHelpText") || DecidimAwesome.texts.drag_and_drop_image;
-    $(container).after(`<p class="help-text" style="margin-top:-1.5rem;">${text}</p>`);
-  }
-
-  // After editor is ready, linebreak_module deletes two extraneous new lines
-  quill.emitter.emit("editor-ready");
-
-  return quill;
-}
-
-export function createMarkdownEditor(container) {
-  const text = DecidimAwesome.texts.drag_and_drop_image;
-  const token = $('meta[name="csrf-token"]').attr("content");
-  const $input = $(container).siblings('input[type="hidden"]');
-  const $faker = $('<textarea name="faker-inscrybmde"/>');
-  const $form = $(container).closest("form");
-  const europa = new Europa();
-  $faker.val(europa.convert($input.val()));
-  $faker.insertBefore($(container));
-  $(container).hide();
-  const inscrybmde = new InscrybMDE({
-    element: $faker[0],
-    spellChecker: false,
-    renderingConfig: {
-      codeSyntaxHighlighting: true,
-      hljs: hljs
-    }
-  });
-  $faker[0].InscrybMDE = inscrybmde;
-
-  // Allow image upload
-  if (DecidimAwesome.allow_images_in_markdown_editor) {
-    $(inscrybmde.gui.statusbar).prepend(`<span class="help-text" style="float:left;margin:0;text-align:left;">${text}</span>`);
-    window.inlineAttachment.editors.codemirror4.attach(inscrybmde.codemirror, {
-      uploadUrl: DecidimAwesome.editor_uploader_path,
-      uploadFieldName: "image",
-      jsonFieldName: "url",
-      extraHeaders: { "X-CSRF-Token": token }
-    });
-  }
-
-  // Allow linebreaks
-  marked.setOptions({
-    breaks: true
-  });
-
-  // convert to html on submit
-  $form.on("submit", () => {
-    // e.preventDefault();
-    $input.val(marked(inscrybmde.value()));
-  });
-}

data/app/packs/src/decidim/decidim_awesome/editors/tabs_focus.js

@@ -1,22 +0,0 @@
-/**
- * When switching tabs in i18n fields, autofocus on the markdown if exists
- */
-$(() => {
-  // Event launched by foundation
-  $("[data-tabs]").on("change.zf.tabs", (event) => {
-    const $container = $(event.target).closest(".label--tabs").next(".tabs-content").find(".tabs-panel.is-active");
-    // fix inscrybmde if present
-    let $input = $container.find('[name="faker-inscrybmde"]');
-    if ($input.length > 0) {
-      $input[0].InscrybMDE.codemirror.refresh();
-    }
-    // fix custom fields if present
-    $input = $container.find(".proposal_custom_field:first");
-    if ($input.length > 0) {
-      // saves current data to the hidden field for the lang
-      window.DecidimAwesome.CustomFieldsRenderer.storeData();
-      // init the current language
-      window.DecidimAwesome.CustomFieldsRenderer.init($input);
-    }
-  });
-});

data/app/packs/stylesheets/decidim/decidim_awesome/editors/markdown_editor.scss

@@ -1,19 +0,0 @@
-@import "inscrybmde/src/css/inscrybmde";
-
-// editor tweaks
-//
-.editor .CodeMirror {
-  color: #333;
-  font-weight: normal;
-  line-height: 1.45;
-
-  code {
-    border: none;
-  }
-
-  .CodeMirror-code {
-    span {
-      color: #333 !important;
-    }
-  }
-}

data/app/packs/stylesheets/decidim/decidim_awesome/editors/quill_editor.scss

@@ -1,58 +0,0 @@
-@import "stylesheets/decidim/variables";
-@import "stylesheets/decidim/utils/settings";
-@import "stylesheets/decidim/utils/mixins";
-
-.editor-loading {
-  &::before {
-    @include spinner(25px, $medium-gray, var(--primary), 800ms);
-
-    float: right;
-    content: "";
-    vertical-align: middle;
-  }
-}
-// some fix for the admin
-.form-group {
-  .ql-container {
-    background-color: white;
-  }
-}
-
-// some fix for the public part
-.editor-container {
-  overflow: hidden;
-}
-
-.editor.hashtags__container {
-  >p.help-text {
-    margin-top: -1rem;
-    margin-bottom: 1.5rem;
-  }
-}
-
-// For quill editors in custom fields
-.form-control[type="richtext"] {
-  >p.help-text {
-    margin-top: .2rem !important;
-  }
-
-  .ql-snow.ql-toolbar {
-    button {
-      width: 22px;
-      margin: 1px 0;
-    }
-
-    + .ql-container.ql-snow {
-      border-radius: 0;
-    }
-  }
-}
-
-.proposal_custom_fields_editor {
-  .form-wrap.form-builder {
-    .form-group > .form-control[type="richtext"] {
-      padding: 0;
-      border: none;
-    }
-  }
-}