decidim-decidim_awesome 0.10.2 → 0.11.2

data/app/models/concerns/decidim/decidim_awesome/has_proposal_extra_fields.rb

@@ -6,10 +6,31 @@ module Decidim
       extend ActiveSupport::Concern
 
       included do
-        has_one :extra_fields, foreign_key: "decidim_proposal_id", class_name: "Decidim::DecidimAwesome::ProposalExtraField", dependent: :destroy
+        has_one :extra_fields, as: :proposal, foreign_key: "decidim_proposal_id", foreign_type: "decidim_proposal_type", class_name: "Decidim::DecidimAwesome::ProposalExtraField",
+                               dependent: :destroy
+
+        after_save do |proposal|
+          if proposal.extra_fields && proposal.extra_fields.changed?
+            proposal.extra_fields.save
+            proposal.update_vote_weights
+            proposal.reload
+          end
+        end
+
+        delegate :private_body=, to: :safe_extra_fields
+
+        def private_body
+          extra_fields.private_body if extra_fields
+        end
+
+        def update_private_body!(private_body)
+          safe_extra_fields.private_body = private_body
+          safe_extra_fields.save!
+          self.extra_fields = safe_extra_fields
+        end
 
         def weight_count(weight)
-          (extra_fields && extra_fields.vote_weight_totals[weight.to_s]) || 0
+          safe_extra_fields.vote_weight_totals[weight.to_s] || 0
         end
 
         def vote_weights
@@ -24,24 +45,32 @@ module Decidim
           @all_vote_weights ||= self.class.all_vote_weights_for(component)
         end
 
-        def update_vote_weights!
-          extra_fields ||= Decidim::DecidimAwesome::ProposalExtraField.find_or_initialize_by(proposal: self)
-          extra_fields.vote_weight_totals = {}
+        def update_vote_weights
+          votes = Decidim::Proposals::ProposalVote.where(proposal: self)
+          safe_extra_fields.vote_weight_totals = {}
           votes.each do |vote|
-            extra_fields.vote_weight_totals[vote.weight] ||= 0
-            extra_fields.vote_weight_totals[vote.weight] += 1
+            safe_extra_fields.vote_weight_totals[vote.weight] ||= 0
+            safe_extra_fields.vote_weight_totals[vote.weight] += 1
           end
-          extra_fields.save!
-          self.extra_fields = extra_fields
           @vote_weights = nil
           @all_vote_weights = nil
         end
 
+        def update_vote_weights!
+          update_vote_weights
+          safe_extra_fields.save!
+          self.extra_fields = safe_extra_fields
+        end
+
+        def safe_extra_fields
+          @safe_extra_fields ||= (persisted? && reload.extra_fields) || build_extra_fields(vote_weight_totals: {})
+        end
+
         # collects all different weights stored along the different proposals in a different component
         def self.all_vote_weights_for(component)
           Decidim::DecidimAwesome::VoteWeight.where(
             proposal_vote_id: Decidim::Proposals::ProposalVote.where(
-              proposal: Decidim::Proposals::Proposal.where(component: component)
+              proposal: Decidim::Proposals::Proposal.where(component:)
             )
           ).pluck(:weight)
         end

data/app/models/decidim/decidim_awesome/awesome_config.rb

@@ -25,7 +25,7 @@ module Decidim
       end
 
       def self.for_organization(organization)
-        where(organization: organization)
+        where(organization:)
       end
 
       # use this instead of "constraints" to evaluate dynamically added constants

data/app/models/decidim/decidim_awesome/paper_trail_version.rb

@@ -9,10 +9,14 @@ module Decidim
         DecidimAwesome.participatory_space_roles.filter(&:safe_constantize)
       end
 
