decidim-proposals 0.29.2 → 0.30.0.rc1

data/app/packs/stylesheets/decidim/proposals/proposals.scss

@@ -103,11 +103,213 @@
   }
 
   &__grid-text-title {
-    @apply flex justify-between flex-row md:flex-col items-start lg:flex-row;
+    @apply flex justify-between items-start gap-y-2 flex-row md:flex-col lg:flex-row;
   }
 
-  &__list-metadata {
-    @apply md:flex md:flex-row md:items-center md:gap-4;
+  &__list-list {
+    .card__proposals-item {
+      @apply border-l-4 rounded-[10px] md:rounded-md border-[#F5F5F5] hover:border-tertiary focus-visible:border-tertiary flex flex-col md:items-center md:flex-row md:justify-between min-h-0 md:min-h-[127px] lg:min-h-[83px];
+
+      .card__list {
+        @apply border-none md:flex-1 md:items-center mb-2.5 md:mb-0;
+
+        &-metadata {
+          @apply gap-y-1 md:flex md:flex-row md:items-center md:gap-x-2 md:mt-0.5;
+
+          & > div {
+            @apply md:pl-0 md:pr-2;
+          }
+        }
+      }
+
+      .card__proposals-votes {
+        @apply flex md:flex-col lg:flex-row bg-[#F5F5F5] justify-around md:flex-[0.6] lg:flex-[0.8] items-center md:items-stretch lg:items-center lg:min-w-[196px] h-[68px] md:h-auto lg:h-[68px];
+
+        button {
+          @apply bg-[var(--secondary)];
+
+          &[disabled] {
+            @apply opacity-50 text-white border-current cursor-not-allowed;
+          }
+        }
+
+        &-limited {
+          @apply flex flex-col p-0 md:p-2 lg:p-0 md:flex-row md:flex-wrap lg:flex-col lg:flex-nowrap flex-1 md:flex-none lg:flex-1 justify-center;
+
+          .proposals__aside-progress {
+            @apply flex flex-col w-[80%] items-center md:order-1 lg:order-none md:flex-[1_1_100%] lg:flex-none;
+          }
+
+          .progress-bar {
+            &__units {
+              @apply md:order-none;
+            }
+
+            &__number {
+              span {
+                @apply text-sm;
+              }
+            }
+          }
+        }
+
+        &-unlimited {
+          @apply flex flex-row flex-1 lg:flex-1 justify-center md:flex-none;
+
+          .progress-bar__number {
+            span {
+              @apply text-xl;
+            }
+          }
+        }
+
+        .progress-bar {
+          &__number {
+            @apply flex justify-center items-center mx-1;
+
+            span {
+              @apply leading-6 font-semibold #{!important};
+            }
+          }
+
+          &__units {
+            @apply text-sm leading-[22px] mx-1;
+          }
+        }
+
+        &-container {
+          @apply flex-1 md:w-full md:flex-none p-2 lg:p-0 lg:m-3 lg:w-[164px];
+
+          button {
+            @apply text-sm leading-[18px] font-semibold py-1;
+          }
+        }
+
+        &-hidden {
+          @apply md:flex-none;
+
+          .card__proposals-votes-container {
+            @apply md:flex-none md:w-[130px] lg:w-[164px] lg:p-0;
+          }
+        }
+      }
+    }
+  }
+
+  &__grid-grid {
+    @apply md:gap-4;
+
+    .card__proposals-item {
+      @apply flex flex-col justify-between border-solid border-[#D3D5D9] border rounded;
+
+      .card__grid {
+        @apply mb-2.5 md:mb-0 flex-1 justify-between;
+
+        box-shadow: none !important;
+
+        &-text {
+          @apply justify-end lg:gap-y-8;
+        }
+
+        &-metadata {
+          @apply mt-0 md:flex md:flex-row;
+
+          > :first-child {
+            flex: 1 !important;
+          }
+
+          > :not(:first-child) {
+            @apply border-r border-[#D3D5D9];
+          }
+
+          & > div {
+            @apply px-2 md:px-2;
+          }
+        }
+      }
+
+      .card__proposals-votes {
+        @apply flex bg-[#F5F5F5EE] justify-around items-center px-4 h-[68px];
+
+        button {
+          @apply bg-[var(--secondary)];
+
+          &[disabled] {
+            @apply opacity-50 text-white border-current cursor-not-allowed;
+          }
+        }
+
+        &-limited {
+          @apply flex flex-col lg:items-start flex-1 md:mr-4 lg:mr-0;
+
+          .proposals__aside-progress {
+            @apply flex flex-col-reverse w-[80%] items-center;
+          }
+
+          .progress-bar {
+            &__number {
+              @apply lg:w-[80%];
+
+              span {
+                @apply text-sm;
+              }
+            }
+
+            &__units {
+              @apply flex justify-center w-[80%];
+            }
+          }
+        }
+
+        &-unlimited {
+          @apply flex flex-row flex-1 lg:flex-1 md:flex-none md:mr-4 lg:mr-0;
+
+          .progress-bar__number {
+            span {
+              @apply text-xl;
+            }
+          }
+        }
+
+        .progress-bar {
+          &__number {
+            @apply flex justify-center items-center;
+
+            span {
+              @apply leading-6 font-semibold #{!important};
+            }
+          }
+
+          &__units {
+            @apply text-sm leading-[22px] mx-1;
+          }
+        }
+
+        &-container {
+          @apply flex-1 lg:w-[164px] lg:flex-none;
+
+          button {
+            @apply text-sm leading-[18px] font-semibold py-1;
+
+            .already-voted-icon {
+              @apply w-4 h-4;
+            }
+          }
+        }
+
+        &-hidden {
+          @apply md:justify-end;
+
+          .card__proposals-votes-container {
+            @apply md:flex-none md:w-[130px] lg:w-[164px];
+
+            button {
+              @apply md:px-0 lg:px-6;
+            }
+          }
+        }
+      }
+    }
   }
 }
 
@@ -129,3 +331,46 @@
     }
   }
 }
+
+#proposal-voting-rules {
+  [id="dropdown-menu-proposal-voting-rules"] {
+    &[aria-hidden="true"] {
+      @apply hidden;
+    }
+  }
+
+  [data-target="dropdown-menu-proposal-voting-rules"] {
+    @apply w-full flex items-center justify-between gap-2 p-2 first-of-type:[&>svg]:block last-of-type:[&>svg]:hidden;
+
+    & > span {
+      @apply hidden font-semibold text-secondary;
+
+      &:only-of-type,
+      &.is-active {
+        @apply flex items-center gap-2 [&_svg]:fill-current;
+      }
+    }
+
+    > svg {
+      @apply w-6 h-6 flex-none text-secondary fill-current;
+    }
+
+    &[aria-expanded="false"] > svg:last-of-type,
+    &[aria-expanded="true"] > svg:first-of-type {
+      @apply hidden;
+    }
+
+    &[aria-expanded="true"] > svg:last-of-type,
+    &[aria-expanded="false"] > svg:first-of-type {
+      @apply block;
+    }
+  }
+}
+
+.layout-item-complementary {
+  @apply container grid grid-cols-1 lg:grid-cols-12;
+
+  .item_voting_rules {
+    @apply lg:col-start-2 lg:col-span-10;
+  }
+}

data/app/permissions/decidim/proposals/admin/permissions.rb

@@ -30,11 +30,8 @@ module Decidim
           # time limit.
           allow! if permission_action.subject == :proposal && permission_action.action == :edit && admin_edition_is_available?
 
-          # Every user allowed by the space can update the category of the proposal
-          allow! if permission_action.subject == :proposal_category && permission_action.action == :update
-
-          # Every user allowed by the space can update the scope of the proposal
-          allow! if permission_action.subject == :proposal_scope && permission_action.action == :update
+          # Every user allowed by the space can update the taxonomy of the proposal
+          allow! if permission_action.subject == :proposal_taxonomy && permission_action.action == :update
 
           # Every user allowed by the space can import proposals from another_component
           allow! if permission_action.subject == :proposals && permission_action.action == :import

data/app/permissions/decidim/proposals/permissions.rb

@@ -16,6 +16,8 @@ module Decidim
           apply_proposal_permissions(permission_action) unless permission_action.action == :read
         when :collaborative_draft
           apply_collaborative_draft_permissions(permission_action)
+        when :proposal_coauthor_invites
+          apply_proposal_coauthor_invites(permission_action)
         else
           permission_action
         end
@@ -159,6 +161,46 @@ module Decidim
 
         toggle_allow(collaborative_draft.created_by?(user))
       end
+
+      def apply_proposal_coauthor_invites(permission_action)
+        return toggle_allow(false) unless coauthor
+        return toggle_allow(false) unless proposal
+
+        case permission_action.action
+        when :invite
+          toggle_allow(valid_coauthor? && !notification_already_sent?)
+        when :cancel
+          toggle_allow(valid_coauthor? && notification_already_sent?)
+        when :accept, :decline
+          toggle_allow(can_be_coauthor?)
+        end
+      end
+
+      def coauthor
+        context.fetch(:coauthor, nil)
+      end
+
+      def notification_already_sent?
+        @notification_already_sent ||= proposal.coauthor_invitations_for(coauthor).any?
+      end
+
+      def coauthor_in_comments?
+        @coauthor_in_comments ||= proposal.comments.where(author: coauthor).any?
+      end
+
+      def valid_coauthor?
+        return false unless proposal.authors.include?(user)
+        return false unless proposal.user_has_actions?(coauthor)
+
+        coauthor_in_comments?
+      end
+
+      def can_be_coauthor?
+        return false unless user == coauthor
+        return false unless proposal.user_has_actions?(coauthor)
+
+        notification_already_sent?
+      end
     end
   end
 end

data/app/presenters/decidim/proposals/admin_log/proposal_presenter.rb

@@ -27,7 +27,7 @@ module Decidim
 
         def action_string
           case action
-          when "answer", "create", "update", "publish_answer"
+          when "answer", "create", "update", "publish_answer", "soft_delete", "restore"
             "decidim.proposals.admin_log.proposal.#{action}"
           else
             super

data/app/presenters/decidim/proposals/proposal_presenter.rb

@@ -40,7 +40,7 @@ module Decidim
       def title(links: false, extras: true, html_escape: false, all_locales: false)
         return unless proposal
 
-        super proposal.title, links, html_escape, all_locales, extras:
+        super(proposal.title, links, html_escape, all_locales, extras:)
       end
 
       def id_and_title(links: false, extras: true, html_escape: false)

data/app/queries/decidim/proposals/filtered_proposals.rb

@@ -28,8 +28,8 @@ module Decidim
       # by a range of dates.
       def query
         proposals = Decidim::Proposals::Proposal.where(component: @components)
-        proposals = proposals.where("created_at >= ?", @start_at) if @start_at.present?
-        proposals = proposals.where("created_at <= ?", @end_at) if @end_at.present?
+        proposals = proposals.where(created_at: @start_at..) if @start_at.present?
+        proposals = proposals.where(created_at: ..@end_at) if @end_at.present?
         proposals
       end
     end

data/app/queries/decidim/proposals/metrics/accepted_proposals_metric_manage.rb

@@ -18,13 +18,13 @@ module Decidim
           end
           @query = Decidim::Proposals::Proposal.where(component: visible_components_from_spaces(spaces)).joins(:component)
                                                .left_outer_joins(:category)
-          @query = @query.where("decidim_proposals_proposals.created_at <= ?", end_time).accepted
+          @query = @query.where(decidim_proposals_proposals: { created_at: ..end_time }).accepted
           @query = @query.group("decidim_categorizations.id", :participatory_space_type, :participatory_space_id)
           @query
         end
 
         def quantity
-          @quantity ||= query.where("decidim_proposals_proposals.created_at >= ?", start_time).count
+          @quantity ||= query.where(decidim_proposals_proposals: { created_at: start_time.. }).count
         end
       end
     end

data/app/queries/decidim/proposals/metrics/endorsements_metric_manage.rb

@@ -13,9 +13,9 @@ module Decidim
             next if cumulative_value.zero?
 
             quantity_value = quantity[key] || 0
-            category_id, space_type, space_id, proposal_id = key
+            taxonomy_id, space_type, space_id, proposal_id = key
             record = Decidim::Metric.find_or_initialize_by(day: @day.to_s, metric_type: @metric_name,
-                                                           organization: @organization, decidim_category_id: category_id,
+                                                           organization: @organization, decidim_taxonomy_id: taxonomy_id,
                                                            participatory_space_type: space_type, participatory_space_id: space_id,
                                                            related_object_type: "Decidim::Proposals::Proposal", related_object_id: proposal_id)
             record.assign_attributes(cumulative: cumulative_value, quantity: quantity_value)
@@ -31,18 +31,18 @@ module Decidim
           components = Decidim::Component.where(participatory_space: retrieve_participatory_spaces).published
           proposals = Decidim::Proposals::Proposal.where(component: components).not_withdrawn
           join_components = "INNER JOIN decidim_components ON decidim_components.manifest_name = 'proposals' AND proposals.decidim_component_id = decidim_components.id"
-          join_categories = <<~EOJOINCATS
-            LEFT OUTER JOIN decidim_categorizations
-            ON (proposals.id = decidim_categorizations.categorizable_id
-            AND decidim_categorizations.categorizable_type = 'Decidim::Proposals::Proposal')
+          join_taxonomies = <<~EOJOINCATS
+            LEFT OUTER JOIN decidim_taxonomizations
+            ON (proposals.id = decidim_taxonomizations.taxonomizable_id
+            AND decidim_taxonomizations.taxonomizable_type = 'Decidim::Proposals::Proposal')
           EOJOINCATS
           @query = Decidim::Endorsement.joins("INNER JOIN decidim_proposals_proposals proposals ON resource_id = proposals.id")
                                        .joins(join_components)
-                                       .joins(join_categories)
+                                       .joins(join_taxonomies)
                                        .where(resource_id: proposals.pluck(:id))
                                        .where(resource_type: Decidim::Proposals::Proposal.name)
-          @query = @query.where("decidim_endorsements.created_at <= ?", end_time)
-          @query = @query.group("decidim_categorizations.id",
+          @query = @query.where(decidim_endorsements: { created_at: ..end_time })
+          @query = @query.group("decidim_taxonomizations.taxonomy_id",
                                 :participatory_space_type,
                                 :participatory_space_id,
                                 :resource_id)
@@ -50,7 +50,7 @@ module Decidim
         end
 
         def quantity
-          @quantity ||= query.where("decidim_endorsements.created_at >= ?", start_time).count
+          @quantity ||= query.where(decidim_endorsements: { created_at: start_time.. }).count
         end
       end
     end

data/app/queries/decidim/proposals/metrics/proposal_followers_metric_measure.rb

@@ -30,17 +30,17 @@ module Decidim
 
         def retrieve_proposals_followers(from_start: false)
           @proposals_followers ||= Decidim::Follow.where(followable: retrieve_proposals).joins(:user)
-                                                  .where("decidim_follows.created_at <= ?", end_time)
+                                                  .where(decidim_follows: { created_at: ..end_time })
 
-          return @proposals_followers.where("decidim_follows.created_at >= ?", start_time) if from_start
+          return @proposals_followers.where(decidim_follows: { created_at: start_time.. }) if from_start
 
           @proposals_followers
         end
 
         def retrieve_drafts_followers(from_start: false)
           @drafts_followers ||= Decidim::Follow.where(followable: retrieve_collaborative_drafts).joins(:user)
-                                               .where("decidim_follows.created_at <= ?", end_time)
-          return @drafts_followers.where("decidim_follows.created_at >= ?", start_time) if from_start
+                                               .where(decidim_follows: { created_at: ..end_time })
+          return @drafts_followers.where(decidim_follows: { created_at: start_time.. }) if from_start
 
           @drafts_followers
         end

data/app/queries/decidim/proposals/metrics/proposal_participants_metric_measure.rb

@@ -41,19 +41,19 @@ module Decidim
                                                                 "Decidim::Meetings::Meeting"
                                                               ]
                                                             })
