decidim-posts 1.0.0

data/app/views/decidim/posts/posts/_admin_options.html.erb

@@ -0,0 +1,30 @@
+<% if participatory_space.admins.exists?(id: current_user.id) %>
+  <div class="bg-feeds-bg p-2 rounded-md flex flex-col">
+      <div class="toggle__switch-trigger p-2">
+        <%= form.label :highlighted, '', class: 'toggle__switch-toggle' do %>
+          <span>
+            <%= form.check_box :highlighted, label: false %>
+            <span class="toggle__switch-toggle-content"></span>
+            <%= icon "check-line", class: "toggle__switch-toggle-icon" %>
+            <%= icon "close-line", class: "toggle__switch-toggle-icon" %>
+          </span>
+          <span class="toggle__switch-trigger-text pl-2 font-bold">
+            <%= t("decidim.components.posts.newFeed.highlighted") %>
+          </span>
+        <% end %>
+      </div>
+      <div class="toggle__switch-trigger p-2">
+        <%= form.label :fixed, '', class: 'toggle__switch-toggle' do %>
+          <span>
+            <%= form.check_box :fixed, label: false %>
+            <span class="toggle__switch-toggle-content"></span>
+            <%= icon "check-line", class: "toggle__switch-toggle-icon" %>
+            <%= icon "close-line", class: "toggle__switch-toggle-icon" %>
+          </span>
+          <span class="toggle__switch-trigger-text pl-2 font-bold">
+            <%= t("decidim.components.posts.newFeed.fixed") %>
+          </span>
+        <% end %>
+      </div>
+  </div>
+<% end %>

data/app/views/decidim/posts/posts/_attachment.html.erb

@@ -0,0 +1,24 @@
+<div class="posts__post_newElement_Media">
+  <%= form.upload :documents,
+                  titled: true,
+                  label: false,
+                  button_label: t("decidim.forms.upload.labels.add_file"),
+                  button_edit_label: I18n.t("decidim.forms.upload.labels.replace"),
+                  multiple: true,
+                  # modal_only: false,
+                  # show_current: true,
+                  #label: false,
+                  # id: field_id,
+                  # disabled:,
+                  # attribute:,
+                  # resource_name: @object_name,
+                  # resource_class: options[:resource_class]&.to_s || resource_class(attribute),
+                  # show_current: true,
+                  # max_file_size:,
+                  # help: help_messages,
+                  # label: label_for(attribute),
+                  # button_label:,
+                  # button_edit_label: I18n.t("decidim.forms.upload.labels.replace"),
+                  button_class: "button button__sm button__transparent-primary w-full",
+                  required: false %>
+</div>

data/app/views/decidim/posts/posts/_edit_form.html.erb

@@ -0,0 +1,16 @@
+<%= decidim_form_for(@form, url: Decidim::EngineRouter.main_proxy(@post.component).post_path(@post), method: :patch, html: { class: "posts_form new_post" }) do |form| %>
+  <div class="form__wrapper p-0">
+    <%#= render partial: "decidim/posts/posts/post_form", locals: { form: form } %>
+    <%= form.hidden_field :category, id: "post_edit_category" %>
+    <%= form.label :body do %>
+      <span><%= t("decidim.components.posts.newFeed.text") %></span>
+      <%= form.text_area :body, rows: 4, 'aria-required': true, label: false %>
+    <% end %>
+  </div>
+  <%= render partial: "decidim/posts/posts/attachment.html", locals: { form: form } %>
+  <%= render partial: "decidim/posts/posts/admin_options.html", locals: { form: form, participatory_space: @post.component.participatory_space } %>
+  <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
+    <%= link_to t("decidim.components.posts.newFeed.cancel"), '/', class: "button button__sm button__transparent-secondary" %>
+    <%= form.submit "#{t("decidim.components.posts.newFeed.action")} #{icon('send-plane-line')}".html_safe, data: { disable: true }, class: "sndBtn button button__sm button__transparent-primary" %>
+  </div>
+<% end %>

data/app/views/decidim/posts/posts/_feed.html.erb

