decidim-enhanced_textwork 1.0.0

data/app/views/decidim/enhanced_textwork/collaborative_drafts/_edit_form_fields.html.erb

@@ -0,0 +1,83 @@
+<%= form_required_explanation %>
+
+<div class="field hashtags__container">
+  <%= form.text_field :title, class: "js-hashtags", value: form_presenter.title %>
+</div>
+
+<div class="field hashtags__container">
+  <%= form.text_area :body, rows: 10, class: "js-hashtags", value: form_presenter.body(extras: false).strip %>
+</div>
+
+<% if @form.component_automatic_hashtags.any? %>
+  <div class="field">
+    <%= form.label :automatic_hashtags %>
+    <div class="checkboxes hashtags">
+      <% @form.component_automatic_hashtags.each do |hashtag| %>
+        <label>
+          <%= check_box_tag "", "", { checked: true }, { disabled: true } %>#<%= hashtag %>
+        </label>
+      <% end %>
+    </div>
+  </div>
+<% end %>
+
+<% if @form.component_suggested_hashtags.any? %>
+  <div class="field">
+    <%= form.label :suggested_hashtags, nil, for: nil %>
+    <div class="checkboxes hashtags">
+      <%= form.collection_check_boxes :suggested_hashtags, @form.component_suggested_hashtags.map {|hashtag| [hashtag.downcase, "##{hashtag}"]}, :first, :last do |option|
+        option.label { option.check_box(checked: @form.suggested_hashtag_checked?(option.value)) + option.text }
+      end %>
+    </div>
+  </div>
+<% end %>
+
+<% if @form.geocoding_enabled? %>
+  <div class="field">
+    <%= form.check_box :has_address, checked: form_has_address? %>
+  </div>
+
+  <div class="field" id="address_input">
+    <%= form.geocoding_field :address %>
+  </div>
+<% end %>
+
+<% if @form.categories&.any? %>
+  <div class="field">
+    <%= form.categories_select :category_id, @form.categories, include_blank: t("decidim.enhanced_textwork.collaborative_drafts.edit.select_a_category") %>
+  </div>
+<% end %>
+
+<% if current_component.has_subscopes? %>
+  <div class="field">
+    <%= scopes_picker_field form, :scope_id, root: current_component.scope %>
+  </div>
+<% end %>
+
+<% if current_organization.user_groups_enabled? && Decidim::UserGroups::ManageableUserGroups.for(current_user).verified.any? %>
+  <div class="field">
+    <%= user_group_select_field form, :user_group_id %>
+  </div>
+<% end %>
+
+<% if component_settings.attachments_allowed? %>
+  <fieldset>
+    <legend><%= t("attachment_legend", scope: "decidim.enhanced_textwork.collaborative_drafts.edit") %></legend>
+    <%= form.fields_for :attachment, @form.attachment do |nested_form| %>
+      <div class="field">
+        <%= nested_form.text_field :title %>
+      </div>
+
+      <div class="field">
+        <%= nested_form.upload :file, optional: false %>
+        <% if @form.errors[:attachment].present? %>
+          <% @form.errors[:attachment].each do |message| %>
+            <small class="form-error is-visible">
+              <%= message %>
+            </small>
+          <% end %>
+        <% end %>
+      </div>
+    <% end %>
+  </fieldset>
+<% end %>

data/app/views/decidim/enhanced_textwork/collaborative_drafts/_filters.html.erb

@@ -0,0 +1,32 @@
+<%= render partial: "decidim/shared/filter_form_help", locals: { skip_to_id: "collaborative_drafts" } %>
+
+<%= filter_form_for filter do |form| %>
+  <div class="filters__section">
+    <div class="filters__search">
+      <div class="input-group">
+        <%= form.search_field :search_text, label: false, class: "input-group-field", placeholder: t(".search"), title: t(".search"), "aria-label": t(".search"), data: { disable_dynamic_change: true } %>
+        <div class="input-group-button">
+          <button type="submit" class="button" aria-controls="collaborative_drafts">
+            <%= icon "magnifying-glass", aria_label: t(".search"), role: "img" %>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <%= form.check_boxes_tree :state, filter_collaborative_drafts_state_values, legend_title: t(".state"), "aria-controls": "collaborative_drafts" %>
+
+  <% if linked_classes_for(Decidim::EnhancedTextwork::CollaborativeDraft).any? %>
+    <%= form.collection_radio_buttons :related_to, linked_classes_filter_values_for(Decidim::EnhancedTextwork::CollaborativeDraft), :first, :last, { legend_title: t(".related_to") }, "aria-controls": "collaborative_drafts" %>
+  <% end %>
+
+  <% if current_component.has_subscopes? %>
+    <%= form.check_boxes_tree :scope_id, filter_scopes_values, legend_title: t(".scope"), "aria-controls": "collaborative_drafts" %>
+  <% end %>
+
+  <% if current_component.categories.any? %>
+    <%= form.check_boxes_tree :category_id, filter_categories_values, legend_title: t(".category"), "aria-controls": "collaborative_drafts" %>
+  <% end %>
+
+  <%= hidden_field_tag :order, order, id: nil, class: "order_filter" %>
+<% end %>

