decidim-decidim_awesome 0.5.1

data/app/assets/javascripts/decidim/decidim_awesome/editors/markdown_view.js.es6

@@ -0,0 +1,12 @@
+// = require highlight.min.js
+// = require_self
+
+window.DecidimAwesome = window.DecidimAwesome || {};
+
+if(window.DecidimAwesome.use_markdown_in_proposals) {
+  document.addEventListener('DOMContentLoaded', () => {
+    document.querySelectorAll('.awesome-markdown-editor pre code').forEach((block) => {
+      hljs.highlightBlock(block);  // eslint-disable-line no-undef
+    });
+  });
+}

data/app/assets/javascripts/decidim/decidim_awesome/editors/quill_editor.js.es6

@@ -0,0 +1,162 @@
+// = require quill.min
+// = require image-upload.min
+// = require image-resize.min
+// = require inscrybmde.min.js
+// = require inline-attachment.js
+// = require codemirror-4.inline-attachment.js
+// = require jquery.inline-attachment.js
+// = require_self
+
+((exports) => {
+  exports.DecidimAwesome = exports.DecidimAwesome || {};
+
+  // Redefines Quill editor with images
+  if(exports.DecidimAwesome.allow_images_in_full_editor  || exports.DecidimAwesome.allow_images_in_small_editor) {
+
+    const quillFormats = ["bold", "italic", "link", "underline", "header", "list", "video", "image"];
+
+    const createQuillEditor = (container) => {
+      const toolbar = $(container).data("toolbar");
+      const disabled = $(container).data("disabled");
+
+      let quillToolbar = [
+        ["bold", "italic", "underline"],
+        [{ list: "ordered" }, { list: "bullet" }],
+        ["link", "clean"]
+      ];
+
+      let addImage = false;
+
+      if (toolbar === "full") {
+        quillToolbar = [
+          [{ header: [1, 2, 3, 4, 5, 6, false] }],
+          ...quillToolbar
+        ];
+          if(exports.DecidimAwesome.allow_images_in_full_editor) {
+            quillToolbar.push(["video", "image"]);
+            addImage = true;
+          } else {
+            quillToolbar.push(["video"]);
+          }
+      } else if (toolbar === "basic") {
+          if(exports.DecidimAwesome.allow_images_in_small_editor) {
+            quillToolbar.push(["video", "image"]);
+            addImage = true;
+          } else {
+            quillToolbar.push(["video"]);
+          }
+      } else if(exports.DecidimAwesome.allow_images_in_small_editor) {
+        quillToolbar.push(["image"]);
+        addImage = true;
+      }
+
+      let modules = {
+        toolbar: quillToolbar
+      };
+      const $input = $(container).siblings('input[type="hidden"]');
+      // https://github.com/decidim/decidim/pull/6422
+      container.innerHTML = $input.val() || "";
+      const token = $( 'meta[name="csrf-token"]' ).attr( 'content' );
+
+      if(addImage) {
+        modules.imageResize = {
+          modules: ["Resize", "DisplaySize"]
+        }
+        modules.imageUpload = {
+          url: exports.DecidimAwesome.editor_uploader_path, // server url. If the url is empty then the base64 returns
+          method: 'POST', // change query method, default 'POST'
+          name: 'image', // custom form name
+          withCredentials: false, // withCredentials
+          headers: { 'X-CSRF-Token': token }, // add custom headers, example { token: 'your-token'}
+          // personalize successful callback and call next function to insert new url to the editor
+          callbackOK: (serverResponse, next) => {
+            $(quill.getModule("toolbar").container).last().removeClass('editor-loading')
+            next(serverResponse.url);
+          },
+          // personalize failed callback
+          callbackKO: serverError => {
+            $(quill.getModule("toolbar").container).last().removeClass('editor-loading')
+            alert(serverError.message);
+          },
+          checkBeforeSend: (file, next) => {
+            $(quill.getModule("toolbar").container).last().addClass('editor-loading')
+            next(file); // go back to component and send to the server
+          }
+        }
+      }
+
+      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") {
+          $input.val("");
+        } else {
+          $input.val(quill.root.innerHTML);
+        }
+      });
+     
+      if(addImage) {
+        const t = window.DecidimAwesome.texts["drag_and_drop_image"];
+        $(container).after(`<p class="help-text" style="margin-top:-1.5rem;">${t}</p>`);
+      }
+    };
+
+    const createMarkdownEditor = (container) => {
+      $(container).hide();
+      const t = window.DecidimAwesome.texts["drag_and_drop_image"];
+      const token = $( 'meta[name="csrf-token"]' ).attr( 'content' );
+      const $input = $(container).siblings('input[type="hidden"]');
+      const inscrybmde = new InscrybMDE({
+        element: $input[0],
+        spellChecker: false,
+        renderingConfig: {
+          codeSyntaxHighlighting: true
+        }
+      });
+
+      // Allow image upload
+      if(window.DecidimAwesome.allow_images_in_markdown_editor) {
+        $(inscrybmde.gui.statusbar).prepend(`<span class="help-text" style="float:left;margin:0;text-align:left;">${t}</span>`);
+        inlineAttachment.editors.codemirror4.attach(inscrybmde.codemirror, {
+          uploadUrl: window.DecidimAwesome.editor_uploader_path,
+          uploadFieldName: "image",
+          jsonFieldName: "url",
+          extraHeaders: { "X-CSRF-Token": token }
+        });
+      }
+    };
+
+    const quillEditor = () => {
+      $(".editor-container").each((idx, container) => {
+        if(exports.DecidimAwesome.use_markdown_editor) {
+          createMarkdownEditor(container);
+        } else {
+          createQuillEditor(container);
+        }
+      });
+    };
+
+    exports.Decidim = exports.Decidim || {};
+    exports.Decidim.quillEditor = quillEditor;
+    exports.Decidim.createQuillEditor = createQuillEditor;
+    exports.Decidim.createMarkdownEditor = createMarkdownEditor;
+
+  }
+})(window);