@@ -0,0 +1,8 @@
+<% objects.each do |post| %>
+  <%= render partial: "post", locals: { post: post } %>
+<% end %>
+
+<% if objects.respond_to?(:next_page) && @non_fixed_objects.next_page %>
+  <div id="page_<%= @non_fixed_objects.next_page %>"></div>
+  <%= link_to t("decidim.posts.posts.load_more"), "#page_#{@non_fixed_objects.next_page}", id: "loadMoreBtn", class: "card__grid posts__post posts__post_newElement flex-row justify-between", data: { page: @non_fixed_objects.next_page, url: load_more_posts_path(request.query_parameters.merge(page: @non_fixed_objects.next_page)) } %>
+<% end %>

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

@@ -0,0 +1,104 @@
+<% if(posts_component = ((defined?(current_component) && current_component.manifest_name == "posts") ? current_component : Decidim::Component.where(manifest_name: "posts").select {|c| c.organization == current_organization }.first)) %>
+  <% activefilter = if current_user.admin? && params[:filter_post_category].blank?
+    'host'
+  else
+    params[:filter_post_category]
+  end %>
+  <div id="posts__post_newElement" class="posts__post_newElement_modal" role="dialog" aria-modal="true" aria-label="<%= t("decidim.components.posts.newFeed.title") %>" data-active-feed="" data-active-filter="<%= activefilter %>">
+    <div class="posts__post_newElement_modal_frame">
+      <div class="posts__post_newElement_modal_content">
+        <div class="close-button flex justify-end pb-2">
+          <button class="btn circle posts__post_newElement-closer" type="button">
+            <%= icon "close-circle-line" %>
+            <span class="sr-only"><%= t("decidim.components.posts.newFeed.close") %></span>
+          </button>
+        </div>
+        <% if current_user %>
+          <div class="category-selection">
+            <% filters = [
+              { filter: 'post', icon: 'home-5-line' },
+              { filter: 'sharecare', icon: 'shake-hands-line' },
+              { filter: 'host', icon: 'home-gear-line' },
+              { filter: 'survey', icon: 'draft-line' },
+              { filter: 'calendar', icon: 'calendar-line' }
+            ] %>
+            <% filters.each do |filter| %>
+              <button type="button" class="button button__sm button__transparent-primary" data-category="<%= filter[:filter] %>" aria-pressed="false"><%= t("decidim.components.posts.filter.#{filter[:filter]}_singular") %></button>
+            <% end %>
+          </div>
+
+          <% target_participatory_space = posts_component.participatory_space %>
+          <%
+            context = {
+              current_organization: @controller.try(:current_organization),
+              current_component: @controller.try(:current_component),
+              current_user: @controller.try(:current_user),
+              current_participatory_space: @controller.try(:current_participatory_space)
+            }
+          %>
+          <div id="posts__post_newElement_Form-LiveRegion" class="sr-only" aria-live="polite"></div>
+          <div id="posts__post_newElement_Meeting" aria-live="polite">
+            <%= decidim_form_for(Decidim::Meetings::MeetingForm.from_params(params).with_context(context), url: Decidim::EngineRouter.main_proxy(posts_component).meetings_path, html: { class: "meetings_form new_meeting" }) do |form| %>
+              <div class="form__wrapper p-0 gap-4">
+                <%= render partial: "decidim/posts/posts/meeting_form", locals: { form: form } %>
+              </div>
+              <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
+                <%= form.submit "#{t("decidim.components.posts.newFeed.action")} #{icon('send-plane-line')}".html_safe, class: "sndBtn button button__sm button__transparent-primary", data: { disable: true } %>
+              </div>
+            <% end %>
+          </div>
+
+          <div id="posts__post_newElement_Post" aria-live="polite">
+            <%= decidim_form_for(Decidim::Posts::PostForm.from_params(params).with_context(context), url: Decidim::EngineRouter.main_proxy(posts_component).posts_path, html: { class: "posts_form new_post" }) do |form| %>
+              <div class="form__wrapper p-0">
+                <%= render partial: "decidim/posts/posts/post_form", locals: { form: form } %>
+              </div>
+              <div id="extraFieldsForSurvey" class="posts__post_newElement_Xtra posts__post_newSurvey" aria-live="polite">
+                <%= render partial: 'decidim/posts/posts/new_survey.html', locals: { form: form } %>
+              </div>
+              <%= render partial: "decidim/posts/posts/attachment.html", locals: { form: form } %>
+              <%= render partial: "decidim/posts/posts/admin_options.html", locals: { form: form, participatory_space: target_participatory_space } %>
+              <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
+                <%= form.submit "#{t("decidim.components.posts.newFeed.action")} #{icon('send-plane-line')}".html_safe, data: { disable: true }, class: "sndBtn button button__sm button__transparent-primary" %>
+              </div>
+            <% end %>
+          </div>
+        <% else %>
+          <div class="form__wrapper p-0">
+            <div class="flex flex-col items-center">
+              <p class="text-center">
+                <%= t("decidim.components.posts.newFeed.login") %>
+              </p>
+              <%= link_to t("decidim.components.posts.newFeed.loginLink"), decidim.new_user_session_path, class: "button button__sm button__primary" %>
+            </div>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+<% end %>
+
+<script>
+  window.translations = {
+    newSurvey: {
+      questionTitle       : "<%= t('decidim.components.posts.newFeed.newSurvey.questionTitle') %>",
+      answerType          : "<%= t('decidim.components.posts.newFeed.newSurvey.answerType') %>",
+      multipleChoice      : "<%= t('decidim.components.posts.newFeed.newSurvey.multipleChoice') %>",
+      singleChoice        : "<%= t('decidim.components.posts.newFeed.newSurvey.singleChoice') %>",
+      newAnswer           : "<%= t('decidim.components.posts.newFeed.newSurvey.newAnswer') %>",
+      newQuestionResponse : "<%= t('decidim.components.posts.newFeed.newSurvey.newQuestionResponse') %>",
+      newAnswerResponse   : "<%= t('decidim.components.posts.newFeed.newSurvey.newAnswerResponse') %>",
+    },
+    newFeedLiveRegion: {
+      calendar      : "<%= t('decidim.components.posts.newFeed.aria-live.calendar') %>",
+      post          : "<%= t('decidim.components.posts.newFeed.aria-live.post') %>",
+      survey        : "<%= t('decidim.components.posts.newFeed.aria-live.survey') %>",
+      sharecare     : "<%= t('decidim.components.posts.newFeed.aria-live.sharecare') %>",
+      host          : "<%= t('decidim.components.posts.newFeed.aria-live.host') %>",
+    },
+    dialog: {
+      dialogBodyMsg       : '<%= t('decidim.posts.posts.host.status.dialogBodyMsg') %>',
+      dialogBodyResponse  : '<%= t('decidim.posts.posts.host.status.dialogBodyResponse') %>',
+    }
+  };
+</script>