-                                                     .where("decidim_proposals_proposals.published_at <= ?", end_time)
+                                                     .where(decidim_proposals_proposals: { published_at: ..end_time })
                                                      .not_withdrawn
 
-          return @proposals.where("decidim_proposals_proposals.published_at >= ?", start_time) if from_start
+          return @proposals.where(decidim_proposals_proposals: { published_at: start_time.. }) if from_start
 
           @proposals
         end
 
         def retrieve_votes(from_start: false)
           @votes ||= Decidim::Proposals::ProposalVote.joins(:proposal).where(proposal: retrieve_proposals).joins(:author)
-                                                     .where("decidim_proposals_proposal_votes.created_at <= ?", end_time)
+                                                     .where(decidim_proposals_proposal_votes: { created_at: ..end_time })
 
-          return @votes.where("decidim_proposals_proposal_votes.created_at >= ?", start_time) if from_start
+          return @votes.where(decidim_proposals_proposal_votes: { created_at: start_time.. }) if from_start
 
           @votes
         end
@@ -61,10 +61,10 @@ module Decidim
         def retrieve_endorsements(from_start: false)
           @endorsements ||= Decidim::Endorsement.joins("INNER JOIN decidim_proposals_proposals proposals ON resource_id = proposals.id")
                                                 .where(resource: retrieve_proposals)
