decidim-decidim_awesome 0.8.0 → 0.12.0

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/officializations/_participants_td.html.erb

@@ -0,0 +1,25 @@
+<td class="awesome_participants-td">
+  <% awesome_authorizations_for(user).authorizations.each do |auth| %>
+    <%
+      data = {
+        verification_user: user.name,
+        verification_user_id: user.id,
+        verification_handler: auth[:name],
+        verification_url: decidim_admin_decidim_awesome.edit_admin_authorization_path(id: user.id, handler: auth[:name])
+      }
+      classes = []
+      classes << "granted" if auth[:granted]
+      classes << "pending" if auth[:pending]
+      if auth[:managed]
+        classes << "managed"
+        data[:dialog_open] = "awesome-verification-modal"
+      end
+    %>
+    <%= content_tag(auth[:managed] ? "a" : "div", href: "#", class: classes, data:) do %>
+      <%= icon "check-line", class: "checked" %>
+      <%= icon "time-line", class: "undeterminated" %>
+      <%= icon "close-line", class: "unchecked" %>
+      <%= auth[:fullname] %>
+    <% end %>
+  <% end %>
+</td>

data/app/views/decidim/decidim_awesome/admin/officializations/_participants_th.html.erb

@@ -0,0 +1 @@
+<th class="awesome_participants-th"><%= t("decidim.decidim_awesome.admin.officializations.authorizations") %></th>

data/app/views/decidim/decidim_awesome/admin/officializations/_verification_modal.html.erb

@@ -0,0 +1,9 @@
+<%= decidim_modal id: "awesome-verification-modal", class:"reveal awesome_participants-modal" do %>
+  <div data-dialog-container>
+  </div>
+  <div data-dialog-actions>
+    <button data-dialog-close="awesome-verification-modal" class="button button__lg button__transparent-secondary">
+       <%= t(".close") %>
+    </button>
+  </div>
+<% end %>

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

@@ -0,0 +1,61 @@
+<div class="filters__section p-4 flex mb-0">
+  <div class="fcell filter dropdown__container">
+    <!-- Label added to align the button vertically with other inputs -->
+    <label class="form-label">&nbsp;</label>
+    <ul class="dropdown menu" data-dropdown-menu data-close-on-click-inside="false">
+      <li>
+        <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, html: { class: "form form-defaults" }) do |form| %>
+      <%= hidden_field_tag :admins, params[:admins] %>
+      <div class="form__wrapper">
+        <div class="card">
+          <div class="card-section">
+            <div class="grid grid-cols-4 gap-x-4">
+              <div class="row column search-field">
+                <%= form.label search_field_predicate, t("decidim.search.term_input_placeholder"), class: "form-label" %>
+                <%= form.search_field(
+                      search_field_predicate,
+                      class: "input-group-field",
+                      placeholder: t("decidim.search.term_input_placeholder"),
+                      label: false
+                    ) %>
+              </div>
+              <div class="row column datepicker_field">
+                <%= form.label :created_at_gteq, t("search_field_start_date", scope: "decidim.admin.filters.label"), class: "form-label" %>
+                <%= form.date_field(:created_at_gteq,
+                                    class: "input-group-field",
+                                    label: false) %>
+              </div>
+
+              <div class="row column datepicker_field">
+                <%= form.label :created_at_lteq, t("search_field_end_date", scope: "decidim.admin.filters.label"), class: "form-label" %>
+                <%= form.date_field(:created_at_lteq,
+                                    class: "input-group-field",
+                                    label: false) %>
+              </div>
+              <div class="row column search-button-container">
+                <!-- Label added to align the button vertically with other inputs -->
+                <label class="form-label">&nbsp;</label>
+                <button type="submit" class="button button__sm button__secondary" aria-label="<%= t("decidim.search.term_input_placeholder") %>">
+                  <%= icon "search-line", class: "!fill-white w-4 h-4" %>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</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>

data/app/views/decidim/decidim_awesome/map_component/map/_map_template.html.erb

@@ -1,59 +1,72 @@
 <div class="loading-spinner"></div>
 
 <script id="marker-proposal-popup" type="text/x-jsrender">