data/app/views/decidim/posts/posts/_index.html.erb

@@ -0,0 +1,49 @@
+<main class="feeds__main home">
+  <!-- This is the sidebar that appears on the right side of the page -->
+  <%= render partial: "decidim/posts/posts/sidebar" %>
+  <div class="feeds__container">
+    <div class="feeds__body">
+      <div class="card__grid-home w-full lg:grid-cols-8 xl:grid-cols-12 gap-6">
+        <% if current_user %>
+          <div class="card__grid posts__post posts__post_newElement flex-row justify-between">
+            <button class="btn circle posts__post_newElement-opener" aria-expanded="false" aria-controls="posts__post_newElement" aria-haspopup="posts__post_newElement" type="button">
+              <%= icon "close-circle-line" %>
+              <span class="sr-only"><%= t("decidim.components.posts.newFeed.openButton") %></span>
+            </button>
+          </div>
+        <% end %>
+        <%= cell("decidim/posts/reaction_menu", @post).(:styles) %>
+        <%= render partial: "decidim/posts/posts/feed", locals: { objects: @fixed_posts } %>
+        <%= render partial: "decidim/posts/posts/feed", locals: { objects: @non_fixed_objects } %>
+
+      </div>
+    </div>
+    
+
+    <dialog id="confirmationModal" class="p-4 shadow-md rounded-md ring-1 ring-feeds-host" aria-labelledby="confirmationModal__Label">
+      <div class="flex flex-col gap-4">
+        <h2 id="confirmationModal__Label" class="text-center text-lg font-bold"><%=t('decidim.posts.posts.host.status.dialogTitle')%></h2>
+        <p class="confirmationModal__response" aria-live="assertive">
+          <%=t('decidim.posts.posts.host.status.dialogBodyMsg')%>
+          <br>
+          <%=t('decidim.posts.posts.host.status.dialogBodyMsgComments')%>
+        </p>
+        <div class="confirmationModal__buttons flex p-4 gap-4 justify-center">
+          <button id="confirmationModal__confirmButton" class="button button__sm button__transparent-primary">
+            <%= t('decidim.posts.posts.host.status.confirm') %>
+            <%= icon('check-line') %>
+          </button>
+          <button id="confirmationModal__cancelButton" class="button button__sm button__transparent-primary">
+            <%= t('decidim.posts.posts.host.status.cancel') %>
+            <%= icon('close-line') %>
+          </button>
+        </div>
+      </div>
+    </dialog>
+    <!-- In case the Module Decidim FeedsUi is present, the form will be installed in the footer of the application -->
+    <% unless defined?(Decidim::FeedsUi) %>
+      <%= render partial: "decidim/posts/posts/form.html" %>
+      <%= append_javascript_pack_tag "decidim_feeds" %>
+    <% end %>
+  </div>
+</main>

