decidim-decidim_awesome 0.10.1 → 0.11.1

data/app/views/decidim/decidim_awesome/admin/custom_redirects/_form.html.erb

@@ -1,6 +1,21 @@
-<div>
-    <%= form.text_field :origin, help_text: t(".origin_help") %>
-    <%= form.text_field :destination, help_text: t(".destination_help") %>
-    <%= form.check_box :active %>
-    <%= form.check_box :pass_query, help_text: t(".pass_query_help").html_safe %>
+<div class="flex flex-col">
+    <div class="mb-6">
+        <%= form.text_field :origin, class: "h-12 w-full" %>
+        <p class="help-text">
+            <%= t(".origin_help") %>
+        </p>
+    </div>
+    <div class="mb-6">
+        <%= form.text_field :destination, class: "h-12 w-full" %>
+        <p class="help-text">
+            <%= t(".destination_help") %>
+        </p>
+    </div>
+    <%= form.check_box :active, class: "mb-6" %>
+    <div class="mb-6">
+        <%= form.check_box :pass_query %>
+    </div>
+    <p class="help-text">
+            <%= t(".pass_query_help").html_safe %>
+    </p>
 </div>

data/app/views/decidim/decidim_awesome/admin/custom_redirects/edit.html.erb

@@ -1,13 +1,13 @@
-<%= decidim_form_for(@form, url: custom_redirect_path, method: :patch, html: { class: :form }) do |f| %>
+<%= decidim_form_for(@form, url: custom_redirect_path, method: :patch, html: { class: "form-defaults form new_custom_redirect_" }) do |f| %>
   <div class="card">
-    <div class="card-divider">
+    <div class="bg-gray-6 p-4 rounded-t">
       <h2 class="card-title"><%= t ".title" %></h2>
     </div>
-    <div class="card-section">
+    <div class="card-section p-4">
       <%= render partial: "form", object: f %>
     </div>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
+  <div class="flex items-center justify-center mt-12 w-full text-white form-general-submit">
+    <%= f.submit t(".save"), class: "button button__lg button__secondary" %>
   </div>
 <% end %>

data/app/views/decidim/decidim_awesome/admin/custom_redirects/index.html.erb

@@ -1,21 +1,22 @@
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title") %>
+    <%= link_to t(".new"), decidim_admin_decidim_awesome.new_custom_redirect_path, class: "button button__secondary button__xs tiny button--title text-white" %>
+  </h2>
+</div>
+
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= t(".title") %>
-      <%= link_to t(".new"), decidim_admin_decidim_awesome.new_custom_redirect_path, class: "button tiny button--title" %>
-    </h2>
-  </div>
-  <div class="card-section">
-  <p class="help-text"><%= t(".description").html_safe %></p>
-  <div class="row column decidim_awesome-form">
+  <div class="card-section p-4">
+  <p class="help-text -mt-2 mb-4"><%= t(".description").html_safe %></p>
+  <div class="table-scroll decidim_awesome-form">
     <table class="table-list custom-redirections-table">
       <thead>
         <tr>
           <th><%= t("custom_redirect.active", scope: "activemodel.attributes") %></th>
           <th><%= t("custom_redirect.origin", scope: "activemodel.attributes") %></th>
           <th><%= t("custom_redirect.destination", scope: "activemodel.attributes") %></th>
-          <th class="redirect-status"><%= link_to(t(".check_redirections"), "#", class: "button small pull-right secondary check-custom-redirections") if current_config.present? %></th>
-          <th class="actions"></th>
+          <th class="redirect-status"><%= link_to(t(".check_redirections"), "#", class: "button button__secondary button__xs pull-right secondary check-custom-redirections") if current_config.present? %></th>
+          <th class="actions"><%= t("decidim.decidim_awesome.admin.actions") %></th>
         </tr>
       </thead>
       <tbody>
@@ -26,8 +27,8 @@
             <td><%= item["destination"] %></td>
             <td class="redirect-status"></td>
             <td class="table-list__actions">