data/app/assets/javascripts/decidim/decidim_awesome/forms/autosave.js.es6

@@ -0,0 +1,90 @@
+// = require form-storage.js
+// = require_self
+
+$(() => {
+  window.DecidimAwesome = window.DecidimAwesome || {};
+  if (!window.DecidimAwesome.auto_save_forms) {
+    return;
+  }
+
+  const questionnaireId = window.DecidimAwesome.current_questionnaire;
+  if (!questionnaireId) {
+    // console.log("Not a questionnaire page")
+    return;
+  }
+
+  const storeId = `awesome_autosave:${questionnaireId}`;
+  const storeCheckboxesId = `awesome_autosave:checkboxes:${questionnaireId}`;
+  const $form = $('form.answer-questionnaire');
+
+  if (!$form.length) {
+    if(window.DecidimAwesome.questionnaire_answered) {
+      // console.log("Questionnaire already answered, remove any data saved");
+      window.localStorage.removeItem(storeId);
+      window.localStorage.removeItem(storeCheckboxesId);
+    }
+    // console.log("No forms here");
+    return;
+  }
+
+  const store = new FormStorage(`#${$form.attr('id')}`, {
+    name: storeId,
+    ignores: [
+      // '[type="hidden"]',
+      '[name="utf8"]',
+      '[name="authenticity_token"]',
+      '[disabled]',
+      '[type="checkbox"]' // there are problems with matrix questions
+    ],
+  });
+
+  const showMsg = (msg, error = false, default_time = 700) => {
+    const time = error ? 5000 : default_time;
+    const $div = $(`<div class="awesome_autosave-notice${error ? ' error' : ''}">${msg}</div>`)
+      .appendTo($form);
+    setTimeout(() => {
+      $div.fadeOut(500, () => {
+        $div.remove();
+      });
+    }, time);
+  };
+
+  if (!window.localStorage) {
+    showMsg(window.DecidimAwesome.texts.autosaved_error, true);
+    return;
+  }
+
+  if(window.localStorage.getItem(storeId)) {
+    showMsg(window.DecidimAwesome.texts.autosaved_retrieved, false, 5000);
+  }
+
+  // restore if available
+  store.apply();
+  // restore checkboxes
+  try {
+    let checkboxes = JSON.parse(window.localStorage.getItem(storeCheckboxesId));
+    for(let id in checkboxes) {
+      $("#" + id).prop("checked", checkboxes[id]);
+    }
+  } catch(e){
+    console.log("No checkboxes found");
+  }
+  // fire change items
+  $form.find('input, textarea, select').change();
+
+  const save = () => {
+    store.save();
+    // save checkbox manually
+    let checkboxes = {};
+    $form.find('input[type="checkbox"]').each((index, el) => {
+      checkboxes[el.id] = el.checked;
+    });
+    window.localStorage.setItem(storeCheckboxesId, JSON.stringify(checkboxes));
+    showMsg(window.DecidimAwesome.texts.autosaved_success);
+  };
+
+  // save changes when modifications
+  $form.find('input, textarea, select').on('change', () => {
+    save();
+  });
+});

data/app/assets/javascripts/decidim/decidim_awesome/proposals/images.js.es6

@@ -0,0 +1,25 @@
+// = require_self
+
+$(() => {
+  window.DecidimAwesome = window.DecidimAwesome || {};
+
+  const token = $( 'meta[name="csrf-token"]' ).attr( 'content' );
+  const $textarea = $("#proposal_body");
+  const t = window.DecidimAwesome.texts["drag_and_drop_image"];
+
+  if(!$textarea.length) return;
+
+  if(window.DecidimAwesome.allow_images_in_proposals) {
+    // Add the capability to upload images only (they will be presented as links)
+
+    $textarea.after(`<p class="help-text">${t}</p>`);
+    $textarea.inlineattachment({
+        uploadUrl: window.DecidimAwesome.editor_uploader_path,
+        uploadFieldName: "image",
+        jsonFieldName: "url",
+        progressText: "[Uploading file...]",
+        urlText: "{filename}",
+        extraHeaders: { "X-CSRF-Token": token }
+    });
+  }
+});

