decidim-enhanced_textwork 1.0.0

data/app/views/decidim/enhanced_textwork/paragraphs/_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" %>
+  </div>
+</div>

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

@@ -0,0 +1,34 @@
+<div class="card card--action card--list">
+  <% resources.each do |paragraph| %>
+    <div class="card--list__item">
+      <div class="card--list__text">
+        <%= link_to resource_locator(paragraph).path do %>
+          <%= icon "paragraphs", class: "card--list__icon", remove_icon_class: true %>
+        <% end %>
+        <div>
+          <%= link_to resource_locator(paragraph).path, class: "card__link" do %>
+            <h5 class="card--list__heading"><%== decidim_html_escape(present(paragraph).title) %></h5>
+          <% end %>
+          <% present(paragraph) do |paragraph| %>
+            <div class="author">
+              <span class="author__avatar">
+                <%= image_tag paragraph.author.avatar_url %>
+              </span>
+              <span class="author__name">
+                <strong><%= paragraph.author.name %></strong>
+                <%= paragraph.author.nickname %>
+              </span>
+            </div>
+          <% end %>
+        </div>
+      </div>
+      <% if !current_settings.try(:votes_hidden?) && !paragraph.component.current_settings.votes_hidden? %>
+        <div class="card--list__data">
+          <span class="card--list__data__number">
+            <%= paragraph.votes.size %>
+          </span> <%= t(".paragraph_votes", count: paragraph.votes.size) %>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+</div>

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

@@ -0,0 +1 @@
+<%= card_for paragraph, from: paragraph %>

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

@@ -0,0 +1,3 @@
+<% if paragraph.published_state? || paragraph.withdrawn? %>
+  <span class="<%= paragraph_state_badge_css_class(paragraph.state) %> label paragraph-status"><%= humanize_paragraph_state paragraph.state %></span>
+<% end %>

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

@@ -0,0 +1,22 @@
+<div class="column">
+  <div class="card card--paragraph">
+    <div class="card__content">
+      <div class="card__header">
+        <%= link_to paragraph, target: "_blank" do %>
+          <h5 class="card__title"><%= decidim_html_escape(present(paragraph).title).html_safe %></h5>
+        <% end %>
+        <%= cell("decidim/coauthorships", paragraph, has_actions: false, context: { current_user: current_user }) %>
+
+        <div class="tech-info tech-info--text-left">
+          <%= t("decidim.enhanced_textwork.paragraphs.paragraph.creation_date", date: l(paragraph.created_at, format: :decidim_short)) %>
+        </div>
+        <%= resource_reference(paragraph, class: "tech-info--text-left") %>
+      </div>
+
+      <%== cell("decidim/enhanced_textwork/paragraph_m", paragraph).badge %>
+
+      <p><%= truncate(present(paragraph).body(strip_tags: true), length: 100) %></p>
+      <%= cell "decidim/tags", paragraph, context: { extra_classes: ["tags--paragraph"] } %>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,46 @@
+<% if params.dig("filter", "state_withdraw").present? && params["filter"]["state_withdraw"] == "withdrawn" %>
+  <div class="callout warning">
+    <%= t("decidim.enhanced_textwork.paragraphs.index.text_banner",
+          go_back_link: link_to(t("decidim.enhanced_textwork.paragraphs.index.click_here"), paragraphs_path("filter[state_withdraw]" => nil)),
+          ).html_safe %>
+  </div>
+<% end %>
+
+<div class="collection-sort-controls row small-up-1 medium-up-3 card-grid">
+  <div class="column">
+    <%= order_selector available_orders, i18n_scope: "decidim.enhanced_textwork.paragraphs.orders" %>
+  </div>
+
+  <div class="column">
+    <%= render partial: "decidim/shared/results_per_page" %>
+  </div>
+</div>
+
+<div class="row small-up-1 medium-up-2 card-grid">
+  <%= render @paragraphs %>
+</div>
+
+<div class="row">
+  <div class="columns mediumlarge-8 large-9">
+    <% if @paragraphs.empty? %>
+      <div class="callout secondary">
+        <% if params[:filter].present? %>
+          <p><%= t(".empty_filters") %></p>
+        <% else %>
+          <p><%= t(".empty") %></p>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+</div>
+<%= decidim_paginate @paragraphs %>
+
+<div class="row">
+  <div class="text-right">
+    <% if params.dig("filter", "state_withdraw").present? && params["filter"]["state_withdraw"] == "withdrawn" %>
+      <%= link_to t("decidim.enhanced_textwork.paragraphs.index.see_all"), paragraphs_path("filter[state_withdraw]" => nil) %>
+    <% else %>
+      <%= link_to t("decidim.enhanced_textwork.paragraphs.index.see_all_withdrawn"), paragraphs_path(filter: { state_withdraw: "withdrawn", state: [""] }) %>
+    <% end %>
+  </div>
+</div>

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

