decidim-meetings 0.27.8 → 0.28.0.rc4

data/app/views/decidim/meetings/admin/poll/edit.html.erb

@@ -1,9 +1,29 @@
-<%= decidim_form_for(@form, url: update_url, method: :put, html: { class: "form edit_questionnaire" }) do |form| %>
-  <%= render partial: "decidim/meetings/admin/poll/form", object: form %>
+<% add_decidim_page_title(edit_questionnaire_title) %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= edit_questionnaire_title %>
+    <% if questionnaire.answers.any? %>
+      <div class="button--title">
+        <%= export_dropdown(current_component, questionnaire.id) if allowed_to?(:export_answers, :questionnaire) %>
+      </div>
+    <% else %>
+      <button class="button button__sm button__secondary" disabled><%= t("empty", scope: "decidim.forms.admin.questionnaires.answers") %></button>
+    <% end %>
+  </h2>
+</div>
 
-  <% if questionnaire.questions_editable? %>
-    <div class="button--double form-general-submit">
-      <%= form.submit t("save", scope: "decidim.forms.admin.questionnaires.edit"), class: "button" %>
-    </div>
-  <% end %>
-<% end %>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: update_url, method: :put, html: { class: "form-defaults form edit_questionnaire" }) do |form| %>
+      <%= render partial: "decidim/meetings/admin/poll/form", object: form %>
+
+      <% if questionnaire.questions_editable? %>
+        <div class="item__edit-sticky">
+          <div class="item__edit-sticky-container">
+            <%= form.submit t("save", scope: "decidim.forms.admin.questionnaires.edit"), class: "button button__sm button__secondary" %>
+          </div>
+        </div>
+      <% end %>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/meetings/admin/registrations/_form.html.erb

@@ -1,59 +1,36 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= t(".title") %>
-      <%= link_to t(".invites"), meeting_registrations_invites_path(meeting), class: "button tiny button--title #{'disabled' unless allowed_to? :read_invites, :meeting, meeting: meeting}" %>
-      <% if allowed_to? :export_registrations, :meeting, meeting: meeting %>
-        <span class="exports dropdown tiny button button--simple button--title" data-toggle="export-dropdown"><%= t "actions.export", scope: "decidim.admin" %></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">
-            <% %w{CSV JSON Excel}.each do |format| %>
-              <li class="exports--format--<%= format.downcase %> exports--registrations"><%= link_to t("decidim.admin.exports.export_as", name: t("decidim.#{current_component.manifest.name}.admin.exports.registrations"), export_format: format), export_meeting_registrations_path(meeting_id: meeting, format: format) %></li>
-            <% end %>
-          </ul>
-        </div>
-      <% end %>
-      <%= link_to t(".registration_form"), edit_meeting_registrations_form_path(meeting_id: meeting.id), class: "button tiny button--title" %>
-    </h2>
-  </div>
-
-  <div class="card-section">
-    <div class="callout alert">
-      <%= t(".recommendation_message") %>
-    </div>
-
-    <div class="row column">
-      <%= form.check_box :registrations_enabled %>
-    </div>
-
-    <div class="row column">
-      <%= form.check_box :registration_form_enabled %>
-    </div>
-
-    <div class="row column">
-      <p><%= t(".registrations_count", count: meeting.registrations.count) %></p>
-      <%= form.number_field :available_slots %>
-      <p class="help-text"><%= t(".available_slots_help") %></p>
-    </div>
-
-    <div class="row column">
-      <%= form.number_field :reserved_slots %>
-      <p class="help-text"><%= t(".reserved_slots_help") %></p>
-    </div>
-
-    <div class="row column">
-      <%= form.check_box :customize_registration_email, :"data-toggle" => "customize_registration_email-div" %>
-    </div>
-
-    <div id="customize_registration_email-div" data-toggler=".hide" class="row column <%= @form.customize_registration_email? ? nil : "hide" %>">
-      <%= form.translated :editor, :registration_email_custom_content, lines: 10 %>
-      <p class="help-text"><%= t(".registration_email_help") %></p>
-    </div>
-
-    <div class="row column">
-      <%= form.translated :editor, :registration_terms, toolbar: :content %>
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div class="card-section">
+      <div class="row column">
+        <%= form.check_box :registrations_enabled %>
+      </div>
+
+      <div class="row column">
+        <%= form.check_box :registration_form_enabled %>
+      </div>
+
+      <div class="row column">
+        <p><%= t(".registrations_count", count: meeting.registrations.count) %></p>
+        <%= form.number_field :available_slots, help_text: t(".available_slots_help") %>
+      </div>
+
+      <div class="row column">
+        <%= form.number_field :reserved_slots, help_text: t(".reserved_slots_help") %>
+      </div>
+
+      <div class="row column">
+        <%= form.check_box :customize_registration_email %>
+      </div>
+
+      <div id="customize_registration_email-div" class="row column hidden">
+        <%= form.translated :editor, :registration_email_custom_content, lines: 10, help_text: t(".registration_email_help") %>
+      </div>
+
+      <div class="row column">
+        <%= form.translated :editor, :registration_terms, toolbar: :content, aria: { label: :registration_terms } %>
+      </div>
     </div>
   </div>
 </div>
 
