decidim-conferences 0.30.2 → 0.31.0.rc1

data/app/views/decidim/conferences/admin/conference_registrations/index.html.erb

@@ -1,26 +1,30 @@
 <% add_decidim_page_title(t(".registrations")) %>
+
 <div class="card" id="conference-registrations">
   <div class="item_show__header">
     <h1 class="item_show__header-title">
       <%= t(".registrations") %>
       <% if allowed_to? :export_conference_registrations, :conference, conference: conference %>
-        <span class="exports button button__sm button__secondary button--title" data-toggle="export-dropdown">
-          <%= t "actions.export", scope: "decidim.admin" %>
-          <%= icon "arrow-down-s-line", class: "dropdown-filter-icon" %>
-        </span>
-        <div class="dropdown-pane" id="export-dropdown" data-dropdown data-auto-focus="true" data-close-on-click="true">
-          <ul class="vertical menu add-components">
+        <div class="relative">
+          <a class="button button__sm button__transparent-secondary" data-controller="dropdown" data-target="export-dropdown">
+            <%= t "actions.export", scope: "decidim.admin" %>
+            <%= icon "arrow-down-s-line" %>
+            <%= icon "arrow-down-s-line" %>
+          </a>
+          <ul id="export-dropdown" class="dropdown dropdown__bottom" aria-hidden="true">
             <% %w(CSV JSON Excel).each do |format| %>
-              <%= link_to export_conference_conference_registrations_path(conference_id: conference, format:) do %>
-                <li class="exports--format--<%= format.downcase %> exports--registrations"><%= t("decidim.admin.exports.export_as", name: t("decidim.admin.conferences.exports.registrations"), export_format: format) %></li>
-              <% end %>
+              <li class="dropdown__item">>
+                <%= link_to export_conference_conference_registrations_path(conference_id: conference, format:), class: "dropdown__button" do %>
+                  <%= t("decidim.admin.exports.export_as", name: t("decidim.admin.conferences.exports.registrations"), export_format: format) %>
+                <% end %>
+              </li>
             <% end %>
           </ul>
         </div>
       <% end %>
     </h1>
   </div>
-  <div class="table-scroll">
+  <div class="table-stacked">
     <table class="table-list">
       <thead>
         <tr>
@@ -28,29 +32,39 @@
           <th><%= t("models.conference_registration.fields.email", scope: "decidim.conferences") %></th>
           <th><%= t("models.conference_registration.fields.registration_type", scope: "decidim.conferences") %></th>
           <th><%= t("models.conference_registration.fields.state", scope: "decidim.conferences") %></th>
-          <th></th>
+          <th><%= t("models.conference_registration.fields.actions", scope: "decidim.conferences") %></th>
         </tr>
       </thead>
       <tbody>
         <% @conference_registrations.each do |registration| %>
           <tr data-id="<%= registration.id %>">
-            <td>
+            <td data-label="<%= t("models.conference_registration.fields.name", scope: "decidim.conferences") %>">
               <%= registration.user.name %>
             </td>
-            <td>
+            <td data-label="<%= t("models.conference_registration.fields.email", scope: "decidim.conferences") %>">
               <%= registration.user.email %>
             </td>
-            <td>
+            <td data-label="<%= t("models.conference_registration.fields.registration_type", scope: "decidim.conferences") %>">
               <%= translated_attribute(registration.registration_type.title) %>
             </td>
-            <td>
+            <td data-label="<%= t("models.conference_registration.fields.state", scope: "decidim.conferences") %>">
               <%= t("models.conference_registration.fields.states.#{registration.confirmed? ? "confirmed" : "pending"}", scope: "decidim.conferences") %>
             </td>