@@ -0,0 +1,3 @@
+<span id="remaining-votes-count" class="extra__suport-number">
+  <%= remaining_votes_count_for(current_user) %>
+</span>

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

@@ -0,0 +1,61 @@
+<% if paragraph.rejected? || paragraph.withdrawn? %>
+  <div></div>
+<% else %>
+  <% if component_settings.participatory_texts_enabled? && from_paragraphs_list %>
+    <% if chevron_button %>
+      <%= render partial: "decidim/enhanced_textwork/paragraphs/participatory_texts/paragraph_vote_button_chevron", locals: { paragraph: paragraph, from_paragraphs_list: true } %>
+    <% else %>
+      <%= render partial: "decidim/enhanced_textwork/paragraphs/participatory_texts/paragraph_vote_button", locals: { paragraph: paragraph, from_paragraphs_list: true } %>
+    <% end %>
+  <% else %>
+    <div id="paragraph-<%= paragraph.id %>-vote-button" class="button--vote-button">
+      <% if !current_user %>
+        <% if current_settings.votes_blocked? %>
+          <%= action_authorized_button_to :vote, t("decidim.enhanced_textwork.paragraphs.vote_button.votes_blocked"), paragraph_paragraph_vote_path(paragraph_id: paragraph, from_paragraphs_list: from_paragraphs_list), resource: paragraph, class: "button #{vote_button_classes(from_paragraphs_list)} disabled", disabled: true %>
+        <% else %>
+          <%= action_authorized_button_to :vote, paragraph_paragraph_vote_path(paragraph_id: paragraph, from_paragraphs_list: from_paragraphs_list), resource: paragraph, class: "button #{vote_button_classes(from_paragraphs_list)}", data: { disable: true, "redirect-url": paragraph_path(paragraph) } do %>
+            <%= t("decidim.enhanced_textwork.paragraphs.vote_button.vote") %>
+            <span class="show-for-sr"><%= decidim_html_escape(present(paragraph).title) %></span>
+          <% end %>
+        <% end %>
+      <% else %>
+        <% if @voted_paragraphs ? @voted_paragraphs.include?(paragraph.id) : paragraph.voted_by?(current_user) %>
+          <%= action_authorized_button_to(
+            :vote,
+            paragraph_paragraph_vote_path(paragraph_id: paragraph, from_paragraphs_list: from_paragraphs_list),
+            resource: paragraph,
+            method: :delete,
+            remote: true,
+            data: {
+              disable: true,
+              original: t("decidim.enhanced_textwork.paragraphs.vote_button.already_voted"),
+              replace: t("decidim.enhanced_textwork.paragraphs.vote_button.already_voted_hover"),
+              "redirect-url": paragraph_path(paragraph)
+            },
+            class: "button #{vote_button_classes(from_paragraphs_list)} active light",
+            id: "vote_button-#{paragraph.id}"
+          ) do %>
+            <%= icon("check", class: "icon--small") %>
+            <%= t("decidim.enhanced_textwork.paragraphs.vote_button.already_voted") %>
+            <span class="show-for-sr"><%= decidim_html_escape(present(paragraph).title) %></span>
+          <% end %>
+        <% else %>
+          <% if paragraph.maximum_votes_reached? && !paragraph.can_accumulate_supports_beyond_threshold && current_component.participatory_space.can_participate?(current_user) %>
+            <%= content_tag :button, t("decidim.enhanced_textwork.paragraphs.vote_button.maximum_votes_reached"), class: "button #{vote_button_classes(from_paragraphs_list)} disabled", disabled: true %>
+          <% else %>
+            <% if vote_limit_enabled? && remaining_votes_count_for(current_user) == 0 %>
+              <%= content_tag :button, t("decidim.enhanced_textwork.paragraphs.vote_button.no_votes_remaining"), class: "button #{vote_button_classes(from_paragraphs_list)}", disabled: true %>
+            <% elsif current_settings.votes_blocked? || !current_component.participatory_space.can_participate?(current_user) %>
+              <%= content_tag :button, t("decidim.enhanced_textwork.paragraphs.vote_button.votes_blocked"), class: "button #{vote_button_classes(from_paragraphs_list)} disabled", disabled: true %>
+            <% else %>
+              <%= action_authorized_button_to :vote, paragraph_paragraph_vote_path(paragraph_id: paragraph, from_paragraphs_list: from_paragraphs_list), resource: paragraph, remote: true, data: { disable: true, "redirect-url": paragraph_path(paragraph) }, class: "button #{vote_button_classes(from_paragraphs_list)}" do %>
+                <%= t("decidim.enhanced_textwork.paragraphs.vote_button.vote") %>
+                <span class="show-for-sr"><%= decidim_html_escape(present(paragraph).title) %></span>
+              <% end %>
+            <% end %>
+          <% end %>
+        <% end %>
+      <% end %>
+    </div>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,18 @@
+<% if !current_settings.votes_hidden? && current_component.participatory_space.can_participate?(current_user) %>
+  <% if component_settings.participatory_texts_enabled? && from_paragraphs_list %>
+    <%= render partial: "decidim/enhanced_textwork/paragraphs/participatory_texts/paragraph_votes_count", locals: { paragraph: paragraph, from_paragraphs_list: true } %>
+  <% else %>
+    <% progress ||= paragraph.paragraph_votes_count || 0 %>
+    <% total ||= paragraph.maximum_votes || 0 %>
+    <% subtitle_text = progress >= total ? t("decidim.enhanced_textwork.paragraphs.votes_count.most_popular_paragraph") : t("decidim.enhanced_textwork.paragraphs.votes_count.need_more_votes") %>
+    <%= cell(
+      "decidim/progress_bar",
+      progress,
+      total: total,
+      units_name: "decidim.enhanced_textwork.paragraphs.votes_count.count",
+      element_id: "paragraph-#{paragraph.id}-votes-count",
+      subtitle_text: subtitle_text,
+      small: from_paragraphs_list
+    ) %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,50 @@
+<% if show_voting_rules? %>
+  <div class="row column voting-rules">
+    <div class="callout secondary">
+      <div class="row">
+        <div class="columns medium-8 large-9">
+          <h3 class="heading3"><%= t(".title") %></h3>
+          <ul>
+            <% if vote_limit_enabled? %>
+              <li><%= t(".vote_limit.description", limit: component_settings.vote_limit) %></li>
+            <% end %>
+
+            <% if paragraph_limit_enabled? %>
+              <li><%= t(".paragraph_limit.description", limit: paragraph_limit) %></li>
+            <% end %>
+
+            <% if threshold_per_paragraph_enabled? %>
+              <li><%= t(".threshold_per_paragraph.description", limit: threshold_per_paragraph) %></li>
+            <% end %>
+
+            <% if can_accumulate_supports_beyond_threshold? %>
+              <li><%= t(".can_accumulate_supports_beyond_threshold.description", limit: threshold_per_paragraph) %></li>
+            <% end %>
+
+            <% if minimum_votes_per_user_enabled? %>
+              <li>
+                <%= t(".minimum_votes_per_user.description", votes: minimum_votes_per_user) %>
+                <% if votes_given >= minimum_votes_per_user %>
+                  <%= t(".minimum_votes_per_user.given_enough_votes") %>
+                <% else %>
+                  <%= t(".minimum_votes_per_user.supports_remaining", remaining_votes: minimum_votes_per_user - votes_given) %>
+                <% end %>
+              </li>
+            <% end %>
+          </ul>
+        </div>
+        <% if current_user_can_vote? %>
+          <div class="columns medium-4 large-3">
+            <div class="card card--nomargin text-center remaining-votes-counter">
+              <div class="card__content">
+                <span class="definition-data__title"><%= t(".vote_limit.left", limit: component_settings.vote_limit) %></span>
+                <%= render partial: "decidim/enhanced_textwork/paragraphs/remaining_votes_count" %>
+                <span class="extra__suport-text"><%= t(".vote_limit.votes") %></span>
+              </div>
+            </div>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+<% end %>

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