-<%= javascript_pack_tag "decidim_meetings_admin" %>
+<%= append_javascript_pack_tag "decidim_meetings_admin" %>

data/app/views/decidim/meetings/admin/registrations/edit.html.erb

@@ -1,33 +1,66 @@
-<% if meeting.component.settings.registration_code_enabled %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title">
-        <%= t(".validate_registration_code") %>
-      </h2>
+<% add_decidim_page_title(t("title", scope: "decidim.meetings.admin.registrations.form")) %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t("title", scope: "decidim.meetings.admin.registrations.form") %>
+    <div class="flex items-center gap-x-4 ml-auto">
+      <%= link_to t("invites", scope: "decidim.meetings.admin.registrations.form"), meeting_registrations_invites_path(meeting), class: "button button__sm button__secondary #{"disabled" unless allowed_to? :read_invites, :meeting, meeting: meeting}" %>
+      <% if allowed_to? :export_registrations, :meeting, meeting: meeting %>
+            <span class="exports tiny button button__sm button__secondary button--simple 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">
+            <% %w(CSV JSON Excel).each do |format| %>
+              <li class="exports--format--<%= format.downcase %> exports--registrations"><%= link_to t("decidim.admin.exports.export_as", name: t("decidim.#{current_component.manifest.name}.admin.exports.registrations"), export_format: format), export_meeting_registrations_path(meeting_id: meeting, format:) %></li>
+            <% end %>
+          </ul>
+        </div>
+      <% end %>
+      <%= link_to t("registration_form" , scope: "decidim.meetings.admin.registrations.form"), edit_meeting_registrations_form_path(meeting_id: meeting.id), class: "button button__sm button__secondary" %>
     </div>
-    <div class="card-section">
-      <%= decidim_form_for(@validation_form, url: validate_registration_code_meeting_registrations_path, html: { class: "form validate_meeting_registration_code" })  do |f| %>
-
-        <div class="grid-x grid-margin-x">
-          <div class="auto cell">
-            <%= f.text_field :code %>
-          </div>
+  </h2>
+</div>
 
-          <div class="shrink cell">
-            <div class="text-center mt-sm">
-              <%= f.submit t(".validate") %>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <% if meeting.component.settings.registration_code_enabled %>
+      <div class="card mb-4">
+        <div class="card-divider">
+          <h2 class="card-title">
+            <%= t(".validate_registration_code") %>
+          </h2>
+        </div>
+        <div class="card-section">
+          <%= decidim_form_for(@validation_form, url: validate_registration_code_meeting_registrations_path, html: { class: "form form-defaults validate_meeting_registration_code" })  do |f| %>
+            <div class="form__wrapper">
+              <div class="card-section">
+                <div class="row column">
+                  <div>
+                    <%= f.label :code %>
+                  </div>
+                  <%= f.text_field :code, label: false %>
+                </div>
+                <div class="row column">
+                  <%= f.submit t(".validate"), class: "button button__sm button__secondary" %>
+                </div>
+              </div>
             </div>
-          </div>
+          <% end %>
         </div>
-      <% end %>
-    </div>
-  </div>
-<% end %>
+      </div>
+    <% end %>
 
-<%= decidim_form_for(@form, url: meeting_registrations_path, html: { class: "form edit_meeting_registrations" })  do |f| %>
-  <%= render partial: "form", object: f %>
+    <%= cell("decidim/announcement", t("recommendation_message", scope: "decidim.meetings.admin.registrations.form"), callout_class: "warning" ) %>
 
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
+    <%= decidim_form_for(@form, url: meeting_registrations_path, html: { class: "form-defaults form edit_meeting_registrations mt-4" })  do |f| %>
+      <%= render partial: "form", object: f %>
+
+      <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>
-<% end %>
+</div>