-              <%= icon_link_to "pencil", decidim_admin_decidim_awesome.edit_custom_redirect_path(md5(origin)), t(".edit"), class: "action-icon--edit" %>
-              <%= icon_link_to "circle-x", decidim_admin_decidim_awesome.custom_redirect_path(md5(origin)), t(".remove"), method: :delete, class: "action-icon--remove", data: { confirm: t(".confirm_destroy") } %>
+              <%= icon_link_to "pencil-line", decidim_admin_decidim_awesome.edit_custom_redirect_path(md5(origin)), t(".edit"), class: "action-icon--edit" %>
+              <%= icon_link_to "close-circle-line", decidim_admin_decidim_awesome.custom_redirect_path(md5(origin)), t(".remove"), method: :delete, class: "action-icon--remove", data: { confirm: t(".confirm_destroy") } %>
             </td>
           </tr>
         <% end %>

data/app/views/decidim/decidim_awesome/admin/custom_redirects/new.html.erb

@@ -1,13 +1,13 @@
-<%= decidim_form_for(@form, url: custom_redirects_path, html: { class: :form }) do |f| %>
+<%= decidim_form_for(@form, url: custom_redirects_path, html: { class: "form-defaults form new_custom_redirect_" }) do |f| %>
   <div class="card">
-    <div class="card-divider">
+    <div class="bg-gray-6 p-4 rounded-t">
       <h2 class="card-title"><%= t ".title" %></h2>
     </div>
-    <div class="card-section">
+    <div class="card-section p-4">
       <%= render partial: "form", object: f %>
     </div>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
+  <div class="flex items-center justify-center mt-12 w-full text-white form-general-submit">
+    <%= f.submit t(".save"), class: "button button__lg button__secondary" %>
   </div>
 <% end %>

data/app/views/decidim/decidim_awesome/admin/maintenance/_private_data.html.erb

@@ -0,0 +1,44 @@
+<div class="mb-8">
+  <p class="help-text"><%= t(".help_html", time_ago:) %>
+</div>
+
+<% if collection.empty? %>
+  <div class="callout warning"><%= t(".no_data", time_ago:) %></div>
+<% else %>
+  <div class="table-scroll autorefresh" data-url="<%= maintenance_path(:private_data).split("?").first %>">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t(".component") %></th>
+          <th><%= t(".items_count") %></th>
+          <th><%= t(".last_date") %></th>
+          <th><%= t("decidim.decidim_awesome.admin.actions") %></th>
+        </tr>
+      </thead>
+
+      <tbody>
+      <% collection.each do |resource| %>
+        <% item = present(resource) %>
+        <tr data-id="<%= item.id %>">
+          <td><%= link_to item.name, item.path %></td>
+          <td data-autorefresh="total"><%= item.total %></td>
+          <td data-autorefresh="time_ago"><%= item.time_ago %></td>
+          <td data-autorefresh="done">
+            <% if item.locked? %>
+              <span class="loading-spinner primary" title="<%= t(".removing") %>"></span>
+            <% elsif item.destroyable? %>
+              <%= link_to destroy_private_data_maintenance_path(:private_data, resource_id: item), method: :delete, class: "button button__primary button__xs tiny", data: { confirm: t(".confirm_delete") } do %>
+                <%= icon "delete-bin-line" %>
+                <%= t(".delete") %>
+              <% end %>
+            <% else %>
+              <span class="not-destroyable" title="<%= t(".not_destroyable") %>"><%= icon "forbid-line" %></span>
+            <% end %>
+          </td>
+        </tr>
+      <% end %>
+      </tbody>
+    </table>
+  </div>
+<% end %>
+<%= paginate collection, theme: "decidim" %>

data/app/views/decidim/decidim_awesome/admin/maintenance/show.html.erb

