decidim-decidim_awesome 0.10.3 → 0.11.1

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

@@ -1,213 +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,img";
-
-  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") && 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/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: 0.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;
-    }
-  }
-}

data/app/packs/stylesheets/vendor/select2-foundation-theme.scss

@@ -1,348 +0,0 @@
-span.select2-container--foundation {
-  vertical-align: top;
-}
-
-span.select2-container--foundation .selection {
-  margin: 0 0 1rem;
-}
-
-.select2-container--foundation {
-  /**
-   * Search field in the Select2 dropdown.
-   */
-
-  /**
-   * No outline for all search fields - in the dropdown
-   * and inline in multi Select2s.
-   */
-
-  /* Clear the selection. */
-
-  /**
-   * Address disabled Select2 styles.
-   *
-   * @see https://select2.github.io/examples.html#disabled
-   * @see http://getbootstrap.com/css/#forms-control-disabled
-   */
-
-  /* ------------------------------------*\
-          #DROPDOWN
-  \*------------------------------------ */
-}
-
-.select2-container--foundation .select2-selection {
-  background-color: #fefefe;
-  border: 1px solid #cacaca;
-  border-radius: 0;
-  color: #0a0a0a;
-  font-family: inherit;
-  font-size: 1rem;
-  background: #fefefe;
-  outline: 0;
-}
-
-.select2-container--foundation .select2-search--dropdown .select2-search__field {
-  background-color: #fefefe;
-  border: 1px solid #cacaca;
-  border-radius: 0;
-  color: #0a0a0a;
-  font-family: inherit;
-  font-size: 1rem;
-  border-radius: 0;
-}
-
-.select2-container--foundation .select2-search__field {
-  outline: 0;
-
-  /* Firefox 18- */
-
-  /**
-     * Firefox 19+
-     *
-     * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
-     */
-}
-
-.select2-container--foundation .select2-search__field::-webkit-input-placeholder {
-  color: #8a8a8a;
-}
-
-.select2-container--foundation .select2-search__field:-moz-placeholder {
-  color: #8a8a8a;
-}
-
-.select2-container--foundation .select2-search__field::-moz-placeholder {
-  color: #8a8a8a;
-  opacity: 1;
-}
-
-.select2-container--foundation .select2-search__field:-ms-input-placeholder {
-  color: #8a8a8a;
-}
-
-.select2-container--foundation .select2-results__option {
-  /**
-     * Disabled results.
-     *
-     * @see https://select2.github.io/examples.html#disabled-results
-     */
-
-  /**
-     * Hover state.
-     */
-
-  /**
-     * Selected state.
-     */
-}
-
-.select2-container--foundation .select2-results__option[role=group] {
-  padding: 0;
-}
-
-.select2-container--foundation .select2-results__option[role=group] strong {
-  padding-left: .125rem;
-}
-
-.select2-container--foundation .select2-results__option[aria-disabled=true] {
-  color: #8a8a8a;
-  cursor: default;
-}
-
-.select2-container--foundation .select2-results__option--highlighted[aria-selected] {
-  background-color: #2199e8;
-  color: foreground(#2199e8);
-}
-
-.select2-container--foundation.select2-container--focus .select2-selection {
-  border: 1px solid #8a8a8a;
-}
-
-.select2-container--foundation.select2-container--open .select2-selection {
-  border: 1px solid #8a8a8a;
-  border-radius: 0;
-}
-
-.select2-container--foundation.select2-container--open {
-  /**
-     * Make the dropdown arrow point up while the dropdown is visible.
-     */
-}
-
-.select2-container--foundation.select2-container--open .select2-selection__arrow b {
-  transform: rotate(180deg);
-}
-
-.select2-container--foundation .select2-choice {
-  box-shadow: none;
-  background-image: none;
-}
-
-.select2-container--foundation .select2-choice div {
-  background-clip: padding-box;
-}
-
-.select2-container--foundation .select2-choice .select2-arrow {
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  background-image: none;
-}
-
-.select2-container--foundation *:focus {
-  outline: 0;
-}
-
-.select2-container--foundation .select2-selection__clear {
-  color: #8a8a8a;
-  cursor: pointer;
-  float: left;
-  font-weight: bold;
-  margin-right: 0;
-}
-
-.select2-container--foundation .select2-selection__clear:hover {
-  color: #333;
-}
-
-.select2-container--foundation.select2-container--disabled .select2-selection {
-  border: 1px solid #cacaca;
-}
-
-.select2-container--foundation.select2-container--disabled .select2-selection,
-.select2-container--foundation.select2-container--disabled .select2-search__field {
-  cursor: default;
-}
-
-.select2-container--foundation.select2-container--disabled .select2-selection,
-.select2-container--foundation.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
-  background-color: #e6e6e6;
-  color: foreground(#e6e6e6);
-}
-
-.select2-container--foundation.select2-container--disabled .select2-selection__clear,
-.select2-container--foundation.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
-  display: none;
-}
-
-.select2-container--foundation .select2-dropdown {
-  border: 1px solid #8a8a8a;
-  border-top: 1px solid #cacaca;
-  background: #fefefe;
-  border-radius: 0;
-  overflow-x: hidden;
-  margin-top: -.0625rem;
-}
-
-.select2-container--foundation .select2-dropdown--above {
-  margin-top: .0625rem;
-  border-radius: 0;
-  border-top: 1px solid #8a8a8a;
-  border-bottom: 1px solid #cacaca;
-}
-
-.select2-container--foundation .select2-results > .select2-results__options {
-  /* Limit the dropdown height. */
-  max-height: 200px;
-  overflow-y: auto;
-}
-
-/**
- * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
- *
- * Provides `!important` for certain properties of the class applied to the
- * original `<select>` element to hide it.
- *
- * @see https://github.com/select2/select2/pull/3301
- * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
- */
-.form-control.select2-hidden-accessible {
-  position: absolute !important;
-  width: 1px !important;
-}
-
-/**
- * Display override for inline forms
- */
-.input-group span.select2-container--foundation {
-  margin: 0;
-  vertical-align: middle;
-}
-
-.input-group span.select2-container--foundation .selection .select2-selection {
-  vertical-align: middle;
-  border-radius: 0;
-}
-
-/****** Single SCSS *******/
-.select2-container--foundation .select2-selection--single,
-.select2-container--foundation .selection .select2-selection--single {
-  height: 2.4375rem;
-  line-height: 1.5;
-  padding: .5rem;
-}
-
-.select2-container--foundation .select2-selection--single .select2-selection__rendered,
-.select2-container--foundation .selection .select2-selection--single .select2-selection__rendered {
-  color: #0a0a0a;
-}
-
-.select2-container--foundation .select2-selection--single .select2-selection__arrow,
-.select2-container--foundation .selection .select2-selection--single .select2-selection__arrow {
-  height: 2.4375rem;
-  position: absolute;
-  top: 0;
-  right: 1px;
-  width: 20px;
-}
-
-.select2-container--foundation .select2-selection--single .select2-selection__arrow b,
-.select2-container--foundation .selection .select2-selection--single .select2-selection__arrow b {
-  border-color: #333 transparent transparent;
-  top: 50%;
-  border-style: solid;
-  border-width: 6px 4px 0;
-  height: 0;
-  left: 50%;
-  margin-left: -4px;
-  margin-top: -2px;
-  position: absolute;
-  width: 0;
-}
-
-.select2-container--foundation .select2-selection--single .select2-selection__placeholder,
-.select2-container--foundation .selection .select2-selection--single .select2-selection__placeholder {
-  color: #8a8a8a;
-}
-
-.select2-container--foundation .select2-selection--single .select2-selection__clear,
-.select2-container--foundation .selection .select2-selection--single .select2-selection__clear {
-  cursor: pointer;
-  float: right;
-  font-weight: bold;
-}
-
-/****** Multiple SCSS *******/
-.select2-container--foundation .select2-selection--multiple {
-  /* Clear the selection.  */
-}
-
-.select2-container--foundation .select2-selection--multiple .select2-selection__choice__remove:hover {
-  cursor: pointer;
-}
-
-.select2-container--foundation .select2-selection--multiple ul.select2-selection__rendered,
-.select2-container--foundation .select2-selection--multiple .select2-selection__rendered {
-  display: inherit;
-  box-sizing: border-box;
-  list-style: none;
-  margin: 0;
-  padding: 0 5px;
-  width: 100%;
-}
-
-.select2-container--foundation .select2-selection--multiple .select2-selection__choice {
-  border-radius: 0;
-  padding: .1875rem .3125rem;
-  cursor: default;
-  float: left;
-  margin-right: .3125rem;
-  margin-top: .125rem;
-  margin-bottom: .125rem;
-  border: 1px solid #8a8a8a;
-}
-
-.select2-container--foundation .select2-selection--multiple .select2-selection__choice__remove {
-  margin-right: 6px;
-  margin-left: 6px;
-  float: right;
-}
-
-.select2-container--foundation .select2-selection--multiple .select2-search--inline .select2-search__field {
-  background: transparent;
-  line-height: 1.5;
-  border: 0;
-  margin-top: 0;
-  min-width: 5rem;
-  height: 2.375rem;
-  box-shadow: none;
-  margin: 0;
-  margin-right: -2rem;
-}
-
-.select2-container--foundation .select2-selection--multiple .select2-selection__choice__remove {
-  color: #8a8a8a;
-  cursor: pointer;
-  display: inline-block;
-  font-weight: bold;
-  margin-right: .25rem;
-}
-
-.select2-container--foundation .select2-selection--multiple .select2-selection__choice__remove:hover {
-  color: #333;
-}
-
-.select2-container--foundation .select2-selection--multiple .select2-selection__clear {
-  margin-right: .1875rem;
-  margin-top: .5rem;
-}