data/app/views/decidim/enhanced_textwork/collaborative_drafts/_filters_small_view.html.erb

@@ -0,0 +1,18 @@
+<div class="filters-controls hide-for-mediumlarge">
+  <button data-open="filter-box" class="filters-controls__trigger" aria-controls="filter-box" aria-haspopup="dialog">
+    <%= t ".filter" %>
+    <%= icon "caret-bottom", class: "icon--small float-right", aria_label: t(".unfold"), role: "img" %>
+  </button>
+</div>
+
+<div class="reveal" id="filter-box" data-reveal role="dialog" aria-modal="true" aria-labelledby="filter-box-label">
+  <div class="reveal__header">
+    <h3 id="filter-box-label" class="reveal__title"><%= t ".filter_by" %>:</h3>
+    <button class="close-button" data-close aria-label="<%= t(".close_modal") %>" type="button">
+      <span aria-hidden="true">&times;</span>
+    </button>
+  </div>
+  <div class="filters">
+    <%= render partial: "filters", locals: { type: :small } %>
+  </div>
+</div>

data/app/views/decidim/enhanced_textwork/collaborative_drafts/_new_collaborative_draft_button.html.erb

@@ -0,0 +1,11 @@
+<% if current_settings.creation_enabled %>
+  <%= action_authorized_link_to :create, new_collaborative_draft_path, class: "title-action__action button small", data: { "redirect_url" => new_collaborative_draft_path } do %>
+    <%= t(".new_collaborative_draft") %>
+    <%= icon "plus", role: "img", "aria-hidden": true %>
+  <% end %>
+<% else %>
+  <span class="title-action__action button small disabled">
+    <%= t(".new_collaborative_draft") %>
+    <%= icon "plus", role: "img", "aria-hidden": true %>
+  </span>
+<% end %>

data/app/views/decidim/enhanced_textwork/collaborative_drafts/_reject_request_access_form.html.erb

@@ -0,0 +1,10 @@
+<% if allowed_to?(:react_to_request_access, :collaborative_draft, collaborative_draft: @collaborative_draft) %>
+  <%= decidim_form_for(@reject_request_form, url: request_reject_collaborative_draft_path(@collaborative_draft)) do |form| %>
+    <%= form.hidden_field :id, value: @collaborative_draft.id %>
+    <%= form.hidden_field :state, value: @collaborative_draft.state %>
+    <%= form.hidden_field :requester_user_id, value: requester.id %>
+    <%= button_tag type: "submit", data: { disable: true }, title: reject_request_button_label do %>
+      <%= icon "x", class: "icon--small muted ml-xs", aria_label: reject_request_button_label, role: "img" %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/decidim/enhanced_textwork/collaborative_drafts/_request_access_form.html.erb

@@ -0,0 +1,7 @@
+<% if allowed_to?(:request_access, :collaborative_draft, collaborative_draft: @collaborative_draft) %>
+  <%= decidim_form_for(@request_access_form, url: request_access_collaborative_draft_path(@collaborative_draft)) do |form| %>
+    <%= form.hidden_field :id, value: @collaborative_draft.id %>
+    <%= form.hidden_field :state, value: @collaborative_draft.state %>
+    <%= form.submit t(:request_access, scope: "decidim.enhanced_textwork.collaborative_drafts.show"), class: "button expanded button--sc mt-s", data: { disable: true } %>
+  <% end %>
+<% end %>

data/app/views/decidim/enhanced_textwork/collaborative_drafts/_wizard_aside.html.erb