data/app/views/decidim/meetings/directory/meetings/index.html.erb

@@ -1,20 +1,15 @@
-<% add_decidim_page_title(t(".meetings")) %>
-
-<div class="wrapper">
-  <div class="row">
-    <h1 class="section-heading" id="meetings-count">
-      <%= render partial: "decidim/meetings/meetings/count" %>
-    </h1>
-
-    <%= cell "decidim/meetings/meetings_map", search.result %>
-
-    <div class="columns mediumlarge-4 large-3">
-      <div class="card card--secondary show-for-mediumlarge">
-          <%= render partial: "filters" %>
-      </div>
-    </div>
-    <div id="meetings" class="columns mediumlarge-8 large-9">
-      <%= render partial: "meetings" %>
-    </div>
-  </div>
-</div>
+<%= render partial: "decidim/meetings/shared/index", locals: {
+      display_map: Decidim::Map.available?(:geocoding, :dynamic),
+      display_announcement: false,
+      component: nil,
+      search_variable: :title_or_description_cont,
+      filter_options: {
+        date: !@forced_past_meetings,
+        type: true,
+        directory_scopes: true,
+        directory_categories: true,
+        origin: true,
+        space_type: true,
+        activity: current_user.present?
+      }
+    } %>

data/app/views/decidim/meetings/directory/meetings/index.js.erb

@@ -1,23 +1 @@
-var $meetings = $('#meetings');
-var $meetingsCount = $('#meetings-count');
-
-// make sure that calendar modal will use the updated filter values
-var $calendarShare = $('#calendarShare');
-$calendarShare.remove();
-
-$meetings.html('<%= j(render partial: "meetings").strip.html_safe %>');
-$meetingsCount.html('<%= j(render partial: "decidim/meetings/meetings/count").strip.html_safe %>');
-
-var $dropdownMenu = $('.dropdown.menu', $meetings);
-$dropdownMenu.foundation();
-
-$("#calendarShare").foundation(); // initialize export calendar on the page
-
-var markerData = JSON.parse('<%= escape_javascript meetings_data_for_map(search.result).to_json.html_safe %>');
-
-var $map = $("#map");
-var controller = $map.data("map-controller");
-if (controller) {
-  controller.clearMarkers();
-  controller.addMarkers(markerData);
-}
+<%= render partial: "decidim/meetings/shared/index", locals: { component: nil } %>

data/app/views/decidim/meetings/layouts/_aside_block.html.erb

@@ -0,0 +1,8 @@
+<div class="meeting__aside-block">
+  <div class="meeting__aside-block__item">
+    <%= icon emoji || "question-line", class: "text-gray fill-current" %>
+    <div>
+      <%= yield %>
+    </div>
+  </div>
+</div>

data/app/views/decidim/meetings/layouts/live_event.html.erb

@@ -3,43 +3,42 @@
   <head>
     <title><%= decidim_page_title %></title>
     <%= render partial: "layouts/decidim/head" %>
+
+    <%= append_javascript_pack_tag "decidim_meetings" %>
+    <%= append_javascript_pack_tag "decidim_forms" %>
+    <%= stylesheet_pack_tag "decidim_meetings", media: "all" %>
+    <%= stylesheet_pack_tag "decidim_forms", media: "all" %>
   </head>
 
-  <body>
+  <body class="meeting-polls__body">
     <%= render partial: "layouts/decidim/timeout_modal" %>
-    <%= render partial: "layouts/decidim/data_consent_warning" %>
-    <%= cell("decidim/data_consent", current_organization) %>
 
     <header class="meeting-polls__header">
       <% if current_user && poll %>
-        <div class="flex--cc">
-          <button class="meeting-polls__button meeting-polls__action-list">
-            <%= t(".questions") %> <span id="visible-questions-count">(<%= questionnaire.questions.visible.count %>)</span>
+        <div class="flex gap-2">
+          <button class="button button__sm button__secondary meeting-polls__action-list">
+            <%= t("questions", scope: "decidim.meetings.layouts.live_event") %> <span id="visible-questions-count">(<%= questionnaire.questions.visible.count %>)</span>
           </button>
 
           <% if admin_allowed_to?(:update, :poll, meeting: meeting, poll: poll) %>