@@ -0,0 +1,20 @@
+<div class="columns large-3">
+  <div class="m-bottom">
+    <% unless @step == :step_2 %>
+      <%= link_to paragraph_wizard_aside_link_to_back(@step) do %>
+        <%= icon "chevron-left", class: "icon--small", role: "img", "aria-hidden": true %>
+        <%= wizard_aside_back_text(@step) %>
+      <% end %>
+    <% end %>
+  </div>
+  <div class="section">
+    <p>
+      <%= wizard_aside_info_text %>
+    </p>
+  </div>
+  <div class="show-for-large">
+    <div><%= paragraph_wizard_steps_title %></div>
+    <div><%= paragraph_wizard_current_step_of(@step) %></div>
+    <%= paragraph_wizard_stepper(@step) %>
+  </div>
+</div>

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

@@ -0,0 +1,42 @@
+<% if @step == :step_4 %>
+    <% body_messages = [t("decidim.enhanced_textwork.paragraphs.preview.announcement_body")]
+    if component_settings.paragraph_edit_time == "limited"
+      body_messages << t("decidim.enhanced_textwork.paragraphs.preview.paragraph_edit_before_minutes", count: component_settings.paragraph_edit_before_minutes)
+    end %>
+
+  <%= cell(
+    "decidim/announcement",
+    {
+      title: t("decidim.enhanced_textwork.paragraphs.preview.announcement_title"),
+      body: body_messages
+    },
+    callout_class: "warning"
+  ) %>
+<% else %>
+  <%= 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">
+  <%= paragraph_wizard_step_title action_name %>
+  <%= "(#{@similar_paragraphs.count})" if @similar_paragraphs.present? %>
+</h2>
+
+<div class="hide-for-large m-bottom">
+  <div><%= paragraph_wizard_steps_title %></div>
+  <div><%= paragraph_wizard_current_step_of(@step) %></div>
+
+  <div id="steps" class="wizard__steps steps-toggle is-hidden" data-toggler=".is-hidden">
+    <%= paragraph_wizard_stepper(@step) %>
+  </div>
+</div>

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