@@ -0,0 +1,44 @@
+<div class="card-section section_<%= current_view %>">
+  <%= render current_view %>
+</div>
+
+<script>
+  document.addEventListener("DOMContentLoaded", function() {
+    const wrappers = document.querySelectorAll('.autorefresh');
+
+    function updateTableWithJsonData(element) {
+      const trs = element.querySelectorAll('tr[data-id]');
+      const tr_ids = [...trs].map(tr => parseInt(tr.dataset.id, 10));
+
+      fetch(element.dataset.url + "?" + new URLSearchParams({resources: tr_ids}))
+        .then(response => response.json())
+        .then(data => {
+          trs.forEach(tr => {
+            const items = tr.querySelectorAll('[data-autorefresh]');
+            const id = parseInt(tr.dataset.id, 10);
+            const newData = data.find(item => item.id === id);
+            // console.log("newData", newData, "items", items, "id", id, "tr", tr, "data", data);
+            if (newData) {
+              items.forEach(item => {
+                const field = item.dataset.autorefresh;
+                if (field && newData[field]) {
+                  item.innerHTML = newData[field];
+                }
+              });
+              if (newData.locked) {
+                setTimeout(() => updateTableWithJsonData(element), 1000);
+              }
+            }
+          });
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+    }
+
+    wrappers.forEach(element => {
+      updateTableWithJsonData(element);
+    });
+  });
+</script>
+</script>

data/app/views/decidim/decidim_awesome/admin/menu_hacks/_form.html.erb

@@ -1,7 +1,7 @@
-<div>
-    <%= form.translated :text_field, :raw_label, help_text: t(".label_help") %>
-    <%= form.text_field :url , readonly: form.object.url.present? %>
-    <%= form.text_field :position %>
-    <%= form.select :target, target_options %>
-    <%= form.select :visibility, visibility_options %>
+<div class="form__wrapper gap-0">
+    <%= form.translated :text_field, :raw_label, class: "mb-6", help_text: t(".label_help") %>
+    <%= form.text_field :url , class: "mb-6", readonly: form.object.url.present? %>
+    <%= form.text_field :position, class: "mb-6" %>
+    <%= form.select :target, target_options, {}, class: "mb-6" %>
+    <%= form.select :visibility, visibility_options, {}, class: "mb-8" %>
 </div>

data/app/views/decidim/decidim_awesome/admin/menu_hacks/edit.html.erb

@@ -1,13 +1,22 @@
-<%= decidim_form_for(@form, url: menu_hack_path, method: :patch, html: { class: :form }) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".title" %></h2>
-    </div>
-    <div class="card-section">
-      <%= render partial: "form", object: f %>
-    </div>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title") %>
+  </h2>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: menu_hack_path(params[:menu_id]), method: :patch, html: { class: "form form-defaults" }) do |f| %>
+      <div class="card pt-4">
+        <div class="card-section">
+          <%= render partial: "form", object: f %>
+        </div>
+      </div>
+
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".save"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
-  </div>
-<% end %>
+</div>

data/app/views/decidim/decidim_awesome/admin/menu_hacks/index.html.erb

@@ -1,44 +1,41 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= t(".title") %>
-      <%= link_to t(".new"), decidim_admin_decidim_awesome.new_menu_hack_path, class: "button tiny button--title" %>
-    </h2>
-  </div>
-  <div class="card-section">
-  <div class="row column decidim_awesome-form">
-    <table class="table-list">
-      <thead>
-        <tr>
-          <th><%= t("menu.raw_label", scope: "activemodel.attributes") %></th>
-          <th><%= t("menu.url", scope: "activemodel.attributes") %></th>
-          <th><%= t("menu.position", scope: "activemodel.attributes") %></th>
-          <th><%= t("menu.target", scope: "activemodel.attributes") %></th>
-          <th><%= t("menu.visibility", scope: "activemodel.attributes") %></th>
-          <th class="actions"></th>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".#{params[:menu_id]}.title") %>
+    <%= link_to t(".new"), decidim_admin_decidim_awesome.new_menu_hack_path, class: "button button__sm button__secondary ml-auto" %>
+  </h2>
+</div>
+<div class="table-scroll">
+  <table class="table-list">
+    <thead>
+      <tr>
+        <th><%= t("menu.raw_label", scope: "activemodel.attributes") %></th>
+        <th><%= t("menu.url", scope: "activemodel.attributes") %></th>
+        <th><%= t("menu.position", scope: "activemodel.attributes") %></th>
+        <th><%= t("menu.target", scope: "activemodel.attributes") %></th>
+        <th><%= t("menu.visibility", scope: "activemodel.attributes") %></th>
+        <th class="actions"><%= t("decidim.decidim_awesome.admin.actions") %></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% current_items.each do |item| %>
+        <tr<%= " class=menu_hack-addition" if item.try(:overrided?) == false %>>
+          <td><%= item.label %></td>
+          <td><%= item.url %></td>
+          <td><%= item.position %></td>
+          <td><%= target_options.invert[item.try(:target)||""] %></td>
+          <td><%= visibility_options.invert[item.try(:visibility)] %></td>
+          <td class="table-list__actions">
+            <%= icon_link_to "pencil-line", decidim_admin_decidim_awesome.edit_menu_hack_path(params[:menu_id], md5(item.url)), t(".edit"), class: "action-icon--edit" %>
+            <% if item.respond_to?(:overrided?) %>
+              <%= icon_link_to "close-circle-line", decidim_admin_decidim_awesome.menu_hack_path(params[:menu_id], md5(item.url)), t(".remove#{'_hack' if item.overrided?}"), method: :delete, class: "action-icon--remove", data: { confirm: t(".confirm_destroy") } %>
+            <% else %>
+                <span class="action-icon">
+                  <%= icon "close-circle-line", class: "action-icon action-icon--disabled", role: "img" %>
+                </span>
+            <% end %>
+          </td>
         </tr>