data/app/views/decidim/posts/posts/_meeting_form.erb

@@ -0,0 +1,18 @@
+<% if respond_to?(:text_editor_for) %>
+  <%= form.hidden_field :type_of_meeting, value: 'in_person' %>
+  <%= form.hidden_field :registration_type, value: 'on_this_platform' %>
+  <%= form.hidden_field :available_slots, value: '0' %>
+  <%= form.hidden_field :registration_terms, value: 'none' %>
+  <%= form.text_field :title, autofocus: true, class: "js-hashtags", hashtaggable: true %>
+  <%= text_editor_for(form, :description, hashtaggable: true) %>
+  <%= form.text_area :location %>
+  <%= form.datetime_field :start_time %>
+  <%= form.datetime_field :end_time %>
+  <%= form.select(
+      :user_group_id,
+      Decidim::UserGroups::ManageableUserGroups.for(current_user).verified.map { |g| [g.name, g.id] },
+      prompt: current_user.name,
+      label: t(".create_as")
+    ) %>
+  <%= append_javascript_pack_tag "decidim_meetings" %>
+<% end %>

data/app/views/decidim/posts/posts/_new.html.erb

@@ -0,0 +1,33 @@
+<form id="newElementForm">
+  <label for="body" class="sr-only"><%= t("decidim.components.posts.newFeed.text") %></label>
+  <textarea id="body" name="body" rows="4" aria-required="true" class="posts__post_newElement_Body"></textarea>
+  <fieldset>
+    <legend class="sr-only"><%= t("decidim.components.posts.newFeed.category") %></legend>
+    <div class="postType">
+      <input type="radio" id="post" name="category" value="post" class="sr-only" checked>
+      <label for="post" class="button button__sm button__transparent-primary"><%= t("decidim.components.posts.filter.post") %></label>
+      <input type="radio" id="sharecare" name="category" value="sharecare" class="sr-only">
+      <label for="sharecare" class="button button__sm button__transparent-primary"><%= t("decidim.components.posts.filter.sharecare") %></label>
+      <input type="radio" id="host" name="category" value="host" class="sr-only">
+      <label for="host" class="button button__sm button__transparent-primary"><%= t("decidim.components.posts.filter.host") %></label>
+      <input type="radio" id="calendar" name="category" value="calendar" class="sr-only" aria-controls="extraFieldsForCalendar" aria-expanded="false">
+      <label for="calendar" class="button button__sm button__transparent-primary"><%= t("decidim.components.posts.filter.calendar") %></label>
+      <input type="radio" id="survey" name="category" value="survey" class="sr-only" aria-controls="extraFieldsForSurvey" aria-expanded="false">
+      <label for="survey" class="button button__sm button__transparent-primary"><%= t("decidim.components.posts.filter.survey") %></label>
+    </div>
+  </fieldset>
+
+  <div id="extraFieldsForCalendar" class="posts__post_newElement_Xtra posts__post_newCalender">
+    <%= render partial: 'decidim/posts/posts/new_calendar.html' %>
+  </div>
+  <div id="extraFieldsForSurvey" class="posts__post_newElement_Xtra posts__post_newSurvey">
+    <%= render partial: 'decidim/posts/posts/new_survey.html' %>
+  </div>
+
+  <%= render partial: 'decidim/posts/posts/attachment.html' %>
+
+  <button class="sndBtn button button__sm button__transparent-primary" type="submit">
+    <%= t("decidim.components.posts.newFeed.action") %>
+    <%= icon "send-plane-line" %>
+  </button>
+</form>