@@ -0,0 +1,13 @@
+<div class="columns large-3">
+  <div class="m-bottom">
+    <%= link_to :back do %>
+      <%= icon "chevron-left", class: "icon--small", role: "img", "aria-hidden": true %>
+      <%= t("back_from_collaborative_draft", scope: "decidim.enhanced_textwork.collaborative_drafts.wizard_aside").html_safe %>
+    <% end %>
+  </div>
+  <div class="section">
+    <p>
+      <%= t("info", scope: "decidim.enhanced_textwork.collaborative_drafts.wizard_aside").html_safe %>
+    </p>
+  </div>
+</div>

data/app/views/decidim/enhanced_textwork/collaborative_drafts/_wizard_header.html.erb

@@ -0,0 +1,14 @@
+<% if translated_attribute(component_settings.new_paragraph_help_text).present? %>
+  <%= cell("decidim/announcement", component_settings.new_paragraph_help_text) %>
+<% end %>
+
+<% if paragraph_wizard_step_help_text?(@step) %>
+  <div class="paragraph_wizard_help_text">
+    <% callout_step_help_text_class ||= nil %>
+    <%= cell("decidim/announcement", component_settings.try("paragraph_wizard_#{@step}_help_text"), callout_class: callout_step_help_text_class) %>
+  </div>
+<% end %>
+
+<h2 class="section-heading">
+  <%= t(".title") %>
+</h2>

data/app/views/decidim/enhanced_textwork/collaborative_drafts/edit.html.erb

@@ -0,0 +1,31 @@
+<% add_decidim_page_title(paragraph_wizard_step_title(action_name)) %>
+
+<div class="row columns">
+  <div class="m-bottom">
+    <%= link_to :back, class: "muted-link" do %>
+      <%= icon "chevron-left", class: "icon--small", role: "img", "aria-hidden": true %>
+      <%= t(".back") %>
+    <% end %>
+  </div>
+  <h2 class="section-heading"><%= t(".title") %></h2>
+</div>
+
+<div class="row">
+  <div class="columns large-6 medium-centered">
+    <div class="card">
+      <%= cell("decidim/announcement", component_settings.new_paragraph_help_text) %>
+
+      <div class="card__content">
+        <%= decidim_form_for(@form) do |form| %>
+          <%= render partial: "edit_form_fields", locals: { form: form } %>
+
+          <div class="actions">
+            <%= form.submit t(".send"), class: "button expanded", data: { disable: true } %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+
+<%= javascript_pack_tag "decidim_enhanced_textwork" %>

data/app/views/decidim/enhanced_textwork/collaborative_drafts/index.html.erb

@@ -0,0 +1,23 @@
+<% add_decidim_page_title(Decidim::EnhancedTextwork::CollaborativeDraft.model_name.human(count: 2)) %>
+
+<%= render partial: "decidim/shared/component_announcement" %>
+
+<div class="row columns">
+  <div class="title-action">
+    <h2 id="drafts-count" class="title-action__title section-heading">
+      <%= render partial: "count" %>
+    </h2>
+    <%= render "new_collaborative_draft_button" %>
+  </div>
+</div>
+<div class="row">
+  <div class="columns mediumlarge-4 large-3">
+    <%= render partial: "filters_small_view" %>
+    <div class="card card--secondary show-for-mediumlarge">
+      <%= render partial: "filters" %>
+    </div>
+  </div>
+  <div id="collaborative_drafts" class="columns mediumlarge-8 large-9" aria-live="polite">
+    <%= render partial: "collaborative_drafts" %>
+  </div>
+</div>

data/app/views/decidim/enhanced_textwork/collaborative_drafts/index.js.erb

@@ -0,0 +1,10 @@
+var $collaborative_drafts = $('#collaborative_drafts');
+var $collaborativeDraftsCount = $('#drafts-count');
+var $orderFilterInput = $('.order_filter');
+
+$collaborative_drafts.html('<%= j(render partial: "collaborative_drafts").strip.html_safe %>');
+$collaborativeDraftsCount.html('<%= j(render partial: "count").strip.html_safe %>');
+$orderFilterInput.val('<%= order %>');
+
+var $dropdownMenu = $('.dropdown.menu', $collaborative_drafts);
+$dropdownMenu.foundation();

data/app/views/decidim/enhanced_textwork/collaborative_drafts/new.html.erb