-      </thead>
-      <tbody>
-        <% current_items.each do |item| %>
-          <tr<%= " class=menu_hack-addition" if item.try(:overrided?) == false %>>
-            <td><%= item.label %></td>
-            <td><%= item.url %></td>
-            <td><%= item.position %></td>
-            <td><%= target_options.invert[item.try(:target)||""] %></td>
-            <td><%= visibility_options.invert[item.try(:visibility)] %></td>
-            <td class="table-list__actions">
-              <%= icon_link_to "pencil", decidim_admin_decidim_awesome.edit_menu_hack_path(md5(item.url)), t(".edit"), class: "action-icon--edit" %>
-              <% if item.respond_to?(:overrided?) %>
-                <%= icon_link_to "circle-x", decidim_admin_decidim_awesome.menu_hack_path(md5(item.url)), t(".remove#{'_hack' if item.overrided?}"), method: :delete, class: "action-icon--remove", data: { confirm: t(".confirm_destroy") } %>
-              <% else %>
-                  <span class="action-icon">
-                    <%= icon "circle-x", class: "action-icon action-icon--disabled", role: "img" %>
-                  </span>
-              <% end %>
-            </td>
-          </tr>
-        <% end %>
-      </tbody>
-    </table>
-  </div>
+      <% end %>
+    </tbody>
+  </table>
 </div>

data/app/views/decidim/decidim_awesome/admin/menu_hacks/new.html.erb

@@ -1,13 +1,22 @@
-<%= decidim_form_for(@form, url: menu_hacks_path, html: { class: :form }) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".title" %></h2>
-    </div>
-    <div class="card-section">
-      <%= render partial: "form", object: f %>
-    </div>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title") %>
+  </h2>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: menu_hacks_path(params[:menu_id]), html: { class: "form form-defaults" }) do |f| %>
+      <div class="card pt-4">
+        <div class="card-section">
+          <%= render partial: "form", object: f %>
+        </div>
+      </div>
+
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".save"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
-  </div>
-<% end %>
+</div>

data/app/views/decidim/decidim_awesome/admin/proposals/_editor.html.erb

@@ -1,6 +1,9 @@
-<%= admin_editor_for_proposal_body(form) %>
-<% unless awesome_proposal_custom_fields.blank? %>
-  <div class="proposal_custom_field">
-    <div class="loading-spinner"></div>
-  </div>
+<% if Decidim::DecidimAwesome.enabled?(:proposal_custom_fields) && editor = admin_editor_for_proposal_body(form) %>
+  <%= editor %>
+<% else %>
+  <%= form.translated :editor, :body, hashtaggable: true, aria: { label: :body } %>
+<% end %>
+
+<% if Decidim::DecidimAwesome.enabled?(:proposal_private_custom_fields) && private_custom_fields = awesome_proposal_custom_fields_for(:private_body) %>
+  <%= render_proposal_custom_fields_override(private_custom_fields, form, :private_body) if private_custom_fields.present? %>
 <% end %>