-            <td>
-              <% if allowed_to?(:confirm, :conference_registration, conference_registration: registration) %>
-                <% if !registration.confirmed? %>
-                  <%= icon_link_to "check-line", confirm_conference_conference_registration_path(current_conference, registration), t("actions.confirm", scope: "decidim.admin"), class: "action-icon--publish", method: :post %>
-                <% end %>
+            <td class="table-list__actions" data-label="<%= t("models.conference_registration.fields.actions", scope: "decidim.conferences") %>">
+              <% if allowed_to?(:confirm, :conference_registration, conference_registration: registration) && !registration.confirmed? %>
+                <button type="button" data-controller="dropdown" data-target="actions-conference-registration-<%= registration.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: registration.user.name) %>">
+                  <%= icon "more-fill", class: "text-secondary" %>
+                </button>
+
+                <div class="inline-block relative">
+                  <ul id="actions-conference-registration-<%= registration.id %>" class="dropdown dropdown__action" aria-hidden="true">
+                    <li class="dropdown__item">
+                      <%= link_to confirm_conference_conference_registration_path(current_conference, registration), method: :post, class: "dropdown__button" do %>
+                        <%= icon "check-line" %> <%= t("actions.confirm", scope: "decidim.admin") %>
+                      <% end %>
+                    </li>
+                  </ul>
+                </div>
               <% end %>
             </td>
           </tr>

data/app/views/decidim/conferences/admin/conference_speakers/index.html.erb

@@ -25,48 +25,77 @@
     </div>
   </div>
 
-  <div class="table-scroll">
+  <div class="table-stacked">
     <table class="table-list">
       <thead>
         <tr>
           <th><%= t("models.conference_speaker.fields.full_name", scope: "decidim.admin") %></th>
           <th><%= t("models.conference_speaker.fields.position", scope: "decidim.admin") %></th>
           <th><%= t("models.conference_speaker.fields.affiliation", scope: "decidim.admin") %></th>
-
-          <th></th>
+          <th><%= t("models.conference_speaker.fields.actions", scope: "decidim.admin") %></th>
         </tr>
       </thead>
       <tbody>
         <% @conference_speakers.each do |speaker| %>
           <% speaker_presenter = Decidim::Admin::ConferenceSpeakerPresenter.new(speaker) %>
           <tr>
-            <td>
+            <td data-label="<%= t("models.conference_speaker.fields.full_name", scope: "decidim.admin") %>">
               <%= speaker_presenter.name %>
             </td>
-            <td>
+            <td data-label="<%= t("models.conference_speaker.fields.position", scope: "decidim.admin") %>">
               <%= translated_attribute(speaker.position) %>
             </td>
-            <td>
+            <td data-label="<%= t("models.conference_speaker.fields.affiliation", scope: "decidim.admin") %>">
               <%= translated_attribute(speaker.affiliation) %>
             </td>
-            <td class="table-list__actions">
-              <% if allowed_to? :update, :conference_speaker, speaker: speaker %>
-                <%= icon_link_to "pencil-line", edit_conference_speaker_path(current_conference, speaker), t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit" %>
-              <% end %>
+            <td class="table-list__actions" data-label="<%= t("models.conference_speaker.fields.actions", scope: "decidim.admin") %>">
+              <button type="button" data-controller="dropdown" data-target="actions-conference-speaker-<%= speaker.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: speaker_presenter.name) %>">
+                <%= icon "more-fill", class: "text-secondary" %>
+              </button>
+
+              <div class="inline-block relative">
+                <ul id="actions-conference-speaker-<%= speaker.id %>" class="dropdown dropdown__action" aria-hidden="true">
+                  <% if allowed_to? :update, :conference_speaker, speaker: speaker %>
+                    <li class="dropdown__item">
+                      <%= link_to edit_conference_speaker_path(current_conference, speaker), class: "dropdown__button" do %>
+                        <%= icon "pencil-line" %>
+                        <%= t("actions.edit", scope: "decidim.admin") %>
+                      <% end %>
+                    </li>
+
+                    <hr>
+                  <% end %>
+
+                  <% if allowed_to? :update, :conference_speaker, speaker: speaker %>
+                    <% if speaker.published? %>
+                      <li class="dropdown__item">
+                        <%= link_to unpublish_conference_speaker_path(current_conference, speaker.id), method: :put, class: "dropdown__button" do %>
+                          <%= icon "close-circle-line" %>
+                          <%= t("actions.unpublish", scope: "decidim.admin") %>
+                        <% end %>
+                      </li>
+                    <% else %>
+                      <li class="dropdown__item">
+                        <%= link_to publish_conference_speaker_path(current_conference, speaker.id), method: :put, class: "dropdown__button" do %>
+                          <%= icon "check-line" %>
+                          <%= t("actions.publish", scope: "decidim.admin") %>
+                        <% end %>
+                      </li>
+                    <% end %>
 