+      def self.safe_admin_role_type(admin_role)
+        Decidim.user_roles.find { |role| role == admin_role }
+      end
+
       scope :space_role_actions, lambda { |organization|
         role_changes = where(item_type: PaperTrailVersion.safe_user_roles, event: "create")
         user_ids_from_object_changes = role_changes.pluck(:object_changes).map { |change| change.match(/decidim_user_id:\n- ?\n- (\d+)/)[1].to_i }
-        relevant_user_ids = Decidim::User.select(:id).where(id: user_ids_from_object_changes, organization: organization).pluck(:id)
+        relevant_user_ids = Decidim::User.select(:id).where(id: user_ids_from_object_changes, organization:).pluck(:id)
         # add users that might have been completly destroyed in any organization
         relevant_user_ids += user_ids_from_object_changes - Decidim::User.select("id").where(id: user_ids_from_object_changes).pluck(:id)
 
@@ -33,15 +37,15 @@ module Decidim
         when "admin"
           base.where("object_changes LIKE '%\nadmin:\n- false\n- true%'")
         else
-          base.where(Arel.sql("object_changes LIKE '%\nroles:\n- []\n- - #{filter}\n%'"))
+          base.where("object_changes LIKE ?", "%\nroles:\n- []\n- - #{filter}\n%")
         end
       end
 
       def present(html: true)
         @present ||= if item_type == "Decidim::UserBaseEntity"
-                       UserEntityPresenter.new(self, html: html)
+                       UserEntityPresenter.new(self, html:)
                      elsif item_type.in?(PaperTrailVersion.safe_user_roles)
-                       ParticipatorySpaceRolePresenter.new(self, html: html)
+                       ParticipatorySpaceRolePresenter.new(self, html:)
                      else
                        self
                      end

data/app/models/decidim/decidim_awesome/proposal_extra_field.rb

@@ -2,10 +2,44 @@
 
 module Decidim
   module DecidimAwesome
+    # This class adds some attributes to the proposal model in a different table
+    # in particular, it adds a private_body field that should be encrypted
+    # private_body is not translatable, nor is intended to be as it won't be shown to the public
     class ProposalExtraField < ApplicationRecord
+      include Decidim::RecordEncryptor
+
       self.table_name = "decidim_awesome_proposal_extra_fields"
 
-      belongs_to :proposal, foreign_key: "decidim_proposal_id", class_name: "Decidim::Proposals::Proposal"
+      belongs_to :proposal, foreign_key: "decidim_proposal_id", foreign_type: "decidim_proposal_type", polymorphic: true
+
+      encrypt_attribute :private_body, type: :string
+
+      after_initialize :store_private_body
+      before_save :update_private_body_updated_at
+
+      # validate not more than one extra field can be associated to a proposal
+      # validates :proposal, uniqueness: true
+      validate :no_more_than_one_extra_field
+
+      private
+
+      def store_private_body
+        @initial_private_body = private_body
+      end
+
+      # using private_body_changed? does not sufice as the encrypted value is always updated on saving
+      def update_private_body_updated_at
+        if private_body != @initial_private_body
+          self.private_body_updated_at = Time.current
+          @initial_private_body = private_body
+        end
+      end
+
+      def no_more_than_one_extra_field
+        return unless ProposalExtraField.where(proposal:).where.not(id:).exists?
+
+        errors.add(:proposal, :invalid)
+      end
     end
   end
 end

data/app/models/decidim/decidim_awesome/vote_weight.rb

@@ -12,7 +12,7 @@ module Decidim
       after_save :update_vote_weight_totals!
 
       def update_vote_weight_totals!
-        extra = Decidim::DecidimAwesome::ProposalExtraField.find_or_initialize_by(proposal: proposal)
+        extra = Decidim::DecidimAwesome::ProposalExtraField.find_or_initialize_by(proposal:)
         extra.vote_weight_totals = extra.vote_weight_totals || {}
 
         prev = weight_previous_change&.first
@@ -20,7 +20,7 @@ module Decidim
           extra.vote_weight_totals[prev.to_s] = Decidim::DecidimAwesome::VoteWeight.where(vote: proposal.votes, weight: prev).count
           extra.vote_weight_totals.delete(prev.to_s) if extra.vote_weight_totals[prev.to_s].zero?
         end
-        extra.vote_weight_totals[weight.to_s] = Decidim::DecidimAwesome::VoteWeight.where(vote: proposal.votes, weight: weight).count
+        extra.vote_weight_totals[weight.to_s] = Decidim::DecidimAwesome::VoteWeight.where(vote: proposal.votes, weight:).count
         extra.vote_weight_totals.delete(weight.to_s) if extra.vote_weight_totals[weight.to_s].zero?
         extra.weight_total = extra.vote_weight_totals.inject(0) { |sum, (weight, count)| sum + (weight.to_i * count) }
         extra.save!

data/app/overrides/decidim/proposals/admin/proposals/show/add_private_body.html.erb.deface

@@ -0,0 +1,7 @@
+<!-- replace "erb[loud]:contains('simple_format(present(proposal).body(strip_tags: true))')" -->
+
+<% if awesome_proposal_custom_fields.blank? %>
+  <%= simple_format(present(proposal).body(strip_tags: true)) %>
+<% else %>
+  <%= render_proposal_body(proposal) %>
+<% end %>

data/app/overrides/decidim/proposals/admin/proposals/show/replace_body.html.erb.deface

@@ -0,0 +1,5 @@
+<!-- insert_before "erb[silent]:contains('presented_endorsers = endorsers_presenters_for(proposal)')" -->
+
+<% unless awesome_proposal_private_custom_fields.blank? %>
+  <%= render partial: "decidim/decidim_awesome/admin/proposals/private_body", locals: { proposal: proposal } %>
+<% end %>

data/app/overrides/decidim/proposals/proposals/_proposal_aside/limit_amendments_modal.html.erb.deface

@@ -0,0 +1,5 @@
+<!-- replace "erb[loud]:contains('amend_button_for @proposal')" -->
+
+<%= amend_button_for @proposal %>
+
+<%= render "decidim/decidim_awesome/amendments/modal" if @proposal.emendations.not_hidden.where(decidim_amendments: { state: Decidim::Amendment.states["evaluating"] }).count.positive? && @proposal.amendable? %>

data/app/overrides/decidim/proposals/proposals/_vote_button/replace_vote_button.html.erb.deface

@@ -1,4 +1,4 @@
-<!-- surround_contents "div.button--vote-button" -->
+<!-- surround_contents "div[data-erb-id^=proposal-]" -->
 
 <% if view = awesome_voting_manifest_for(current_component)&.show_vote_button_view %>
   <%= render view, local_assigns if view.present? %>

data/app/overrides/layouts/decidim/_decidim_javascript/add_awesome_tags.html.erb.deface

@@ -0,0 +1,6 @@
+<!-- insert_after "erb[loud]:contains('layouts/decidim/js_configuration')" -->
+
+<%= render partial: "layouts/decidim/decidim_awesome/awesome_config" %>
+<% if show_public_intergram? %>
+  <%= render partial: "layouts/decidim/decidim_awesome/intergram_widget", locals: { settings: organization_awesome_config[:intergram_for_public_settings] } %>
+<% end %>

data/app/overrides/layouts/decidim/_head/add_awesome_tags.html.erb.deface

@@ -1,14 +1,7 @@
-<!-- insert_before "erb[loud]:contains('organization_colors')" -->
+<!-- insert_after "erb[loud]:contains('append_stylesheet_pack_tag')" -->
 
-<%= stylesheet_pack_tag "decidim_decidim_awesome", media: "all" %>
+<% append_stylesheet_pack_tag "decidim_decidim_awesome", media: "all" %>
 <%= render(partial: "layouts/decidim/decidim_awesome/custom_styles") if awesome_custom_styles.present? %>
 
-<%= render partial: "layouts/decidim/decidim_awesome/awesome_config" %>
-<%# This will render scripts only on Decidim 0.27 %>
-<% content_for :js_content do %>
-  <%= javascript_pack_tag "decidim_decidim_awesome", defer: false %>
-  <%= javascript_pack_tag("decidim_decidim_awesome_custom_fields") if Decidim::DecidimAwesome.enabled?(:proposal_custom_fields) %>
-  <% if show_public_intergram? %>
-    <%= render partial: "layouts/decidim/decidim_awesome/intergram_widget", locals: { settings: organization_awesome_config[:intergram_for_public_settings] } %>
-  <% end %>
-<% end %>
+<% append_javascript_pack_tag "decidim_decidim_awesome", defer: false %>
+<% append_javascript_pack_tag("decidim_decidim_awesome_custom_fields") if Decidim::DecidimAwesome.enabled?(:proposal_custom_fields) %>

data/app/overrides/layouts/decidim/admin/_header/{replace_scripts.html.erb.deface → add_awesome_tags.html.erb.deface}

@@ -1,9 +1,9 @@
-<!-- replace "erb[loud]:contains('javascript_pack_tag')" -->
+<!-- insert_after "erb[loud]:contains('append_stylesheet_pack_tag')" -->
 
 <%= render partial: "layouts/decidim/decidim_awesome/awesome_config" %>
-
-<%= javascript_pack_tag "decidim_admin_decidim_awesome", defer: false %>
-<%= javascript_pack_tag("decidim_admin_decidim_awesome_custom_fields") if Decidim::DecidimAwesome.enabled?(:proposal_custom_fields) %>
+<% append_stylesheet_pack_tag("decidim_admin_decidim_awesome_global") %>
+<% append_javascript_pack_tag("decidim_admin_decidim_awesome_global") %>
+<% append_javascript_pack_tag("decidim_decidim_awesome_custom_fields") if Decidim::DecidimAwesome.enabled?(:proposal_custom_fields) %>
 <% if awesome_config[:intergram_for_admins] %>
   <%= render partial: "layouts/decidim/decidim_awesome/intergram_widget", locals: { settings: organization_awesome_config[:intergram_for_admins_settings] } %>
 <% end %>

data/app/packs/entrypoints/decidim_admin_decidim_awesome.js

@@ -1,6 +1,5 @@
+// DO NOT include any javascript file here, but inside the following file instead
 import "src/decidim/decidim_awesome/awesome_admin";
-// This is needed by custom fields builder but if loader there duplicates the jQuery inclusion
-import "jquery-ui/ui/widgets/sortable";
 
 // CSS
 import "entrypoints/decidim_admin_decidim_awesome.scss";

data/app/packs/entrypoints/decidim_admin_decidim_awesome_global.js

@@ -0,0 +1,4 @@
+import "src/decidim/decidim_awesome/awesome_admin_global";
+
+// CSS
+import "entrypoints/decidim_admin_decidim_awesome_global.scss";

data/app/packs/entrypoints/decidim_admin_decidim_awesome_global.scss

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

data/app/packs/entrypoints/decidim_decidim_awesome.js

@@ -1,9 +1,9 @@
 import "src/decidim/decidim_awesome/awesome_application.js"
 
-// Images
+// // Images
 require.context("../images", true)
 
-// CSS
+// // CSS
 import "entrypoints/decidim_decidim_awesome.scss";
 
 

data/app/packs/entrypoints/decidim_decidim_awesome_map.scss

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

data/app/packs/entrypoints/decidim_editor.js

@@ -0,0 +1,14 @@
+import createEditor from "src/decidim/decidim_awesome/editor";
+import DecidimKit from "src/decidim/editor/extensions/decidim_kit";
+
+// CSS
+import "stylesheets/decidim/editor.scss"
+
+window.DecidimKit = DecidimKit;
+window.currentEditors = window.currentEditors || [];
+
+window.createEditor = (container) => {
+  let editor = createEditor(container);
+  window.currentEditors.push(editor);
+  return editor;
+}

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

@@ -1,82 +1,109 @@
-$(() => {
+document.addEventListener("DOMContentLoaded", () => {
   let CustomFieldsBuilders = window.CustomFieldsBuilders || [];
 
-  $("body").on("click", "a.awesome-auto-edit", (ev) => {
-    ev.preventDefault();
-    const $link = $(ev.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;
-    }
+  document.querySelectorAll("a.awesome-auto-edit").forEach((link) => {
+    link.addEventListener("click", (ev) => {
+      ev.preventDefault();
+      const scope = link.dataset.scope;
+      const target = document.querySelector(`span.awesome-auto-edit[data-scope="${scope}"]`);
+      const constraints = document.querySelector(`.constraints-editor[data-key="${scope}"]`);
 
-    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);
+      if (!target) {
+        return;
       }
-      $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;
+      const key = target.dataset.key;
+      const attribute = target.dataset.var;
+      const inputField = document.querySelector(`[name="config[${attribute}][${key}]"]`);
+      const multipleField = document.querySelector(`[name="config[${attribute}][${key}][]"]`);
+      const container = document.querySelector(`.js-box-container[data-key="${key}"]`);
+      const deleteBox = container.querySelector(".awesome-auto-delete");
+
+      const rebuildLabel = (text, withScope) => {
+        target.innerText = text;
+        target.dataset.key = text;
+        if (withScope) {
+          target.dataset.scope = withScope;
+          link.dataset.scope = withScope;
         }
-      });
-    };
+        link.style.display = "";
+      };
+
+      const rebuildHtml = (result) => {
+        rebuildLabel(result.key, result.scope);
+        constraints.outerHTML = result.html;
+        if (inputField) {
+          inputField.setAttribute("name", `config[${attribute}][${result.key}]`);
+        }
+        if (multipleField) {
+          multipleField.setAttribute("name", `config[${attribute}][${result.key}][]`);
+        }
+        container.dataset.key = result.key;
+        container.setAttribute("data-key", result.key);
+        deleteBox.setAttribute("href", deleteBox.getAttribute("href").replace(`key=${key}`, `key=${result.key}`));
+        CustomFieldsBuilders.forEach((builder) => {
+          if (builder.key === key) {
+            builder.key = result.key;
+          }
+        });
+        // Reinitialize Decidim DOM events
+        // console.log("Reinitializing Decidim DOM events", "constraints", constraints, "container", container);
+        // Remove existing dialogs
+        Reflect.deleteProperty(window.Decidim.currentDialogs, `edit-modal-${scope}`);
+        Reflect.deleteProperty(window.Decidim.currentDialogs, `new-modal-${scope}`);
+        const editModal = document.getElementById(`edit-modal-${result.scope}`);
+        const newModal = document.getElementById(`new-modal-${result.scope}`);
+        if (container) {
+          // reloads dialogs (modals)
+          document.dispatchEvent(new CustomEvent("ajax:loaded", { detail: container }));
+        }
+        // Rebuild the manual handling of remote modals
+        document.dispatchEvent(new CustomEvent("ajax:loaded:modals", { detail: [editModal, newModal] }));
+      };
 
-    $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: window.DecidimAwesome.rename_scope_label_path,
-            dataType: "json",
+      target.innerHTML = `<input class="awesome-auto-edit" data-scope="${scope}" type="text" size="${key.length}" value="${key}">`;
+      const input = target.querySelector(`input.awesome-auto-edit[data-scope="${scope}"]`);
+      link.style.display = "none";
+      input.focus();
+      let config = {};
+      config[attribute] = true;
+      let token = document.querySelector('meta[name="csrf-token"]');
+      input.addEventListener("keypress", (evt) => {
+        if (evt.key === "Enter" || evt.keyCode === 13 || evt.keyCode ===  10) {
+          if (key === input.value) {
+            rebuildLabel(key);
+            return;
+          }
+          // console.log("Saving key", key, "to", input.value, "with scope", scope);
+          evt.preventDefault();
+          fetch(window.DecidimAwesome.renameScopeLabelPath, {
+            method: "POST",
             headers: {
-              "X-CSRF-Token": $("meta[name=csrf-token]").attr("content")
+              "Accept": "application/json, text/plain, */*",
+              "Content-Type": "application/json",
+              "X-CSRF-Token": token && token.getAttribute("content")
             },
-            data: { key: key,
-              scope: scope,
-              attribute: attribute,
-              text: $input.val()
-            }
+            body: JSON.stringify({ key: key, scope: scope, attribute: attribute, text: input.value, config: config })
           }).
-          done((result) => rebuildHmtl(result)).
-          fail((err) => {
-            console.error("Error saving key", key, "ERR:", err);
-            rebuildLabel(key);
-          });
-      }
-    });
-    $input.on("blur", () => {
-      rebuildLabel(key);
+            then((response) => {
+              if (!response.ok) {
+                throw response;
+              }
+              return response.json()
+            }).
+            then((result) => {
+              rebuildHtml(result)
+            }).
+            catch((err) => {
+              console.error("Error saving key", key, "ERR:", err);
+              rebuildLabel(key);
+            });
+        }
+      });
+
+      input.addEventListener("blur", () => {
+        rebuildLabel(key);
+      });
     });
   });
 });

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