data/app/views/decidim/posts/posts/_new_survey.html.erb

@@ -0,0 +1,20 @@
+<button class="posts__post_newSurvey-btn" type="button" aria-haspopup="true" aria-controls="posts__post_newSurvey_questionsContainer">
+  <%= t("decidim.components.posts.newFeed.newSurvey.newQuestion") %>
+  <%= icon "add-line" %>
+</button>
+<div id="posts__post_newSurvey_liveRegion" aria-live="polite" class="sr-only"></div>
+<div id="posts__post_newSurvey_questionsContainer" aria-live="polite">
+  <template id="question_template">
+    <%#= form.fields_for :questions, @form.questions.new, child_index: "NEW_RECORD" do |question_form| %>
+    <%= fields_for "post[questions][NEW_RECORD]", Decidim::Posts::Question.new do |question_form| %>
+      <%= render partial: "decidim/posts/posts/new_survey_question", locals: { form: question_form } %>
+    <% end %>
+  </template>
+  <template id="answer_template">
+    <%#= form.fields_for :answers, @form.answers.new, child_index: "NEW_RECORD" do |answer_form| %>
+    <%= fields_for "post[questions][QUESTION_RECORD][answers][NEW_RECORD]", Decidim::Posts::Answer.new do |answer_form| %>
+      <%= render partial: "decidim/posts/posts/new_survey_answer", locals: { form: answer_form } %>
+    <% end %>
+  </template>
+
+</div>

data/app/views/decidim/posts/posts/_new_survey_answer.html.erb

@@ -0,0 +1,11 @@
+<div class="flex gap-2 justify-betwee items-center p-2 bg-feeds-bg">
+  <%= form.label :title, '', class: 'flex gap-2 items-center py-2 w-full' do %>
+    <%= content_tag(:span, t("decidim.components.posts.newFeed.newSurvey.answerTitle"), class: "post_label font-bold sr-only") %>
+    <%= content_tag(:span, 'ANSWER_NR.', class: "post_label font-bold answer") %>
+    <%= form.text_field :title, class: 'form-control flex-auto', label:false, placeholder: t("decidim.components.posts.newFeed.newSurvey.answerTitle") %>
+  <% end %>
+  <%= link_to "#", class:'ml-auto' do %>
+    <%= content_tag(:span, t("decidim.components.posts.newFeed.newSurvey.deleteQuestion"), class: "sr-only") %>
+    <%= icon('delete-bin-line') %>
+  <% end %>
+</div>

data/app/views/decidim/posts/posts/_new_survey_question.html.erb