@@ -0,0 +1,24 @@
+<% add_decidim_page_title(t("decidim.enhanced_textwork.collaborative_drafts.wizard_header.title")) %>
+
+<div class="row">
+  <%= render partial: "wizard_aside" %>
+
+  <div class="columns large-6">
+    <%= render partial: "wizard_header" %>
+
+    <div class="card">
+      <div class="card__content">
+        <%= decidim_form_for(@form) do |form| %>
+          <%= render partial: "edit_form_fields", locals: { form: form } %>
+
+          <div class="actions">
+            <%= form.submit t(".send"), class: "button expanded mt-s mb-none", data: { disable: true } %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+  <div class="columns large-3"></div>
+</div>
+
+<%= javascript_pack_tag "decidim_enhanced_textwork" %>

data/app/views/decidim/enhanced_textwork/collaborative_drafts/show.html.erb

@@ -0,0 +1,128 @@
+<% add_decidim_page_title(Decidim::EnhancedTextwork::CollaborativeDraft.model_name.human(count: 2)) %>
+<% add_decidim_meta_tags({
+  description: present(@collaborative_draft).body,
+  title: present(@collaborative_draft).title,
+  url: collaborative_draft_url(@collaborative_draft.id)
+}) %>
+
+<% if current_user.nil? || allowed_to?(:request_access, :collaborative_draft, collaborative_draft: @collaborative_draft) %>
+  <div class="row">
+    <div class="columns">
+      <div class="callout secondary"><%= t(".info-message").html_safe %></div>
+    </div>
+  </div>
+<% end %>
+
+<div class="row column view-header">
+  <div class="m-bottom">
+    <%= link_to collaborative_drafts_path do %>
+      <%= icon "chevron-left", class: "icon--small", role: "img", "aria-hidden": true %>
+      <%= t(".back") %>
+    <% end %>
+  </div>
+
+  <h2 class="heading2">
+    <%= present(@collaborative_draft).title(links: true, html_escape: true) %>
+  </h2>
+
+  <%= cell("decidim/coauthorships", @collaborative_draft, has_actions: true, size: 3, context: { current_user: current_user }) %>
+</div>
+
+<div class="row">
+  <div class="columns mediumlarge-8 large-9">
+    <div class="section">
+      <%== cell("decidim/enhanced_textwork/collaborative_draft_m", @collaborative_draft, full_badge: true).badge %>
+
+      <%= simple_format(present(@collaborative_draft).body(links: true, strip_tags: true), nil, sanitize: false) %>
+
+      <% if component_settings.geocoding_enabled? %>
+        <%= render partial: "decidim/shared/static_map", locals: { icon_name: "paragraphs", geolocalizable: @collaborative_draft } %>
+      <% end %>
+
+      <%= cell "decidim/tags", @collaborative_draft, context: { extra_classes: ["tags--collaborative-draft"] } %>
+    </div>
+  </div>
+
+  <div class="columns section view-side mediumlarge-4 large-3">
+    <% if allowed_to?(:publish, :collaborative_draft, collaborative_draft: @collaborative_draft) %>
+      <div class="card text-center" id="collaborative_draft_publish">
+        <div class="card__content">
+          <%= cell "decidim/enhanced_textwork/irreversible_action_modal", @collaborative_draft, action: :publish %>
+          <div class="text-small">
+            <%= t("publish_info", scope:"decidim.enhanced_textwork.collaborative_drafts.show") %>
+            <%= cell "decidim/enhanced_textwork/irreversible_action_modal", @collaborative_draft, action: :withdraw %>
+          </div>
+        </div>
+      </div>
+    <% end %>
+
+    <div class="card text-center">
+      <div class="card__content">
+        <% if @collaborative_draft.published? %>
+          <%= cell "decidim/enhanced_textwork/collaborative_draft_link_to_paragraph", @collaborative_draft %>
+        <% else %>
+          <div>
+            <%= resource_version_number(@collaborative_draft.versions_count, "text-large") %>
+            <div class="text-medium">
+              <%= resource_version_of(@collaborative_draft.versions_count) %>
+            </div>
+          </div>
+
+          <div>
+            <span class="text-medium">
+              <%= link_to_other_resource_versions(collaborative_draft_versions_path(@collaborative_draft)) %>
+            </span>
+          </div>
+        <% end %>
+
+        <% if allowed_to?(:edit, :collaborative_draft, collaborative_draft: @collaborative_draft) %>
+          <%= link_to t("edit", scope:"decidim.enhanced_textwork.collaborative_drafts.show"), edit_collaborative_draft_path(@collaborative_draft), class: "button hollow expanded button--sc mt-s", id: "collaborative_draft_edit" %>
+        <% end %>
+
+        <%= render "request_access_form" %>
+
+        <% if @collaborative_draft.requesters.include? current_user %>
+          <button type="button" class="button expanded button--sc mt-s">
+            <%= t("requested_access", scope:"decidim.enhanced_textwork.collaborative_drafts.show") %>
+          </button>
+        <% end %>
+      </div>
+
+      <div class="card__status">
+        <ul class="card-data">
+          <li class="card-data__item authors_status">
+            <%= with_tooltip t("decidim.enhanced_textwork.models.collaborative_draft.fields.authors") do %>
+              <%= icon("people", class: "icon--small", role: "img", "aria-hidden": true) + " " + "#{@collaborative_draft.versions.group_by(&:whodunnit).size}" %>
+            <% end %>
+          </li>
+
+          <li class="card-data__item versions_status">
+            <%= link_to collaborative_draft_versions_path(@collaborative_draft) do %>
+              <%= with_tooltip t("decidim.enhanced_textwork.models.collaborative_draft.fields.contributions") do %>
+                <%= icon("pencil", class: "icon--small", role: "img", "aria-hidden": true) + " " + "#{@collaborative_draft.versions.count}" %>
+              <% end %>
+            <% end %>
+          </li>
+          <li class="card-data__item">
+            <%= link_to "#comments" do %>
+              <%= with_tooltip t("decidim.enhanced_textwork.models.collaborative_draft.fields.comments") do %>
+                <%= icon("comment-square", class: "icon--small", role: "img", "aria-hidden": true) + " " + "#{@collaborative_draft.comments_count}" %>
+              <% end %>
+            <% end %>
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <%= render partial: "collaborator_requests" %>
+
+    <%= resource_reference(@collaborative_draft) %>
+
+    <%= render partial: "decidim/shared/share_modal" %>
+  </div>
+</div>
+
+<%= attachments_for @collaborative_draft %>
+<%= comments_for @collaborative_draft %>
+
+<%= cell("decidim/flag_modal", @collaborative_draft) %>