-  <div class="map-info__content">
-    <h3>{{:title.translation}}</h3>
-    <div id="bodyContent">
-      <div class="description">{{:body.translation}}</div>
-      <div class="map__date-adress">
-        <div class="address card__extra">
-          <div class="address__icon">{{:icon}}</div>
-          <div class="address__details">
-            <span>{{>address}}</span><br>
+  <div class="space-y-6">
+    <div class="card__list">
+      <div class="card__list-content">
+        <a href="{{>link}}" target="proposal">
+          <h3 class="h4 card__list-title">{{:title.translation}}</h3>
+          <div class="card__list-metadata">
+            <span>
+              <%= icon "account-circle-line" %>
+              {{:authorName}}
+            </span>
+            <span>
+              <%= icon "wechat-line" %>
+              {{:totalCommentsCount}}
+            </span>
+            <span>
+              <%= icon "like" %>
+              {{:endorsementsCount}}
+            </span>
+            <span>
+              <span class="label {{:stateClass}}">{{:humanState}}</span>
+            </span>
+            {{if isAmendment() }}
+              <span>
+                <%= icon "other" %>
+                <%= t("activerecord.models.decidim/amendment", count: 1) %>
+              </span>
+            {{/if}}
           </div>
-        </div>
-      </div>
-      <div class="map-info__button">
-        <a href="{{>link}}" class="button button--sc">
-          <%= t("view_proposal", scope: "decidim.decidim_awesome.map_component.map.show") %>
+          <div class="text-sm">{{>address}}</div>
         </a>
+        <div class="description">
+         <div>{{:body.translation}}</div>
+       </div>
       </div>
     </div>
   </div>
 </script>
 
 <script id="marker-meeting-popup" type="text/x-jsrender">
-  <div class="map-info__content">
-    <h3>{{:title.translation}}</h3>
-    <div id="bodyContent">
-      <div class="description">{{:body.translation}}</div>
-      <div class="map__date-adress">
-        <div class="card__datetime">
-          <div class="card__datetime__date">
-            {{>startTimeDay}} <span class="card__datetime__month">{{>startTimeMonth}} {{>startTimeYear}}</span>
-          </div>
-          <div class="card__datetime__time">{{>starTime}}</div>
-        </div>
-        <div class="address card__extra">
-          <div class="address__icon">{{:icon}}</div>
-          <div class="address__details">
-            <strong>{{:location.translation}}</strong><br>
-            <span>{{>address}}</span><br>
-            <span>{{:locationHints.translation}}</span>
+  <div class="space-y-6">
+    <div class="card__list">
+      <div class="card__list-content">
+        <a href="{{>link}}" target="meeting">
+          <h3 class="h4 card__list-title">{{:title.translation}}</h3>
+          <div class="card__list-metadata">
+            <span>
+              <%= icon "calendar-line" %>
+              {{:dateRange}}
+            </span>
+            <span>
+              <%= icon "{{:icon}}", ignore_missing: true %>
+              {{:meetingType}}
+            </span>
           </div>
-        </div>
-      </div>
-      <div class="map-info__button">
-        <a href="{{>link}}" class="button button--sc">
-          <%= t("view_meeting", scope: "decidim.meetings.meetings_map") %>
+          <div class="text-sm">{{>address}}</div>
         </a>
+        <div class="description">
+         {{:body.translation}}
+       </div>
       </div>
     </div>
   </div>
 </script>
 
 <style type="text/css">
-  #awesome-map .google-map, .wrapper #awesome-map .google-map {
+  #awesome-map .dynamic-map {
     height: <%= map_height %>px;
   }
   <% current_categories(categories).each do |category| %>
@@ -65,4 +78,7 @@
 <script>
   window.AwesomeMap = window.AwesomeMap || {};
   window.AwesomeMap.categories = <%= current_categories(categories).to_json.html_safe %>;
+  window.AwesomeMapProposalTexts = <%= Decidim::Proposals::ProposalState.pluck(:token).index_with { |state| t("decidim.proposals.answers.#{state}") }.to_json.html_safe %>;
+  window.AwesomeMapMeetingTypes = <%= Decidim::Meetings::Meeting::TYPE_OF_MEETING.to_h { |type, _| [type, Decidim.icons.all[type.to_s]["icon"]] }.to_json.html_safe %>;
+  window.AwesomeMapMeetingTexts = <%= Decidim::Meetings::Meeting::TYPE_OF_MEETING.to_h { |type, _| [type, t("decidim.meetings.meetings.filters.type_values.#{type}")] }.to_json.html_safe %>;
 </script>