data/app/serializers/concerns/decidim/decidim_awesome/proposal_serializer_override.rb

@@ -1,65 +0,0 @@
-# frozen_string_literal: true
-
-module Decidim
-  module DecidimAwesome
-    module ProposalSerializerOverride
-      extend ActiveSupport::Concern
-
-      included do
-        # Public: Exports a hash with the serialized data for this proposal.
-        def serialize
-          {
-            id: proposal.id,
-            category: {
-              id: proposal.category.try(:id),
-              name: proposal.category.try(:name) || empty_translatable
-            },
-            scope: {
-              id: proposal.scope.try(:id),
-              name: proposal.scope.try(:name) || empty_translatable
-            },
-            participatory_space: {
-              id: proposal.participatory_space.id,
-              url: Decidim::ResourceLocatorPresenter.new(proposal.participatory_space).url
-            },
-            component: { id: component.id },
-            title: proposal.title,
-            body: convert_to_plain_text(proposal.body),
-            address: proposal.address,
-            latitude: proposal.latitude,
-            longitude: proposal.longitude,
-            state: proposal.state.to_s,
-            reference: proposal.reference,
-            answer: ensure_translatable(proposal.answer),
-            answered_at: proposal.answered_at,
-            supports: proposal.proposal_votes_count,
-            weights: proposal_vote_weights,
-            endorsements: {
-              total_count: proposal.endorsements.size,
-              user_endorsements: user_endorsements
-            },
-            comments: proposal.comments_count,
-            attachments: proposal.attachments.size,
-            followers: proposal.follows.size,
-            published_at: proposal.published_at,
-            url: url,
-            meeting_urls: meetings,
-            related_proposals: related_proposals,
-            is_amend: proposal.emendation?,
-            original_proposal: {
-              title: proposal&.amendable&.title,
-              url: original_proposal_url
-            }
-          }
-        end
-
-        private
-
-        def proposal_vote_weights
-          proposal.update_vote_weights!
-          proposal.vote_weights
-        end
-      end
-    end
-  end
-end