-            <button class="meeting-polls__button meeting-polls__action-administrate"><%= t(".administrate") %></button>
+            <button class="button button__sm button__secondary meeting-polls__action-administrate"><%= t("administrate", scope: "decidim.meetings.layouts.live_event") %></button>
           <% end %>
         </div>
       <% end %>
 
       <div>
-        <strong class="text-secondary"><%= current_organization.name %></strong> / <strong><%= present(meeting).title(links: true, html_escape: true) %></strong>
+        <strong class="text-secondary"><%= current_organization.name %></strong> / <strong><%= present(meeting).title(links: true, html_escape: true ) %></strong>
       </div>
 
-      <div class="flex--cc">
+      <div class="flex gap-10">
         <% if current_user %>
-          <span>
-            <%= link_to current_user.name, decidim.account_path, target: "_blank", "aria-label": t("layouts.decidim.user_menu.account", name: current_user.name) %>
-          </span>
+          <%= link_to current_user.name, decidim.account_path, target: "_blank", class: "button button__sm button__text-secondary", data: { "external-link": false }, "aria-label": t("layouts.decidim.user_menu.account", name: current_user.name) %>
         <% end %>
 
-        <span class="meeting-polls__close">
-          <%= link_to meeting_path(meeting), "aria-label": t(".close") do %>
-            <%= t(".close") %>
-            <%= icon "x", class: "text-small" %>
-          <% end %>
-        </span>
+        <%= link_to meeting_path(meeting), class: "button button__sm button__text-secondary", "aria-label": t("close", scope: "decidim.meetings.layouts.live_event") do %>
+          <span><%= t("close", scope: "decidim.meetings.layouts.live_event") %></span>
+          <%= icon "close-line" %>
+        <% end %>
       </div>
     </header>
 
@@ -49,7 +48,9 @@
       <%= yield %>
     </main>
 
+    <%= render partial: "layouts/decidim/data_consent_warning" %>
+    <%= cell("decidim/data_consent", current_organization) %>
     <%= render partial: "layouts/decidim/decidim_javascript" %>
-    <%= javascript_pack_tag "decidim_meetings" %>
+
   </body>
 </html>

data/app/views/decidim/meetings/live_events/show.html.erb

@@ -1,12 +1,11 @@
 <% provide(:title, present(meeting).title) %>
 
 <% add_decidim_meta_tags({
-  title: present(meeting).title,
-  description: present(meeting).description,
-  url: meeting_url(meeting.id)
-}) %>
+                           title: present(meeting).title,
+                           description: present(meeting).description,
+                           url: meeting_url(meeting.id)
+                         }) %>
 
-<aside class="meeting-polls__aside"></aside>
 <div class="meeting-polls__iframe">
   <%== live_meeting_embed_code %>
 </div>

data/app/views/decidim/meetings/meeting_closes/_form.html.erb

@@ -1,14 +1,7 @@
-<div class="field hashtags__container">
-  <%= text_editor_for(form, :closing_report, hashtaggable: true) %>
-</div>
+<%= text_editor_for(form, :closing_report, hashtaggable: true) %>
 
-<div class="field hashtags__container">
-  <%= form.number_field :attendees_count, min: 0 %>
-  <div class="help-text help-text-form-required-fields"><%= t("decidim.forms.meetings.attendees_count_help_text") %></div>
-</div>
+<%= form.number_field :attendees_count, min: 0, help_text: t("decidim.forms.meetings.attendees_count_help_text") %>
 
 <% if Decidim::Meetings.enable_proposal_linking %>
-  <div class="field hashtags__container">
-    <%= proposals_picker(form, :proposals, proposals_picker_meeting_meeting_closes_path(meeting)) %>
-  </div>
+  <%= render partial: "decidim/proposals/proposals/proposals_picker", locals: { form:, field: :proposals } %>
 <% end %>

data/app/views/decidim/meetings/meeting_closes/edit.html.erb

@@ -1,25 +1,21 @@
-<div class="row">
-  <div class="columns large-3">
-    <%= link_to :back do %>
-      <%= icon "chevron-left", class: "icon--small", role: "img", "aria-hidden": true %>
-      <%= t(".back") %>
-    <% end %>
+<%= render layout: "layouts/decidim/shared/layout_center" do %>
+  <div class="text-center py-10">
+    <h1 class="title-decorator inline-block text-left">
+      <%= t("title", scope: "decidim.meetings.meeting_closes.edit") %>
+    </h1>
   </div>
 