data/app/views/decidim/decidim_awesome/map_component/map/show.html.erb

@@ -1,7 +1,16 @@
-<%= render partial: "decidim/shared/component_announcement" %>
+<main class="participatory-space__container">
+  <% announcement = translated_attribute(current_settings.announcement).presence || translated_attribute(component_settings.announcement).presence %>
+  <% if strip_tags(announcement).present? %>
+    <section>
+      <%= cell("decidim/announcement", announcement, local_assigns.merge(callout_class: "editor-content")) %>
+    </section>
+  <% end %>
 
-<%= render partial: "api_ready" %>
+  <%= render partial: "api_ready" %>
 
-<%= awesome_map_for map_components do %>
-  <%= render partial: "map_template", locals: { categories: current_participatory_space.categories, map_height: current_component.settings.map_height } %>
-<% end %>
+  <section id="map-block" class="awesome-iframe layout-main__section">
+    <%= awesome_map_for map_components do %>
+      <%= render partial: "map_template", locals: { categories: current_participatory_space.categories, map_height: current_component.settings.map_height } %>
+    <% end %>
+  </section>
+</main>

data/app/views/decidim/decidim_awesome/required_authorizations/index.html.erb

@@ -0,0 +1,66 @@
+<div class="text-center py-10">
+  <h1 class="title-decorator inline-block text-left mb-12">
+    <%= t(".title") %>
+  </h1>
+  <p class="text-lg text-gray-2 text-left">
+    <%= t(awesome_config[:force_authorization_with_any_method] ? ".verify_with_any_of_these_options" : ".verify_with_all_these_options") %>
+  </p>
+</div>
+
+<div class="space-y-8">
+  <% if granted_authorizations.any? %>
+    <div class="verification__container-title"><%= t(".granted_title") %></div>
+    <div class="verification__container">
+        <% granted_authorizations.each do |method| %>
+            <div class="verification verification__no_clickable">
+                <%= icon "checkbox-circle-line", class: "verification__icon is-granted" %>
+                <div class="verification__text">
+                    <h2 class="h5 text-secondary">
+                    <%= method.fullname %>
+                    </h2>
+                </div>
+            </div>
+        <% end %>
+    </div>
+  <% end %>
+
+  <% if pending_authorizations.any? %>
+    <div class="verification__container-title"><%= t(".resume_title") %></div>
+    <div class="verification__container">
+      <% pending_authorizations.each do |method| %>
+          <%= link_to method.resume_authorization_path(redirect_url:), class: "verification" do %>
+            <%= icon "time-line", class: "verification__icon" %>
+            <div class="verification__text">
+              <h2 class="h5 text-secondary">
+                <%= t(".resume_with_method", name: method.fullname) %>
+              </h2>
+            </div>
+          <% end %>
+      <% end %>
+    </div>
+  <% end %>
+
+  <% if missing_authorizations.any? %>
+    <div class="verification__container-title"><%= t(".missing_title") %></div>
+    <div class="verification__container">
+      <% missing_authorizations.each do |method| %>
+          <%= link_to method.root_path(redirect_url:), class: "verification" do %>
+            <%= icon(method.icon || "login-circle-line", class: "verification__icon") %>
+            <div class="verification__text">
+              <h2 class="h5 text-secondary">
+                <%= t(".verify_with_method", name: method.fullname) %>
+              </h2>
+            </div>
+          <% end %>
+      <% end %>
+    </div>
+  <% end %>
+</div>
+
+<div class="space-y-8 prose-a:text-secondary mt-8">
+  <%= translated_attribute(awesome_config[:force_authorization_help_text]).html_safe %>
+
+  <p class="prose-a:text-secondary italic">
+    <%= t(".cancel", link: link_to("#{icon("logout-box-r-line", class: "inline-block").html_safe} #{t(".logout")}".html_safe, decidim.destroy_user_session_path(redirect_url:), method: :delete).html_safe).html_safe %>
+  </p>
+</div>