@@ -0,0 +1,23 @@
+<% add_decidim_page_title(paragraph_wizard_step_title(action_name)) %>
+
+<div class="row">
+  <%= render partial: "wizard_aside" %>
+
+  <div class="columns large-6">
+    <%= render partial: "wizard_header", locals: { callout_step_help_text_class: "warning" } %>
+
+    <% if @similar_paragraphs.presence %>
+      <div class="row small-up-1 card-grid">
+        <% @similar_paragraphs.each do |paragraph| %>
+          <%= render partial: "paragraph_similar", locals: { paragraph: paragraph } %>
+        <% end %>
+      </div>
+    <% end %>
+
+    <div class="row column text-center">
+      <%= link_to t(".continue"), complete_paragraph_path(@paragraph), class: "button small" %>
+    </div>
+  </div>
+
+  <div class="columns large-3"></div>
+</div>

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

@@ -0,0 +1,24 @@
+<% add_decidim_page_title(paragraph_wizard_step_title(action_name)) %>
+
+<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, url: update_draft_paragraph_path(@paragraph), method: :patch) 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/paragraphs/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", translated_attribute(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/paragraphs/edit_draft.html.erb

@@ -0,0 +1,26 @@
+<% add_decidim_page_title(paragraph_wizard_step_title(action_name)) %>
+
+<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, url: update_draft_paragraph_path(@paragraph), method: :patch) do |form| %>
+          <%= render partial: "edit_form_fields", locals: { form: form } %>
+
+          <div class="row column flex-center">
+            <%= link_to t(".discard"), destroy_draft_paragraph_path(@paragraph), method: :delete, data: { confirm: t(".discard_confirmation") } %>
+
+            <%= form.submit t(".send"), class: "button  button--nomargin small", 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/paragraphs/index.html.erb