-              <% if allowed_to? :update, :conference_speaker, speaker: speaker %>
-                <% if speaker.published? %>
-                  <%= icon_link_to "close-circle-line", unpublish_conference_speaker_path(current_conference, speaker.id), t("actions.unpublish", scope: "decidim.admin"), method: :put, class: "action-icon--unpublish" %>
-                <% else %>
-                  <%= icon_link_to "check-line", publish_conference_speaker_path(current_conference, speaker.id), t("actions.publish", scope: "decidim.admin"), method: :put, class: "action-icon--publish" %>
-                <% end %>
-              <% else %>
-                <span class="action-space icon"></span>
-              <% end %>
+                    <hr>
+                  <% end %>
 
-              <% if allowed_to? :destroy, :conference_speaker, speaker: speaker %>
-                <%= icon_link_to "delete-bin-line", conference_speaker_path(current_conference, speaker), t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
-              <% end %>
+                  <% if allowed_to? :destroy, :conference_speaker, speaker: speaker %>
+                    <li class="dropdown__item">
+                      <%= link_to conference_speaker_path(current_conference, speaker), method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") }, class: "dropdown__button" do %>
+                        <%= icon "delete-bin-line" %>
+                        <%= t("actions.destroy", scope: "decidim.admin") %>
+                      <% end %>
+                    </li>
+                  <% end %>
+                </ul>
+              </div>
             </td>
           </tr>
         <% end %>

data/app/views/decidim/conferences/admin/conference_user_roles/index.html.erb

@@ -9,7 +9,7 @@
     </h1>
   </div>
   <%= admin_filter_selector %>
-  <div class="table-scroll">
+  <div class="table-stacked">
     <table class="stack table-list">
       <thead>
         <tr>
@@ -18,43 +18,70 @@
           <th><%= sort_link(query, :last_sign_in_at, t("models.user.fields.last_sign_in_at", scope: "decidim.admin"), default_order: :desc) %></th>
           <th><%= sort_link(query, :invitation_accepted_at, t("models.user.fields.invitation_accepted_at", scope: "decidim.admin"), default_order: :desc) %></th>
           <th><%= sort_link(query, :role, t("models.conference_user_role.fields.role", scope: "decidim.admin"), default_order: :desc) %></th>
-          <th></th>
+          <th><%= t("models.conference_user_role.fields.actions", scope: "decidim.admin") %></th>
         </tr>
       </thead>
       <tbody>
         <% filtered_collection.each do |role| %>
           <tr>
-            <td>
+            <td data-label="<%= t("models.conference_user_role.fields.actions", scope: "decidim.admin") %>">
               <%= role.user.name %><br>
             </td>
-            <td>
+            <td data-label="<%= t("models.conference_user_role.fields.email", scope: "decidim.admin") %>">
               <%= role.user.email %><br>
             </td>
-            <td>
+            <td data-label="<%= t("models.user.fields.last_sign_in_at", scope: "decidim.admin") %>">
               <% if role.user.invitation_sent_at %>
                 <%= l role.user.invitation_sent_at, format: :short %>
               <% end %>
             </td>
-            <td>
+            <td data-label="<%= t("models.user.fields.invitation_accepted_at", scope: "decidim.admin") %>">
               <% if role.user.invitation_accepted_at %>
                 <%= l role.user.invitation_accepted_at, format: :short %>
               <% end %>
             </td>