-  <div class="columns large-6">
-    <h2 class="section-heading"><%= t(".title") %></h2>
-    <div class="card">
-      <div class="card__content">
-        <%= decidim_form_for(@form, url: meeting_meeting_close_path(meeting, @form), html: { class: "form edit_close_meeting" }) do |f| %>
-          <%= render partial: "form", object: f, locals: { title: t(".title") } %>
-
-          <div class="button--double form-general-submit">
-            <%= f.submit t(".close") %>
-          </div>
-        <% end %>
-      </div>
+  <%= decidim_form_for(@form, url: meeting_meeting_close_path(meeting, @form), html: { class: "form edit_close_meeting" }) do |f| %>
+    <div class="form__wrapper">
+      <%= render partial: "form", object: f %>
     </div>
-  </div>
 
-  <div class="columns large-3"></div>
-</div>
+    <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
+      <%= link_to :back, class: "button button__sm md:button__lg button__text-secondary" do %>
+        <%= icon "arrow-left-line" %>
+        <%= t("back", scope: "decidim.meetings.meeting_closes.edit") %>
+      <% end %>
+      <%= f.submit t("close", scope: "decidim.meetings.meeting_closes.edit"), class: "button button__sm md:button__lg button__secondary" %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/decidim/meetings/meetings/_actions.html.erb

@@ -0,0 +1,6 @@
+<div>
+  <%= cell "decidim/comments_button", nil %>
+</div>
+<div class="ml-auto">
+  <%= cell "decidim/tags", meeting %>
+</div>

data/app/views/decidim/meetings/meetings/_add_to_calendar_modal.html.erb

@@ -0,0 +1,17 @@
+<%= decidim_modal id: "calendarShare_#{id}", class: "calendar-modal" do %>
+  <div data-dialog-container>
+    <%= icon "calendar-check-line" %>
+    <h2 id="dialog-title-calendarShare" data-dialog-title><%= t("add_to_calendar", scope: "decidim.meetings.meetings.calendar_modal") %></h2>
+    <ul class="space-y-4 mt-4">
+      <li>
+        <%= link_to t("outlook", scope: "decidim.meetings.meetings.calendar_modal"), ics_url, class: "text-secondary underline" %>
+      </li>
+      <li>
+        <%= link_to t("apple", scope: "decidim.meetings.meetings.calendar_modal"), ics_url, class: "text-secondary underline" %>
+      </li>
+      <li>
+        <%= link_to t("google", scope: "decidim.meetings.meetings.calendar_modal"), google_url, target: "_blank", class: "text-secondary underline", data: { "external-link": false } %>
+      </li>
+    </ul>
+  </div>
+<% end %>

data/app/views/decidim/meetings/meetings/_form.html.erb

@@ -14,39 +14,35 @@
 </div>
 
 <div class="field" data-meeting-type="in_person">
-  <%= form.geocoding_field :address, input_html: { required: false } %>
-  <p class="help-text"><%= t(".address_help") %></p>
+  <%= form.geocoding_field :address, input_html: { required: false }, help_text: t(".address_help") %>
 </div>
 
 <div class="field" data-meeting-type="in_person">
-  <%= form.text_area :location %>
-  <p class="help-text"><%= t(".location_help") %></p>
+  <%= form.text_area :location, help_text: t(".location_help") %>
 </div>
 
 <div class="field">
-  <%= form.text_area :location_hints %>
-  <p class="help-text"><%= t(".location_hints_help") %></p>
+  <%= form.text_area :location_hints, help_text: t(".location_hints_help") %>
 </div>
 
 <div class="field" data-meeting-type="online">
-  <%= form.text_field :online_meeting_url %>
-  <p class="help-text"><%= t(".online_meeting_url_help") %></p>
+  <%= form.text_field :online_meeting_url, help_text: t(".online_meeting_url_help") %>
 </div>
 