data/app/views/decidim/decidim_awesome/admin/proposals/_private_body.html.erb

@@ -0,0 +1,20 @@
+<div class="card-section" data-component="accordion" id="accordion-private_body">
+  <button class="card-divider-button" data-controls="panel-private_body" type="button">
+    <%= icon "arrow-right-s-line" %>
+    <h2 class="card-title">
+      <%= t "decidim.decidim_awesome.admin.proposal_custom_fields.private_body" %>
+    </h2>
+  </button>
+  <div id="panel-private_body">
+    <div class="component__show_private_data-grid">
+      <div><%= Decidim::ContentProcessor.render_without_format(render_sanitized_content(proposal, :private_body)).html_safe %></div>
+      <% if proposal&.extra_fields&.private_body_updated_at %>
+        <div class="date_info">
+          <%= t("decidim.decidim_awesome.admin.proposal_custom_fields.private_data_last_update", time_ago: time_ago_in_words(proposal.extra_fields.private_body_updated_at)) if proposal.extra_fields.private_body.present? %>
+          <%= t("decidim.decidim_awesome.admin.proposal_custom_fields.private_data_last_remove", time_ago: time_ago_in_words(proposal.extra_fields.private_body_updated_at)) if proposal.extra_fields.private_body.blank? %>
+          <%= link_to t("decidim.decidim_awesome.admin.proposal_custom_fields.remove_private_data"), decidim_admin_decidim_awesome.maintenance_path(:private_data) if proposal.extra_fields.private_body_updated_at && proposal.extra_fields.private_body_updated_at < Decidim::DecidimAwesome.private_data_expiration_time.ago %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/decidim/decidim_awesome/admin/shared/_filters_with_date.html.erb

@@ -1,41 +1,42 @@
-<div class="filters__section">
-  <div class="fcell filter">
+<div class="filters__section p-4 flex mb-0">
+  <div class="fcell filter self-start">
     <ul class="dropdown menu" data-dropdown-menu data-close-on-click-inside="false">
       <li>
-        <a href="#" class="dropdown button">
+        <a href="#" class="dropdown button button__sm button__secondary">
           <%= t("filter_label", scope: "decidim.admin.filters") %>
+          <%= icon "arrow-down-s-fill", class: "dropdown-filter-icon" %>
         </a>
         <%= dropdown_submenu(submenu_options_tree(i18n_ctx)) %>
       </li>
     </ul>
   </div>
   <div class="fcell search">
-    <%= search_form_for(query, url: url_for) do |form| %>
+    <%= search_form_for(query, url: url_for, html: { class: "form-defaults form" }) do |form| %>
       <%= applied_filters_hidden_field_tags %>
-      <div class="input-group">
+      <div class="input-group flex items-center">
         <%= form.search_field(
               search_field_predicate,
-              class: "input-group-field",
+              class: "input-group-field shadow-md border-alert",
               label: false,
               placeholder: t(search_field_predicate,
                              collection: collection_name,
                              scope: "decidim.admin.filters.search_placeholder")
             ) %>
         <div class="input-group-button">
-          <button type="submit" class="button">
-            <%= icon "magnifying-glass", aria_label: t("search_label", scope: "decidim.admin.filters") %>
+          <button type="submit" class="text-secondary py-2 px-4 rounded-r focus:outline-none outline-none">
+            <%= icon "search-line", class: "fill-secondary w-4 h-4", aria_label: t("search_label", scope: "decidim.admin.filters") %>
           </button>
         </div>
       </div>
-      <div class="input-group mt-xs">
-        <div class="input-group-field">
+      <div class="input-group flex mt-4 w-full justify-center">
+        <div class="input-group-field flex flex-col w-full">
           <%= form.label t("search_field_start_date", scope: "decidim.admin.filters.label") %>
           <%= form.date_field(:created_at_gteq,
                               class: "input-group-field",
                               label: false,
                               datepicker: true) %>
         </div>