-                                                .where("decidim_endorsements.created_at <= ?", end_time)
+                                                .where(decidim_endorsements: { created_at: ..end_time })
                                                 .where(decidim_author_type: "Decidim::UserBaseEntity")
 
-          return @endorsements.where("decidim_endorsements.created_at >= ?", start_time) if from_start
+          return @endorsements.where(decidim_endorsements: { created_at: start_time.. }) if from_start
 
           @endorsements
         end

data/app/queries/decidim/proposals/metrics/proposals_metric_manage.rb

@@ -13,9 +13,9 @@ module Decidim
             next if cumulative_value.zero?
 
             quantity_value = quantity[key] || 0
-            category_id, space_type, space_id = key
+            taxonomy_id, space_type, space_id = key
             record = Decidim::Metric.find_or_initialize_by(day: @day.to_s, metric_type: @metric_name,
-                                                           organization: @organization, decidim_category_id: category_id,
+                                                           organization: @organization, decidim_taxonomy_id: taxonomy_id,
                                                            participatory_space_type: space_type, participatory_space_id: space_id)
             record.assign_attributes(cumulative: cumulative_value, quantity: quantity_value)
             record.save!
@@ -31,16 +31,16 @@ module Decidim
             manifest.participatory_spaces.call(@organization)
           end
           @query = Decidim::Proposals::Proposal.where(component: visible_components_from_spaces(spaces)).joins(:component)