@@ -0,0 +1,56 @@
+<%= render partial: "decidim/shared/component_announcement" %>
+
+<% if component_settings.geocoding_enabled? %>
+  <%= dynamic_map_for paragraphs_data_for_map(@all_geocoded_paragraphs) do %>
+    <template id="marker-popup">
+      <div class="map-info__content">
+        <h3>${title}</h3>
+        <div id="bodyContent">
+          <p>{{html body}}</p>
+          <div class="map__date-address">
+            <div class="address card__extra">
+              <div class="address__icon">{{html icon}}</div>
+              <div class="address__details">
+                <span>${address}</span><br>
+              </div>
+            </div>
+          </div>
+          <div class="map-info__button">
+            <a href="${link}" class="button button--sc">
+              <%= t(".view_paragraph") %>
+            </a>
+          </div>
+        </div>
+      </div>
+    </template>
+  <% end %>
+<% end %>
+<%= render partial: "voting_rules" %>
+<div class="row columns">
+  <div class="title-action">
+    <h3 id="paragraphs-count" class="title-action__title section-heading">
+      <%= render partial: "count" %>
+    </h3>
+    <% if current_settings.creation_enabled && current_component.participatory_space.can_participate?(current_user) %>
+      <%= action_authorized_link_to :create, new_paragraph_path, class: "title-action__action button small", data: { "redirect_url" => new_paragraph_path } do %>
+        <%= t(".new_paragraph") %>
+        <%= icon "plus", role: "img", "aria-hidden": true %>
+      <% end %>
+    <% end %>
+
+    <% if component_settings.collaborative_drafts_enabled? %>
+      <%= link_to t(".collaborative_drafts_list"), collaborative_drafts_path, class: "title-action__action button small hollow ml-s" %>
+    <% end %>
+  </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="paragraphs" class="columns mediumlarge-8 large-9" aria-live="polite">
+    <%= render partial: "paragraphs" %>
+  </div>
+</div>

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

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

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

@@ -0,0 +1,38 @@
+<% add_decidim_page_title(paragraph_wizard_step_title(action_name)) %>
+
+<div class="row">
+  <%= render partial: "decidim/enhanced_textwork/paragraphs/wizard_aside" %>
+
+  <div class="columns large-6">
+    <%= render partial: "decidim/enhanced_textwork/paragraphs/wizard_header" %>
+
+    <div class="card">
+      <div class="card__content">
+        <%= decidim_form_for(@form) do |form| %>
+          <%= form_required_explanation %>
+
+          <div class="field hashtags__container">
+            <%= form.text_field :title, class: "js-hashtags" %>
+          </div>
+
+          <div class="field hashtags__container">
+            <%= text_editor_for_paragraph_body(form) %>
+          </div>
+
+          <% 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 %>
+
+          <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/paragraphs/participatory_texts/_index.html.erb

@@ -0,0 +1,20 @@
+<div class="p-s">
+  <h4><%= t(".document_index") %></h4>
+  <div class="text-muted">
+    <% @paragraphs.each do |paragraph| %>
+      <% next unless present(paragraph).title_if_enabled.present? %>
+      <div class="mb-s">
+        <p>
+          <%= link_to overview_paragraph_path(paragraph, anchor: dom_id(paragraph)) do %>
+            <% if paragraph.participatory_text_level == "article" %>
+              <u><%= decidim_html_escape(present(paragraph).title).html_safe %></u>
+            <% else %>
+              <u><%= decidim_html_escape(present(paragraph).title).html_safe %></u>
+            <% end %>
+            <br>
+          <% end %>
+        </p>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/enhanced_textwork/paragraphs/participatory_texts/_overview.html.erb

@@ -0,0 +1,35 @@
+<div class="paragraph__overview" id="paragraph__overview">
+
+      <h2><%= present(@paragraph).title_if_enabled %></h2>
+
+      <div class="amendments">
+        <div class="row collapse comments__header">
+          <h3 class="section-heading">
+            <%= @paragraph.amendments.size %> <%= Decidim::Amendment.model_name.human(count: @paragraph.amendments.size) %>
+          </h3>
+
+          <% if current_component.settings.amendments_enabled %>
+            <%= link_to '#add_comment', class: 'link' do %>
+              <%= icon "pencil", class: "icon--small", role: "img", "aria-hidden": true %>
+              <span><%= t('decidim.enhanced_textwork.actions.add_amendment') %></span>
+            <% end %>
+          <% end %>
+        </div>
+
+        <% @amendments.each_with_index do |amendment, index| %>
+          <div class="<%= "toggle--hidden" if index > 2 %>">
+            <%= cell("decidim/enhanced_textwork/amendment", amendment) %>
+          </div>
+        <% end %>
+        <% if @amendments.size > 3 %>
+          <button data-toggle-class="toggle--hidden" data-toggle="show" class="link margin-top-1">
+            <%= t("decidim.enhanced_textwork.overview.expand_amendments") %> (<%= @amendments.size %>)
+          </button>
+          <button data-toggle-class="toggle--hidden" data-toggle="hide" class="link margin-top-1 toggle--hidden">
+            <%= t("decidim.enhanced_textwork.overview.shrink_amendments") %>
+          </button>
+        <% end %>
+      </div>
+
+    <%= cell("decidim/enhanced_textwork/comments", @paragraph) %>
+</div>