-        <div class="input-group-field">
+        <div class="input-group-field flex flex-col w-full">
           <%= form.label t("search_field_end_date", scope: "decidim.admin.filters.label") %>
           <%= form.date_field(:created_at_lteq,
                               class: "input-group-field",
@@ -46,11 +47,6 @@
     <% end %>
   </div>
 </div>
-<div class="card-section fcell grid-x">
-  <div class="cell medium-10 filter-status">
-    <%= applied_filters_tags(i18n_ctx) %>
-  </div>
-  <div class="cell auto text-right">
-    <%= admin_filters_pagination %>
-  </div>
+<div class="fcell grid-x" data-applied-filters-tags>
+  <%= applied_filters_tags(i18n_ctx) %>
 </div>

data/app/views/decidim/decidim_awesome/amendments/_modal.html.erb

@@ -0,0 +1,23 @@
+<!--the modal window will be used in another pr-->
+<%= decidim_modal id: "LimitAmendmentsModal", data: { "limit-amendments": current_component.settings&.limit_pending_amendments } do %>
+  <div data-dialog-container>
+    <%= icon "notification-3-fill" %>
+    <h3 data-dialog-title><%= t("decidim.decidim_awesome.amendments.modal.amendment_exists") %></h3>
+
+    <div>
+      <div class="instructions">
+        <%= t("decidim.decidim_awesome.amendments.modal.explanation_html",
+                                    proposal_link: present(@proposal).proposal_path + "#comments") %>
+
+        <% emendations = @proposal.emendations.not_hidden.where(decidim_amendments: { state: Decidim::Amendment.states["evaluating"] }) %>
+        <% if current_component.current_settings&.amendments_visibility == "all" && emendations %>
+          <%= t("decidim.decidim_awesome.amendments.modal.current_amendment_html",
+                                        amendment_link: present(emendations&.first).proposal_path) %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+  <div data-dialog-actions>
+    <button type="button" class="button button__sm md:button__lg button__transparent-secondary cancel-action" data-dialog-close="LimitAmendmentsModal"><%= t("decidim.decidim_awesome.amendments.modal.dismiss") %></button>
+  </div>
+<% end %>

data/app/views/decidim/decidim_awesome/custom_fields/_form_render.html.erb

@@ -1,6 +1,12 @@
-<div class="proposal_custom_field" id="proposa-custom-field-<%= name %>" data-spec="<%= spec.to_json %>" data-name="<%= "#{form.object_name}[#{name}]" %>">
-  <div class="loading-spinner"></div>
+<div class="decidim_awesome-custom_fields <%= name %>">
+  <% if name == :private_body %>
+    <p class="private_body-disclosure help-text"><%= icon "spy" %><%= t("decidim.decidim_awesome.proposal_private_custom_fields_disclosure") %></p>
+  <% end %>
+  <div class="proposal_custom_field proposal_custom_field--<%= name %>" id="proposal-custom-field-<%= name %>" data-spec="<%= spec.to_json %>" data-editor-options="<%= editor_options[:editor].to_json %>" data-name="<%= "#{form.object_name}[#{name}]" %>">
+    <div class="loading-spinner"></div>
+  </div>
 </div>
 
+<%= editor_upload.html_safe %>
 <%= form.hidden_field name %>
 <%= form.error_for name %>

data/app/views/decidim/decidim_awesome/iframe_component/iframe/show.html.erb

@@ -1,14 +1,9 @@
-<%= announcement = render(partial: "decidim/shared/component_announcement") %>
+<main class="participatory-space__container">
+  <%= announcement = render(partial: "decidim/shared/component_announcement") %>
 
-<%= stylesheet_pack_tag "decidim_decidim_awesome_iframe" %>
+  <%= append_stylesheet_pack_tag "decidim_decidim_awesome_iframe" %>
 
-<style rel="stylesheet" type="text/css">
-<% if remove_margins? %>
-  <%= ".wrapper { padding-left: 0;padding-right: 0;padding-bottom: 0; }" %>
-  <%= ".wrapper { padding-top: 0; }" unless announcement.present? %>
-<% end %>
-</style>
-
-<div class="awesome-iframe<%= " row" if viewport_width? %>">
-  <%= iframe %>
-</div>
+  <section id="<%= viewport_width? ? "iframe-block" : "html-block-html" %>" class="awesome-iframe layout-main__section">
+    <%= iframe %>
+  </section>
+</main>