@@ -0,0 +1,17 @@
+<div id="posts__post_newSurvey_Question-NEW_RECORD" class="p-2 flex flex-col gap-2">
+  <%= form.label :title, '', class: 'flex flex-col gap-2 py-2' do %>
+    <%= content_tag(:span, t("decidim.components.posts.newFeed.newSurvey.questionTitle"), class: "post_label font-bold") %>
+    <%= form.text_field :title, class: 'form-control', label: false,  placeholder: t("decidim.components.posts.newFeed.newSurvey.questionTitle") %>
+  <% end %>
+  <div class="flex gap-2 justify-betwee py-2">
+    <%= form.select :question_type, options_for_select(Decidim::Posts::Question.question_types.keys.map { |key| [t("decidim.components.posts.newFeed.newSurvey.questionTypes.#{key}"), key] }), {}, class: 'form-control' %>
+    <button class="posts__post_newAnswer-btn button button__sm button__transparent-primary ml-auto" type="button" aria-haspopup="true" aria-controls="posts__post_newSurvey_answersContainer" data-question-id="NEW_RECORD">
+      <%= t("decidim.components.posts.newFeed.newSurvey.newAnswer") %>
+      <%= icon "add-line" %>
+    </button>
+  </div>
+  <div id="posts__post_newSurvey_answersContainer-NEW_RECORD" class="posts__post_newSurvey_answersContainer" aria-live="polite" ></div>
+  <small>
+    <%#= link_to t("decidim.components.posts.newFeed.newSurvey.deleteQuestion"), "#" %>
+  </small>
+</div>

data/app/views/decidim/posts/posts/_post.html.erb

@@ -0,0 +1,11 @@
+<% if post.is_a?(Decidim::Posts::Post) %>
+  <article id="feeds_post-<%= post.id %>" class="card__grid posts__post <%= 'host-highlight' if post.highlighted %>" data-content="<%= post.category %>" <%= 'aria-live="polite"' if post.category == 'host' %>>
+    <% if post.category == 'host' %>
+      <%= cell("decidim/posts/post_host", post) %>
+    <% else %>
+      <%= cell("decidim/posts/post", post) %>
+    <% end %>
+  </article>
+<% elsif post.is_a?(Decidim::Meetings::Meeting) %>
+  <%= cell("decidim/posts/meeting", post) %>
+<% end %>

data/app/views/decidim/posts/posts/_post_form.html.erb

@@ -0,0 +1,5 @@
+<%= form.hidden_field :category %>
+<%= form.label :body do %>
+  <span><%= t("decidim.components.posts.newFeed.text") %></span>
+  <%= form.text_area :body, rows: 4, 'aria-required': true, label: false %>
+<% end %>

data/app/views/decidim/posts/posts/_sidebar.html.erb

@@ -0,0 +1,36 @@
+<aside class="posts__aside">
+  <nav aria-label="<%= t("decidim.components.posts.filter.menuAriaLabel") %>">
+    <ul>
+      <% filters = [
+        { filter: 'all', icon: 'function-line' },
+        { filter: 'post', icon: 'home-5-line' },
+        { filter: 'sharecare', icon: 'shake-hands-line' },
+        { filter: 'calendar', icon: 'calendar-line' },
+        { filter: 'survey', icon: 'draft-line' },
+        { filter: 'host', icon: 'home-gear-line' }
+      ] %>
+      <% posts_component = current_component.manifest_name == "posts" ? current_component : current_component.participatory_space.components.find_by(manifest_name: "posts") %>
+      <% current_posts_path = Decidim::EngineRouter.main_proxy(posts_component).posts_path %>
+      <% activefilter = if current_user.admin? && params[:filter_post_category].blank?
+        'host'
+      else
+        params[:filter_post_category]
+      end %>
+      <% filters.each do |filter| %>
+        <li>
+          <%= link_to "#{current_posts_path}?filter_post_category=#{filter[:filter]}", class: (activefilter == filter[:filter] ? 'active' : ''), data: { filter: filter[:filter] }, aria: { current: (params[:filter_post_category] == filter[:filter] ? 'page' : nil) } do %>
+            <%= icon "#{filter[:icon]}" %>
+            <span><%= t("decidim.components.posts.filter.#{filter[:filter]}") %></span>
+          <% end %>
+        </li>
+      <% end %>
+    </ul>
+  </nav>
+  <div class="posts__aside__footer mb-8 mt-auto lg:mt-12">
+    <div class="w-[72px] bg-white flex flex-col items-center justify-center gap-2">
+      <% current_component.participatory_space.attachments.each do |sponsor_logo| %>
+        <%= image_tag sponsor_logo.url, class: "max-w-full max-h-full object-contain", alt: translated_attribute(sponsor_logo.title) %>
+      <% end %>
+    </div>
+  </div>
+</aside>