data/app/views/decidim/enhanced_textwork/paragraph_votes/update_buttons_and_counters.js.erb

@@ -0,0 +1,41 @@
+<% @paragraphs.each do |paragraph| %>
+  (function() {
+    var $paragraphVotesCount = $('#paragraph-<%= paragraph.id %>-votes-count');
+
+    if($paragraphVotesCount[0]) {
+      morphdom($paragraphVotesCount[0], '<%= j(render partial: "decidim/enhanced_textwork/paragraphs/votes_count", locals: { paragraph: paragraph, from_paragraphs_list: @from_paragraphs_list }).strip.html_safe %>');
+    }
+
+    var $paragraphVoteButton = $('#paragraph-<%= paragraph.id %>-vote-button');
+    if($paragraphVoteButton[0]) {
+      morphdom($paragraphVoteButton[0], '<%= j(render partial: "decidim/enhanced_textwork/paragraphs/vote_button", locals: { paragraph: paragraph, from_paragraphs_list: @from_paragraphs_list, chevron_button: @chevron_button }).strip.html_safe %>');
+    }
+  })();
+<% end %>
+
+<% if vote_limit_enabled? %>
+  (function() {
+    var $remainingVotesCount = $('#remaining-votes-count');
+    var $notVotedButtons = $('.card__button.button').not('.success');
+
+    if(!$remainingVotesCount[0]) { return; }
+
+    morphdom($remainingVotesCount[0], '<%= j(render partial: "decidim/enhanced_textwork/paragraphs/remaining_votes_count").strip.html_safe %>');
+
+    <% if remaining_votes_count_for(current_user) == 0 %>
+      $notVotedButtons.attr('disabled', true);
+      $notVotedButtons.val('<%= t("decidim.enhanced_textwork.paragraphs.vote_button.no_votes_remaining") %>');
+    <% else %>
+      $notVotedButtons.attr('disabled', false);
+      $notVotedButtons.val('<%= t("decidim.enhanced_textwork.paragraphs.vote_button.vote") %>');
+    <% end %>
+  }());
+<% end %>
+
+<% if show_voting_rules? %>
+  (function() {
+    var $votingRules = $('.voting-rules');
+    if(!$votingRules[0]) { return; }
+    morphdom($votingRules[0], '<%= j(render partial: "decidim/enhanced_textwork/paragraphs/voting_rules").strip.html_safe %>');
+  }());
+<% end %>