data/app/assets/stylesheets/decidim/decidim_awesome/admin.scss

@@ -0,0 +1,45 @@
+//= require github.min
+//= require inscrybmde.min
+//= require_self
+
+@import "decidim/variables";
+@import "decidim/utils/settings";
+@import "decidim/utils/mixins";
+@import "./admin/constraints";
+@import "./editors/quill_editor";
+@import "./editors/markdown_editor";
+
+.platoniq-credits{
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  margin: 1em;
+  font-size: .8em;
+}
+
+.decidim_awesome {
+  &.modal{
+    .spinner{
+      @include spinner(25px, #aaa, var(--secondary), 800ms);
+
+      vertical-align: middle;
+      display: none;
+    }
+
+    &.loading{
+      .spinner{
+        display: inline-block;
+      }
+    }
+  }
+
+  &-form {
+    margin-bottom: 2em;
+    border-bottom: 1px solid #999;
+    padding-bottom: 1.5em;
+  }
+  &-form:last-child {
+    border-bottom: none;
+    padding-bottom: 0;
+  }
+}

data/app/assets/stylesheets/decidim/decidim_awesome/admin/constraints.scss

@@ -0,0 +1,37 @@
+.constraints-editor{
+  background: #f6f6f6;
+  padding: 1rem;
+  margin: -.5rem 0 2rem;
+  border-radius: 5px;
+
+  .constraints-list{
+    padding: 0;
+    // margin:0 0 1em 0 ;
+    li{
+      margin: 0 1em 0 0;
+      padding: 0;
+    }
+
+    .label{
+      &.participatory_space_manifest{
+        background-color: #f7b230;
+      }
+
+      &.participatory_space_slug{
+        background-color: #19b380;
+      }
+
+      &.component_manifest{
+        background-color: #b31919;
+      }
+
+      &.component_id{
+        background-color: #ee449c;
+      }
+    }
+
+    a{
+      margin-left: 1rem;
+    }
+  }
+}

data/app/assets/stylesheets/decidim/decidim_awesome/application.scss

@@ -0,0 +1,8 @@
+//= require github.min
+//= require inscrybmde.min
+//= require_self
+
+@import "./editors/quill_editor";
+@import "./editors/markdown_editor";
+@import "./editors/markdown_view";
+@import "./forms/autosave";

data/app/assets/stylesheets/decidim/decidim_awesome/awesome_iframe/iframe.scss

@@ -0,0 +1,10 @@
+.wrapper{
+  .awesome-iframe{
+    margin: 0 auto;
+
+    iframe{
+      display: block;
+      margin: auto;
+    }
+  }
+}

data/app/assets/stylesheets/decidim/decidim_awesome/awesome_map/leaflet.scss.erb

@@ -0,0 +1,9 @@
+.leaflet-control-layers-toggle {
+  background-image: url(<%= asset_path "layers.png" %>);
+}
+.leaflet-retina .leaflet-control-layers-toggle {
+  background-image: url(<%= asset_path "layers-2x.png" %>);
+}
+.leaflet-default-icon-path {
+  background-image: url(<%= asset_path "marker-icon.png" %>);
+}

data/app/assets/stylesheets/decidim/decidim_awesome/awesome_map/map.scss

@@ -0,0 +1,66 @@
+// = require decidim/map
+@import "decidim/decidim_awesome/awesome_map/leaflet";
+
+// Increase z-index for components menu otherwise map hides menu extensions
+.dropdown-pane{
+  z-index: 1000;
+}
+// Override padding in this component
+.wrapper{
+  padding: 0;
+
+  .callout.announcement{
+    margin-top: 2rem;
+  }
+
+  .google-map{
+    margin-bottom: 0;
+  }
+
+  .leaflet-control-layers-list{
+    hr{
+      margin: .5em 0;
+    }
+
+    b{
+      margin: 1em 0;
+      display: block;
+    }
+
+    label{
+      line-height: 1;
+      font-size: .8rem;
+      margin: 0 0 .5em;
+
+      i{
+        display: inline-block;
+        width: .8rem;
+        height: .8rem;
+        background-color: var(--primary);
+      }
+    }
+
+    input{
+      margin: 0;
+    }
+  }
+
+  #map{
+    height: 700px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .leaflet-marker-icon.svg-icon svg path{
+      filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
+    }
+  }
+
+  .map-legend{
+    background: rgba(255, 255, 255, .8);
+    padding: 1em;
+    border: 2px solid #bbb;
+    border-radius: 4px;
+  }
+}