data/app/views/decidim/posts/posts/edit.html.erb

@@ -0,0 +1,34 @@
+<main class="feeds__main home">
+  <!-- This is the sidebar that appears on the right side of the page -->
+  <%= render partial: "decidim/posts/posts/sidebar" %>
+  <div class="feeds__container">
+    <div class="feeds__body">
+      <div class="card__grid-home w-full lg:grid-cols-8 xl:grid-cols-12 gap-6">
+      <div class="card__grid posts__post p-2" data-content="<%= @post.category %>">
+        <%= render "edit_form" %>
+      </div>
+    </div>
+    
+
+    <dialog id="confirmationModal" class="p-4 shadow-md rounded-md ring-1 ring-feeds-host" aria-labelledby="confirmationModal__Label">
+      <div class="flex flex-col gap-4">
+        <h2 id="confirmationModal__Label" class="text-center text-lg font-bold">Meldungsstatus ändern</h2>
+        <p class="confirmationModal__response" aria-live="assertive">Das Status der Meldung wird geändert und die Kommentarfunktion geschlossen.</p>
+        <div class="confirmationModal__buttons flex p-4 gap-4 justify-center">
+          <button id="confirmationModal__confirmButton" class="button button__sm button__transparent-primary">
+            <%= t('decidim.posts.posts.host.status.confirm') %>
+            <%= icon('check-line') %>
+          </button>
+          <button id="confirmationModal__cancelButton" class="button button__sm button__transparent-primary">
+            <%= t('decidim.posts.posts.host.status.cancel') %>
+            <%= icon('close-line') %>
+          </button>
+        </div>
+      </div>
+    </dialog>
+    <!-- In case the Module Decidim FeedsUi is present, the form will be installed in the footer of the application -->
+    <% unless defined?(Decidim::FeedsUi) %>
+      <%= append_javascript_pack_tag "decidim_feeds" %>
+    <% end %>
+  </div>
+</main>

data/app/views/decidim/posts/posts/index.html.erb

@@ -0,0 +1 @@
+<%= render "index" %>

data/app/views/decidim/posts/posts/show.html.erb

@@ -0,0 +1,12 @@
+<main class="feeds__container">
+  <div class="feeds__body">
+    <div class="card__grid-home w-full lg:grid-cols-8 xl:grid-cols-12">
+      <%= link_to Decidim::EngineRouter.main_proxy(@post.component).posts_path, class: "btn btn--secondary btn--sm" do %>
+        <%= icon "arrow-left-line" %>
+        <%= t("decidim.posts.posts.back_to_feed") %>
+      <% end %>
+      
+      <%= render partial: "post", locals: { post: @post } %>
+    </div>
+  </div>
+</main>

data/app/views/decidim/posts/reactions/_update_buttons_and_counters.html.erb

@@ -0,0 +1 @@
+<%= cell("decidim/posts/reactions", resource) %>

data/config/assets.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+base_path = File.expand_path("..", __dir__)
+
+Decidim::Webpacker.register_path("#{base_path}/app/packs")
+Decidim::Webpacker.register_entrypoints(
+  decidim_feeds: "#{base_path}/app/packs/entrypoints/decidim_posts.js"
+)
+Decidim::Webpacker.register_stylesheet_import("stylesheets/decidim/posts/posts")

data/config/i18n-tasks.yml

@@ -0,0 +1,10 @@
+---
+
+base_locale: en
+locales: [en]
+
+ignore_unused:
+  - "decidim.components.posts.name"
+
+ignore_missing:
+  - decidim.participatory_processes.scopes.global