-            <td>
+            <td data-label="<%= t("models.conference_user_role.fields.role", scope: "decidim.admin") %>">
               <%= t("#{role.role}", scope: "decidim.admin.models.conference_user_role.roles") %><br>
             </td>
-            <td class="table-list__actions">
-              <% if allowed_to?(:invite, :conference_user_role, user_role: role) && role.user.invited_to_sign_up? %>
-                <%= icon_link_to "refresh-line", resend_invitation_conference_user_role_path(current_conference, role), t("actions.resend_invitation", scope: "decidim.admin"), class: "resend-invitation", method: :post %>
-              <% end %>
+            <td class="table-list__actions" data-label="<%= t("models.conference_user_role.fields.actions", scope: "decidim.admin") %>">
+              <button type="button" data-controller="dropdown" data-target="actions-conference-user-role-<%= role.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: role.user.name) %>">
+                <%= icon "more-fill", class: "text-secondary" %>
+              </button>
 
-              <% if allowed_to? :update, :conference_user_role, user_role: role %>
-                <%= icon_link_to "pencil-line", edit_conference_user_role_path(current_conference, role), t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit" %>
-              <% end %>
+              <div class="inline-block relative">
+                <ul id="actions-conference-user-role-<%= role.id %>" class="dropdown dropdown__action" aria-hidden="true">
+                  <% if allowed_to?(:invite, :conference_user_role, user_role: role) && role.user.invited_to_sign_up? %>
+                    <li class="dropdown__item">
+                      <%= link_to resend_invitation_conference_user_role_path(current_conference, role), method: :post, class: "dropdown__button" do %>
+                        <%= icon "refresh-line" %>
+                        <%= t("actions.resend_invitation", scope: "decidim.admin") %>
+                      <% end %>
+                    </li>
 
-              <% if allowed_to? :destroy, :conference_user_role, user_role: role %>
-                <%= icon_link_to "delete-bin-line", conference_user_role_path(current_conference, role), t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
-              <% end %>
+                    <hr>
+                  <% end %>
+
+                  <% if allowed_to? :update, :conference_user_role, user_role: role %>
+                    <li class="dropdown__item">
+                      <%= link_to edit_conference_user_role_path(current_conference, role), class: "dropdown__button" do %>
+                        <%= icon "pencil-line" %>
+                        <%= t("actions.edit", scope: "decidim.admin") %>
+                      <% end %>
+                    </li>
+
+                    <hr>
+                  <% end %>
+
+                  <% if allowed_to? :destroy, :conference_user_role, user_role: role %>
+                    <li class="dropdown__item">
+                      <%= link_to conference_user_role_path(current_conference, role), method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") }, class: "dropdown__button dropdown__button--danger" do %>
+                        <%= icon "delete-bin-line" %>
+                        <%= t("actions.destroy", scope: "decidim.admin") %>
+                      <% end %>
+                    </li>
+                  <% end %>
+                </ul>
+              </div>
             </td>
           </tr>
         <% end %>

data/app/views/decidim/conferences/admin/conferences/_actions.html.erb