-                                               .left_outer_joins(:category)
-          @query = @query.where("decidim_proposals_proposals.published_at <= ?", end_time).not_withdrawn.not_hidden
-          @query = @query.group("decidim_categorizations.decidim_category_id",
+                                               .left_outer_joins(:taxonomizations)
+          @query = @query.where(decidim_proposals_proposals: { published_at: ..end_time }).not_withdrawn.not_hidden
+          @query = @query.group("decidim_taxonomizations.taxonomy_id",
                                 :participatory_space_type,
                                 :participatory_space_id)
           @query
         end
 
         def quantity
-          @quantity ||= query.where("decidim_proposals_proposals.published_at >= ?", start_time).count
+          @quantity ||= query.where(decidim_proposals_proposals: { published_at: start_time.. }).count
         end
       end
     end

data/app/queries/decidim/proposals/metrics/votes_metric_manage.rb

@@ -13,9 +13,9 @@ module Decidim
             next if cumulative_value.zero?
 
             quantity_value = quantity[key] || 0
-            category_id, space_type, space_id, proposal_id = key
+            taxonomy_id, space_type, space_id, proposal_id = key
             record = Decidim::Metric.find_or_initialize_by(day: @day.to_s, metric_type: @metric_name,
-                                                           organization: @organization, decidim_category_id: category_id,
+                                                           organization: @organization, decidim_taxonomy_id: taxonomy_id,
                                                            participatory_space_type: space_type, participatory_space_id: space_id,
                                                            related_object_type: "Decidim::Proposals::Proposal", related_object_id: proposal_id)
             record.assign_attributes(cumulative: cumulative_value, quantity: quantity_value)
@@ -33,10 +33,10 @@ module Decidim
           end
           proposal_ids = Decidim::Proposals::Proposal.where(component: visible_components_from_spaces(spaces)).not_withdrawn.not_hidden.pluck(:id)
           @query = Decidim::Proposals::ProposalVote.joins(proposal: :component)
-                                                   .left_outer_joins(proposal: :category)
+                                                   .left_outer_joins(proposal: :taxonomizations)
                                                    .where(proposal: proposal_ids)
-          @query = @query.where("decidim_proposals_proposal_votes.created_at <= ?", end_time)
-          @query = @query.group("decidim_categorizations.id",
+          @query = @query.where(decidim_proposals_proposal_votes: { created_at: ..end_time })
+          @query = @query.group("decidim_taxonomizations.taxonomy_id",
                                 :participatory_space_type,
                                 :participatory_space_id,
                                 :decidim_proposal_id)
@@ -44,7 +44,7 @@ module Decidim
         end
 
         def quantity
-          @quantity ||= query.where("decidim_proposals_proposal_votes.created_at >= ?", start_time).count
+          @quantity ||= query.where(decidim_proposals_proposal_votes: { created_at: start_time.. }).count
         end
       end
     end

data/app/services/decidim/proposals/proposal_builder.rb

@@ -74,7 +74,7 @@ module Decidim
           "proposal_notes_count",
           "proposal_votes_count"
         ).merge(
-          "category" => original_proposal.category
+          "taxonomies" => original_proposal.taxonomies
         ).merge(
           extra_attributes
         )

data/app/views/decidim/proposals/admin/proposal_notes/_form.html.erb

@@ -1,7 +1,7 @@
-<%= decidim_form_for(@notes_form, url: proposal_proposal_notes_path(proposal, @notes_form), html: { class: "form form-defaults new_proposal_note" }) do |f| %>
+<%= decidim_form_for(@notes_form, url: form_path, html: { class: "form form-defaults new_proposal_note flex flex-col mt-4" }) do |f| %>
   <div class="form__wrapper">
-    <%= f.text_area :body, rows: 4, label: t(".note"), class: "rounded border border-text-gray-2 mt-2" %>
+    <%= f.text_area :body, rows: 4, label: t(".note"), class: "js-mentions" %>
   </div>
 
-  <%= f.submit t(".submit"), class: "button button__sm button__secondary" %>
+  <%= f.submit t(".submit"), class: "button button__sm button__secondary ml-auto" %>
 <% end %>

data/app/views/decidim/proposals/admin/proposal_notes/_proposal_note.html.erb

@@ -0,0 +1,28 @@
+<% reply_id = "note#{proposal_note.id}-reply" %>
+
+<div class="comment">
+  <div class="comment__header">
+    <%= cell "decidim/author", present(proposal_note.author), from: proposal_note, context_actions: [:date], tooltip: false, show_icons: false %>
+  </div>
+
+  <div class="comment__content">
+    <%= simple_format proposal_note.formatted_body %>
+  </div>
+
+  <div class="comment-actions">
+    <button class="button button__sm button__text-secondary" data-controls="panel-<%= reply_id %>" id="panel-<%= reply_id %>-trigger">
+      <%= icon "chat-1-line" %>
+      <span class="font-normal"><%= t("decidim.components.comment.reply") %></span>
+      <%= icon "close-circle-line" %>
+      <span class="font-normal"><%= t("decidim.components.comment.cancel_reply") %></span>
+    </button>
+  </div>
+
+  <div class="mt-6 space-y-2">
+    <%= render partial: "decidim/proposals/admin/proposal_notes/proposal_note_reply", collection: proposal_note.replies %>
+  </div>
+
+  <div id="panel-<%= reply_id %>" class="add-comment" data-additional-reply>
+    <%= render partial: "decidim/proposals/admin/proposal_notes/form", locals: { form_path: reply_proposal_proposal_note_path(proposal, proposal_note, @notes_form) } %>
+  </div>
+</div>

data/app/views/decidim/proposals/admin/proposal_notes/_proposal_note_reply.html.erb

@@ -0,0 +1,9 @@
+<div class="comment-reply">
+  <div class="comment__header">
+    <%= cell "decidim/author", present(proposal_note_reply.author), from: proposal_note_reply, context_actions: [:date], tooltip: false, show_icons: false %>
+  </div>
+
+  <div class="comment__content">
+    <%= simple_format proposal_note_reply.formatted_body %>
+  </div>
+</div>

data/app/views/decidim/proposals/admin/proposal_notes/_proposal_notes.html.erb

@@ -1,37 +1,13 @@
 <div class="component__show_notes" data-component="accordion" id="accordion-notes">
-  <button class="card-divider-button" data-controls="panel-notes" type="button">
+  <button type="button" class="card-divider-button" data-controls="panel-notes">
     <%= icon "arrow-right-s-line" %>
     <h2 class="card-title">
       <%= t("title", scope: "decidim.proposals.admin.proposal_notes") %>
     </h2>
   </button>
+
   <div id="panel-notes">
-    <div class="component__show_notes-grid">
-      <% proposal.notes.each do |note| %>
-        <div class="comment">
-          <div class="comment__header">
-            <div>
-              <div>
-                <div class="author">
-                  <strong><span class="author__name"><%= note.author.name %></span></strong>
-                  <span><%= l note.created_at, format: :decidim_short %></span>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="comment__content">
-            <%= simple_format note.body %>
-          </div>
-        </div>
-      <% end %>
-    </div>
-    <div class="card add-comment">
-      <div class="card-divider">
-        <h2 class="card-title"><%= t("leave_your_note", scope: "decidim.proposals.admin.proposal_notes") %></h2>
-      </div>
-      <div class="card-section">
-        <%= render "decidim/proposals/admin/proposal_notes/form" %>
-      </div>
-    </div>
+    <%= render partial: "decidim/proposals/admin/proposal_notes/proposal_note", collection: proposal.notes.not_reply %>
+    <%= render partial: "decidim/proposals/admin/proposal_notes/form", locals: { form_path: proposal_proposal_notes_path(proposal, @notes_form) } %>
   </div>
 </div>