data/app/views/decidim/enhanced_textwork/paragraphs/_count.html.erb

@@ -0,0 +1 @@
+<%= t(".paragraphs_count", count: @paragraphs.total_count) %>

data/app/views/decidim/enhanced_textwork/paragraphs/_dynamic_map_instructions.html.erb

@@ -0,0 +1,4 @@
+<div class="column dynamic-map-instructions">
+  <h3><%= t(".instructions") %></h3>
+  <p><%= t(".description") %></p>
+</div>

data/app/views/decidim/enhanced_textwork/paragraphs/_edit_form_fields.html.erb

@@ -0,0 +1,115 @@
+<%= form_required_explanation %>
+
+<div class="field hashtags__container">
+  <%= form.text_field :title, class: "js-hashtags", value: form_presenter.title %>
+</div>
+
+<div class="field hashtags__container">
+  <%= text_editor_for_paragraph_body(form) %>
+</div>
+
+<% if @form.component_automatic_hashtags.any? %>
+  <div class="field">
+    <%= form.label :automatic_hashtags %>
+    <div class="checkboxes hashtags">
+      <% @form.component_automatic_hashtags.each do |hashtag| %>
+        <label>
+          <%= check_box_tag "", "", { checked: true }, { disabled: true } %>#<%= hashtag %>
+        </label>
+      <% end %>
+    </div>
+  </div>
+<% end %>
+
+<% if @form.component_suggested_hashtags.any? %>
+  <div class="field">
+    <%= form.label :suggested_hashtags, nil, for: nil %>
+    <div class="checkboxes hashtags">
+      <%= form.collection_check_boxes :suggested_hashtags, @form.component_suggested_hashtags.map { |hashtag| [hashtag.downcase, "##{hashtag}"] }, :first, :last do |option|
+        option.label { option.check_box(checked: @form.suggested_hashtag_checked?(option.value)) + option.text }
+      end %>
+    </div>
+  </div>
+<% end %>
+
+<% if @form.geocoding_enabled? %>
+  <div class="field">
+    <%= form.check_box :has_address, checked: form_has_address? %>
+  </div>
+
+  <div class="field" id="address_input">
+    <%= form.geocoding_field :address, placeholder: t("decidim.enhanced_textwork.paragraphs.placeholder.address") %>
+    <div class="map" id="address_map">
+      <%= render partial: "dynamic_map_instructions" %>
+      <%= dynamic_map_for paragraph_preview_data_for_map(@paragraph) %>
+    </div>
+  </div>
+<% end %>
+
+<% if @form.categories&.any? %>
+  <div class="field">
+    <%= form.categories_select :category_id, @form.categories, include_blank: t("decidim.enhanced_textwork.paragraphs.edit.select_a_category") %>
+  </div>
+<% end %>
+
+<% if current_component.has_subscopes? %>
+  <div class="field">
+    <%= scopes_picker_field form, :scope_id, root: current_component.scope %>
+  </div>
+<% end %>
+
+<% if current_organization.user_groups_enabled? && Decidim::UserGroups::ManageableUserGroups.for(current_user).verified.any? %>
+  <div class="field">
+    <%= user_group_select_field form, :user_group_id %>
+  </div>
+<% end %>
+
+<% if component_settings.attachments_allowed? && @paragraph %>
+  <fieldset class="gallery__container">
+    <legend><%= t("gallery_legend", scope: "decidim.enhanced_textwork.paragraphs.edit") %></legend>
+
+    <% if @form.photos.any? %>
+      <% @form.photos.each do |photo| %>
+        <div class="callout gallery__item" id="attachment_<%= photo.id %>" data-closable>
+          <%= image_tag photo.thumbnail_url, class: "thumbnail", alt: photo.file.filename %>
+          <%= form.hidden_field :photos, multiple: true, value: photo.id, id: "photo-#{photo.id}" %>
+          <button class="close-button"
+                  aria-label="<%= t("delete_image", scope: "decidim.enhanced_textwork.paragraphs.edit") %>"
+                  title="<%= t("delete_image", scope: "decidim.enhanced_textwork.paragraphs.edit") %>"
+                  type="button"
+                  data-close>
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+      <% end %>
+    <% end %>
+
+    <div class="row column">
+      <%= form.file_field :add_photos, multiple: false, label: t("add_images", scope: "decidim.enhanced_textwork.paragraphs.edit") %>
+    </div>
+  </fieldset>
+
+  <fieldset class="gallery__container">
+    <legend><%= t("attachment_legend", scope: "decidim.enhanced_textwork.paragraphs.edit") %></legend>
+
+    <% if @form.documents.any? %>
+      <% @form.documents.each do |document| %>
+        <div class="callout" id="attachment_<%= document.id %>" data-closable>
+          <%= link_to translated_attribute(document.title), document.url %>
+          <small><%= document.file_type %> <%= number_to_human_size(document.file_size) %></small>
+          <%= form.hidden_field :documents, multiple: true, value: document.id, id: "document-#{document.id}" %>
+          <button class="close-button"
+                  aria-label="<%= t("delete_document", scope: "decidim.enhanced_textwork.paragraphs.edit") %>"
+                  title="<%= t("delete_document", scope: "decidim.enhanced_textwork.paragraphs.edit") %>"
+                  type="button" data-close>
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+      <% end %>
+    <% end %>
+
+    <div class="row column">
+      <%= form.file_field :add_documents, multiple: true, label: t("add_documents", scope: "decidim.enhanced_textwork.paragraphs.edit") %>
+    </div>
+  </fieldset>
+<% end %>