@@ -1,35 +1,110 @@
-<% if view == :deleted %>
-  <% if allowed_to? :restore, :conference, trashable_deleted_resource: conference %>
-    <%= icon_link_to "refresh-line", restore_conference_path(conference), t("decidim.admin.actions.restore"), method: :patch, class: "action-icon--restore" %>
-  <% end %>
-<% else %>
-  <% if allowed_to? :read, :share_token, current_participatory_space: conference %>
-    <%= icon_link_to "share-line", decidim_admin_conferences.conference_share_tokens_path(conference), t("actions.share_tokens", scope: "decidim.admin"), class: "action-icon--new" %>
-  <% else %>
-    <span class="action-space icon"></span>
-  <% end %>
-
-  <% if allowed_to? :update, :conference, conference: conference %>
-    <%= icon_link_to "pencil-line", edit_conference_path(conference), t("decidim.admin.actions.configure"), class: "action-icon--new" %>
-  <% end %>
-
-  <% if allowed_to? :create, :conference, conference: conference %>
-    <%= icon_link_to "file-copy-line", new_conference_copy_path(conference), t("decidim.admin.actions.duplicate"), class: "action-icon--copy" %>
-  <% end %>
-
-  <% if allowed_to? :preview, :conference, conference: conference %>
-    <%= icon_link_to "eye-line", decidim_conferences.conference_path(conference), t("decidim.admin.actions.preview"), class: "action-icon--preview", target: "_blank", data: { "external-link": false } %>
-  <% end %>
-
-  <% if allowed_to? :read, :moderation, conference: conference %>
-    <%= icon_link_to "flag-line", moderations_path(conference), t("decidim.admin.actions.moderate"), class: "action-icon--moderate" %>
-  <% end %>
-
-  <% if allowed_to? :soft_delete, :conference, trashable_deleted_resource: conference %>
-    <% if conference.published? %>
-      <%= icon "delete-bin-line", class: "action-icon action-icon--disabled", role: "img", aria_label: t("decidim.admin.actions.soft_delete") %>
+<button type="button" data-controller="dropdown" data-target="actions-conference-<%= conference.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: translated_attribute(conference.title)) %>">
+  <%= icon "more-fill", class: "text-secondary" %>
+</button>
+
+<div class="inline-block relative">
+  <ul id="actions-conference-<%= conference.id %>" class="dropdown dropdown__action" aria-hidden="true">
+    <% if view == :deleted %>
+      <% if allowed_to? :restore, :conference, trashable_deleted_resource: conference %>
+        <li class="dropdown__item">
+          <%= link_to restore_conference_path(conference), class: "dropdown__button", method: :patch do %>
+            <%= icon "refresh-line" %>
+            <%= t("decidim.admin.actions.restore") %>
+          <% end %>
+        </li>
+      <% end %>
     <% else %>
-      <%= icon_link_to "delete-bin-line", soft_delete_conference_path(conference), t("decidim.admin.actions.soft_delete"), method: :patch, class: "action-icon--delete", data: { confirm: t("decidim.admin.actions.confirm_delete_conference") } %>
+      <% if allowed_to? :update, :conference, conference: conference %>
+        <li class="dropdown__item">
+          <%= link_to edit_conference_path(conference), class: "dropdown__button" do %>
+            <%= icon "pencil-line" %>
+            <%= t("decidim.admin.actions.edit") %>
+          <% end %>
+        </li>
+
+        <hr>
+      <% end %>
+
+      <% if allowed_to? :create, :conference, conference: conference %>
+        <li class="dropdown__item">
+          <%= link_to new_conference_duplicate_path(conference), class: "dropdown__button" do %>
+            <%= icon "file-copy-line" %>
+            <%= t("decidim.admin.actions.duplicate") %>
+          <% end %>
+        </li>
+
+        <hr>
+      <% end %>
+
+      <% if allowed_to? :preview, :conference, conference: conference %>
+        <li class="dropdown__item">
+          <%= link_to decidim_conferences.conference_path(conference), class: "dropdown__button", target: "_blank", data: { "external-link": false } do %>
+            <%= icon "eye-line" %>
+            <%= t("decidim.admin.actions.preview") %>
+          <% end %>
+        </li>
+      <% end %>
+
+      <% if allowed_to? :publish, :conference, conference: conference %>
+        <li class="dropdown__item">
+          <% if conference.published? %>
+            <%= link_to conference_publish_path(conference), method: :delete, class: "dropdown__button" do %>
+              <%= icon "close-circle-line" %>
+              <%= t("actions.unpublish", scope: "decidim.admin") %>
+            <% end %>
+          <% else %>
+            <%= link_to conference_publish_path(conference), method: :post, class: "dropdown__button" do %>
+              <%= icon "check-line" %>
+              <%= t("actions.publish", scope: "decidim.admin") %>
+            <% end %>
+          <% end %>
+        </li>
+      <% end %>
+
+      <hr>
+      <% if allowed_to? :read, :share_token, current_participatory_space: conference %>
+        <li class="dropdown__item">
+          <%= link_to decidim_admin_conferences.conference_share_tokens_path(conference), class: "dropdown__button" do %>
+            <%= icon "share-line" %>
+            <%= t("actions.share_tokens", scope: "decidim.admin") %>
+          <% end %>
+        </li>
+
+        <hr>
+      <% end %>
+
+      <% if allowed_to? :read, :moderation, conference: conference %>
+        <li class="dropdown__item">
+          <%= link_to moderations_path(conference), class: "dropdown__button" do %>
+            <%= icon "flag-line" %>
+            <%= t("decidim.admin.actions.moderate") %>
+          <% end %>
+        </li>
+
+        <hr>
+      <% end %>
+
+      <% if allowed_to? :soft_delete, :conference, trashable_deleted_resource: conference %>
+        <% if conference.published? %>
+          <li class="dropdown__item">
+            <div class="dropdown__button-disabled">
+              <%= with_tooltip t("tooltips.deleted_conferences_info", scope: "decidim.admin") do %>
+                <%= icon "delete-bin-line", class: "text-gray" %>
+                <span>
+                  <%= t("decidim.admin.actions.soft_delete") %>
+                </span>
+              <% end %>
+            </div>
+          </li>
+        <% else %>
+          <li class="dropdown__item">
+            <%= link_to soft_delete_conference_path(conference), class: "dropdown__button", method: :patch, data: { confirm: t("decidim.admin.actions.confirm_delete_conference") } do %>
+              <%= icon "delete-bin-line" %>
+              <%= t("decidim.admin.actions.soft_delete") %>
+            <% end %>
+          </li>
+        <% end %>
+      <% end %>
     <% end %>