@@ -1,48 +1,53 @@
-$(() => {
-  $(".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";
+document.addEventListener("DOMContentLoaded", () => {
+  const checkCustomRedirections = document.querySelector(".check-custom-redirections");
+
+  if (checkCustomRedirections) {
+    checkCustomRedirections.addEventListener("click", (evt) => {
+      evt.preventDefault();
+
+      if (evt.target.classList.contains("disabled")) {
+        return;
       }
 
-      if (item.active) {
-        if (type ===  "redirect") {
-          $td.addClass("success");
+      evt.target.classList.add("disabled");
+
+      const getReport = (tr, response) => {
+        const item = JSON.parse(tr.dataset.item);
+        const td = tr.querySelector(".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.classList.add("text-success");
+          } else {
+            td.classList.add("text-alert");
+          }
         } else {
-          $td.addClass("alert");
+          td.classList.add("text-gray");
         }
-      } 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");
-        });
+        return `${type} (${status})`;
+      };
+
+      document.querySelectorAll("tr.custom-redirection").forEach((tr) => {
+        const td = tr.querySelector(".redirect-status");
+        td.innerHTML = '<span class="loading-spinner"></span>';
+
+        fetch(tr.dataset.origin, { method: "HEAD", redirect: "manual" }).
+          then((response) => {
+            td.innerHTML = getReport(tr, response);
+          }).
+          catch((error) => {
+            console.error("ERROR", error);
+            td.classList.remove("loading");
+          });
+      });
     });
-  });
+  }
 });

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

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