-<div class="iframe-fields">
-  <div class="field" data-meeting-type="online">
-    <%= form.select :iframe_embed_type,
-      @form.iframe_embed_type_select,
-      { multiple: false } %>
-    <p class="help-text"><%= t(".show_embedded_iframe_help", domains: Decidim::Meetings.embeddable_services&.join(" ")) %></p>
-  </div>
-
-  <div class="field iframe-fields--access-level" id="meeting_iframe_embed_type" data-meeting-type="online-access-level">
-    <%= form.select :iframe_access_level,
-      @form.iframe_access_level_select,
-      { include_blank: t(".select_an_iframe_access_level") },
-      { multiple: false } %>
-  </div>
+<div class="field" data-meeting-type="online">
+  <%= form.select :iframe_embed_type,
+                  @form.iframe_embed_type_select,
+                  {
+                    multiple: false,
+                    help_text: t(".iframe_embed_type_html", domains: Decidim::Meetings.embeddable_services&.join(" "))
+                  } %>
+</div>
+
+<div class="field iframe-fields--access-level" id="meeting_iframe_embed_type" data-meeting-type="online-access-level">
+  <%= form.select :iframe_access_level,
+                  @form.iframe_access_level_select,
+                  { include_blank: t(".select_an_iframe_access_level") },
+                  { multiple: false } %>
 </div>
 
 <div class="field">
@@ -59,7 +55,7 @@
 
 <% if current_participatory_space.has_subscopes? %>
   <div class="field">
-    <%= scopes_picker_field form, :decidim_scope_id %>
+    <%= scopes_select_field form, :decidim_scope_id %>
   </div>
 <% end %>
 
@@ -69,14 +65,13 @@
 
 <div class="row column">
   <%= form.select :registration_type,
-    @form.registration_type_select,
-    { include_blank: t(".select_a_registration_type") },
-    { multiple: false } %>
+                  @form.registration_type_select,
+                  { include_blank: t(".select_a_registration_type") },
+                  { multiple: false } %>
 </div>
 
 <div class="row column" id="meeting_available_slots">
-  <%= form.number_field :available_slots %>
-  <p class="help-text"><%= t(".available_slots_help") %></p>
+  <%= form.number_field :available_slots, help_text: t(".available_slots_help") %>
 </div>
 
 <div class="field" id="meeting_registration_terms">
@@ -84,20 +79,17 @@
 </div>
 
 <div class="field" id="meeting_registration_url">
-  <%= form.text_field :registration_url %>
-  <p class="help-text"><%= t(".registration_url_help") %></p>
+  <%= form.text_field :registration_url, help_text: t(".registration_url_help") %>
   <label><%= t(".disclaimer", organization: current_component.organization.name) %></label><br>
 </div>
 
 <div class="field">
   <%= form.select(
     :user_group_id,
-    Decidim::UserGroups::ManageableUserGroups.for(current_user).verified.map{|g| [g.name, g.id]},
+    Decidim::UserGroups::ManageableUserGroups.for(current_user).verified.map { |g| [g.name, g.id] },
     prompt: current_user.name,
     label: t(".create_as")
   ) %>
 </div>
 
-<% content_for :js_content do %>
-  <%= javascript_pack_tag "decidim_meetings" %>
-<% end %>
+<%= append_javascript_pack_tag "decidim_meetings" %>

data/app/views/decidim/meetings/meetings/_linked_meetings.html.erb

@@ -1,22 +1,3 @@
-<div class="row small-up-1 medium-up-2 card-grid">
-  <% resources.each do |meeting| %>
-    <div class="column">
-      <div class="card card--meeting">
-        <div class="card__content">
-          <%= link_to resource_locator(meeting).path, class: "card__link" do %>
-            <h5 class="card__title"><%= present(meeting).title(html_escape: true) %></h5>
-          <% end %>
-          <div class="card__datetime">
-            <div class="card__datetime__date">
-              <%= l meeting.start_time, format: "%d" %> <span class="card__datetime__month"><%= l meeting.start_time, format: "%B %Y" %></span>
-            </div>
-            <div class="card__datetime__time">
-              <%= meeting.start_time.strftime("%H:%M") %> - <%= meeting.end_time.strftime("%H:%M") %>
-            </div>
-          </div>
-          <%= decidim_sanitize_editor present(meeting).description(strip_tags: true) %>
-        </div>
-      </div>
-    </div>
-  <% end %>
-</div>
+<% resources.each do |meeting| %>
+  <%= cell "decidim/meetings/meeting_l", meeting, url_extra_params: { included_in: resource.to_gid } %>
+<% end %>