-  <% end %>
-<% end %>
+  </ul>
+</div>

data/app/views/decidim/conferences/admin/conferences/_conference_row.html.erb

@@ -1,5 +1,5 @@
 <tr>
-  <td>
+  <td data-label="<%= t("models.conference.fields.title", scope: "decidim.admin") %>">
     <% if conference.promoted? %>
       <%= icon_with_tooltip "star-s-fill", t("models.assembly.fields.promoted", scope: "decidim.admin") %>
     <% end %>
@@ -12,17 +12,17 @@
       <%= translated_attribute(conference.title) %>
     <% end %>
   </td>
-  <td>
+  <td data-label="<%= t("models.conference.fields.created_at", scope: "decidim.admin") %>">
     <%= l conference.created_at, format: :short %>
   </td>
-  <td class="table-list__state">
+  <td class="table-list__state" data-label="<%= t("models.conference.fields.published", scope: "decidim.admin") %>">
     <% if conference.published? %>
       <span class="label !text-sm success"><%= t("conferences.index.published", scope: "decidim.admin") %></span>
     <% else %>
       <span class="label !text-sm alert"><%= t("conferences.index.unpublished", scope: "decidim.admin") %></span>
     <% end %>
   </td>
-  <td class="table-list__actions">
+  <td class="table-list__actions" data-label="<%= t("models.conference.fields.actions", scope: "decidim.admin") %>">
     <%= render partial: "decidim/conferences/admin/conferences/actions", locals: { conference:, view: } %>
   </td>
 </tr>

data/app/views/decidim/conferences/admin/conferences/_conferences_thead.html.erb

@@ -2,7 +2,7 @@
 <tr>
   <th><%= t("models.conference.fields.title", scope: "decidim.admin") %></th>
   <th><%= sort_link(query, :created_at, t("models.conference.fields.created_at", scope: "decidim.admin"), default_order: :desc) %></th>
-  <th class="table-list__actions"><%= t("models.conference.fields.published", scope: "decidim.admin") %></th>
-  <th></th>
+  <th><%= t("models.conference.fields.published", scope: "decidim.admin") %></th>
+  <th class="table-list__actions"><%= t("models.conference.fields.actions", scope: "decidim.admin") %></th>
 </tr>
 </thead>