data/app/views/decidim/enhanced_textwork/paragraphs/_filters.html.erb

@@ -0,0 +1,48 @@
+<%= render partial: "decidim/shared/filter_form_help", locals: { skip_to_id: "paragraphs" } %>
+
+<%= filter_form_for filter do |form| %>
+  <div class="filters__section">
+    <div class="filters__search">
+      <div class="input-group">
+        <%= form.search_field :search_text, label: false, class: "input-group-field", placeholder: t(".search"), title: t(".search"), "aria-label": t(".search"), data: { disable_dynamic_change: true } %>
+        <div class="input-group-button">
+          <button type="submit" class="button" aria-controls="paragraphs">
+            <%= icon "magnifying-glass", aria_label: t(".search"), role: "img" %>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <%= form.hidden_field "state_withdraw", value: params.dig("filter", "state_withdraw") %>
+
+  <% if component_settings.paragraph_answering_enabled && current_settings.paragraph_answering_enabled %>
+    <%= form.check_boxes_tree :state, filter_paragraphs_state_values, legend_title: t(".state"), "aria-controls": "paragraphs" %>
+  <% end %>
+
+  <% if current_component.has_subscopes? %>
+    <%= form.check_boxes_tree :scope_id, filter_scopes_values, legend_title: t(".scope"), "aria-controls": "paragraphs" %>
+  <% end %>
+
+  <% if current_component.categories.any? %>
+    <%= form.check_boxes_tree :category_id, filter_categories_values, legend_title: t(".category"), "aria-controls": "paragraphs" %>
+  <% end %>
+
+  <% if component_settings.official_paragraphs_enabled %>
+    <%= form.check_boxes_tree :origin, filter_origin_values, legend_title: t(".origin"), "aria-controls": "paragraphs" %>
+  <% end %>
+
+  <% if current_user %>
+    <%= form.collection_radio_buttons :activity, activity_filter_values, :first, :last, { legend_title: t(".activity") }, "aria-controls": "paragraphs" %>
+  <% end %>
+
+  <% if @paragraphs.only_emendations.any? %>
+    <%= form.collection_radio_buttons :type, filter_type_values, :first, :last, { legend_title: t(".amendment_type") }, "aria-controls": "paragraphs" %>
+  <% end %>
+
+  <% if linked_classes_for(Decidim::EnhancedTextwork::Paragraph).any? %>
+    <%= form.collection_radio_buttons :related_to, linked_classes_filter_values_for(Decidim::EnhancedTextwork::Paragraph), :first, :last, { legend_title: t(".related_to") }, "aria-controls": "paragraphs" %>
+  <% end %>
+
+  <%= hidden_field_tag :order, order, id: nil, class: "order_filter" %>
+<% end %>