decidim-posts 1.0.0

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

@@ -0,0 +1,415 @@
+/* css for decidim_feeds */
+
+@import '_variables.scss';
+
+#posts__post_newElement {
+	@apply fixed left-0 top-0 right-0 bottom-0 w-full h-full bg-white bg-opacity-60 z-50 justify-center items-start pt-[72px] hidden;
+	&.open {
+		--tw-ring-color: theme('colors.feeds.sidebar');
+		@apply flex;
+		.circle {
+			svg {
+				@apply rotate-0 motion-safe:transition-transform;
+			}
+		}
+	}
+	.circle {
+		@apply w-[52px] h-[52px] p-2 bg-white rounded-[52px] shadow-feedMenu justify-center items-center inline-flex text-black;
+		svg {
+			@apply w-[36px] h-[36px] fill-feeds-sidebar rotate-45 motion-safe:transition-transform;
+		}
+	}
+	.posts__post_newElement_modal_frame {
+		--tw-ring-color: theme('colors.white');
+		@apply p-4 gap-2 w-full shadow-feedBox rounded lg:max-w-screen-md bg-white w-[calc(100%-2rem)] max-h-[80vh] overflow-auto motion-safe:transition-all;
+	}
+	.posts__post_newElement_modal_content {
+		@apply flex flex-col gap-2;
+	}
+	.category-selection {
+		@apply flex gap-2 flex-wrap justify-center;
+		button {
+			@apply border-2 hover:bg-white hover:text-black;
+			&:hover {
+				background: white;
+			}
+			&[data-category='post'] {
+				@apply border-feeds-post focus:outline-feeds-post;
+				&:hover,
+				&.active {
+					@apply outline outline-offset-2 outline-feeds-post;
+				}
+			}
+			&[data-category='host'] {
+				@apply border-feeds-host focus:outline-feeds-host;
+				&:hover,
+				&.active {
+					@apply outline outline-offset-2 outline-feeds-host;
+				}
+			}
+			&[data-category='sharecare'] {
+				@apply border-feeds-sharecare focus:outline-feeds-sharecare;
+				&:hover,
+				&.active {
+					@apply outline outline-offset-2 outline-feeds-sharecare;
+				}
+			}
+			&[data-category='survey'] {
+				@apply border-feeds-survey focus:outline-feeds-survey;
+				&:hover,
+				&.active {
+					@apply outline outline-offset-2 outline-feeds-survey;
+				}
+			}
+			&[data-category='calendar'] {
+				@apply border-feeds-calendar focus:outline-feeds-calendar;
+				&:hover,
+				&.active {
+					@apply outline outline-offset-2 outline-feeds-calendar;
+				}
+			}
+		}
+	}
+	form {
+		@apply hidden opacity-0 scale-0 motion-safe:transition-transform motion-safe:transition-opacity;
+		&.open {
+			@apply flex flex-col gap-4 opacity-100 scale-100 motion-safe:transition-transform motion-safe:transition-opacity;
+		}
+		label {
+			font-size: 1rem;
+		}
+		input,
+		textarea {
+			margin-block-start: 0;
+		}
+		.posts__post_newElement_Body {
+			@apply border-0 bg-feeds-formBody;
+		}
+		.postType {
+			@apply flex gap-2 flex-wrap justify-center;
+
+			input[type='radio']:checked + label {
+				@apply bg-primary text-white focus:outline-primary;
+			}
+		}
+		.posts__post_newElement_Xtra {
+			@apply relative hidden opacity-0 scale-0 motion-safe:transition-transform motion-safe:transition-opacity;
+			&.open {
+				@apply block opacity-100 scale-100 motion-safe:transition-transform motion-safe:transition-opacity;
+			}
+			&.posts__post_newSurvey {
+				.posts__post_newSurvey-btn {
+					@apply flex justify-center items-center gap-2 text-black font-medium p-4 bg-feeds-bg w-full rounded;
+				}
+				#newQuestion {
+					--tw-ring-color: theme('colors.feeds.sidebar');
+					@apply top-0 left-0 w-full h-full bg-white p-4 ring-1 rounded;
+				}
+			}
+		}
+		.posts__post_newElement_Media {
+			@apply px-2 pb-2 pt-0;
+			svg {
+				@apply w-[24px] h-auto;
+			}
+			.active-uploads {
+				@apply mt-0 pb-2;
+			}
+			button {
+				@apply mt-0;
+			}
+		}
+		.sndBtn {
+			@apply self-end;
+		}
+	}
+}
+
+.feeds__container {
+	@apply pr-[91px] md:pr-[101px] lg:pr-0 order-1 grow min-h-[calc(100vh-72px)];
+	.feeds__body {
+		@apply flex-grow flex flex-wrap gap-4 items-start;
+		.posts__post {
+			@apply gap-4 ring-1 hover:cursor-default md:col-start-1 md:col-end-4 lg:col-start-2 lg:col-end-8 xl:col-start-2 xl:col-end-10;
+			.card__grid-text {
+				@apply py-2 text-pretty;
+				p {
+					@apply text-black;
+				}
+				a {
+					@apply break-words break-all underline motion-safe:transition-colors hover:text-feeds-notification hover:no-underline;
+				}
+			}
+			&[data-content] {
+				@apply shadow-feedBox;
+			}
+			&[data-content='post'] {
+				--tw-ring-color: theme('colors.feeds.post');
+			}
+			&[data-content='sharecare'] {
+				--tw-ring-color: theme('colors.feeds.sharecare');
+			}
+			&[data-content='host'] {
+				--tw-ring-color: theme('colors.feeds.host');
+				&.host-highlight {
+					@apply bg-feeds-host font-medium;
+					.content-block__description {
+						@apply text-white;
+						button {
+							@apply text-white;
+						}
+					}
+					.card__grid-metadata {
+						.posts__post_actions_submenu {
+							button.openButton,
+							button.openButton span {
+								@apply text-white;
+							}
+							&:has(ul:empty) {
+								@apply hidden;
+							}
+						}
+					}
+				}
+				&.posts__post_host-handling {
+					@apply border-t-8 border-warning;
+				}
+				&.posts__post_host-complete {
+					@apply border-t-8 border-success;
+				}
+				.host-icon {
+					@apply absolute -right-2 -top-2 bg-white fill-feeds-host;
+				}
+			}
+			&[data-content='survey'] {
+				--tw-ring-color: theme('colors.feeds.survey');
+				.posts__post_survey {
+					@apply flex flex-col gap-2 text-sm font-bold px-2;
+					.posts__post_survey-question {
+						@apply flex flex-col p-2 gap-2 rounded bg-feeds-bg;
+						.posts__post_survey-question-answer {
+							@apply font-medium flex flex-col px-2;
+							.posts__post_survey-question-answerInput {
+								@apply flex py-1 gap-2;
+								span {
+									@apply text-sm shrink-0;
+								}
+							}
+						}
+					}
+				}
+			}
+			&[data-content='calendar'] {
+				--tw-ring-color: theme('colors.feeds.calendar');
+			}
+			.card__grid-metadata {
+				@apply gap-2 items-center flex-nowrap text-black px-2 pt-2;
+				.author {
+					@apply mr-auto shrink;
+				}
+				.posts__post_actions {
+					@apply flex gap-4;
+					span {
+						@apply flex items-center gap-1;
+					}
+					.endorsers-list__trigger {
+						@apply hidden;
+					}
+					#endorsement-button {
+						@apply border-0 p-0 font-normal;
+						&:hover {
+							background: none;
+							color: inherit;
+						}
+						svg {
+							@apply fill-black;
+						}
+					}
+					.posts__post_actions_submenu {
+						button.openButton {
+							span {
+								@apply leading-[0] text-3xl text-feeds-sidebar;
+							}
+						}
+					}
+				}
+			}
+			.posts__post_gallery {
+				li {
+					transition: opacity 0.5s ease;
+					opacity: 0;
+					display: none;
+					&.active {
+						opacity: 1;
+						display: block;
+					}
+					@supports not (aspect-ratio: 4 / 3) {
+						&::before {
+							float: left;
+							padding-top: 75%;
+							content: '';
+						}
+
+						&::after {
+							display: block;
+							content: '';
+							clear: both;
+						}
+					}
+				}
+			}
+			.posts__post_comments {
+				@apply px-2;
+				#comments {
+					.comments__header {
+						@apply flex-row justify-end h-8 items-center mb-0;
+						h2 {
+							@apply flex text-sm font-medium gap-1 cursor-pointer;
+							svg {
+								@apply w-[14px] h-auto fill-black;
+							}
+						}
+					}
+					.comment-order-by {
+						@apply hidden;
+					}
+					.comment-threads,
+					.add-comment:not(.comment__additionalreply) form.new_comment {
+						@apply h-0 invisible motion-safe:transition-transform;
+					}
+					.comment-threads {
+						.comment-thread {
+							.comment__header {
+								@apply -ml-8;
+							}
+							.author__avatar-container {
+								@apply w-6 h-6;
+							}
+						}
+					}
+					.add-comment {
+						@apply mt-4;
+						label {
+							@apply block text-md font-medium;
+						}
+						textarea {
+							@apply block w-full sm:text-sm sm:leading-6;
+						}
+					}
+					.add-comment:not(.comment__additionalreply) {
+						@apply mt-0;
+					}
+				}
+			}
+			&.posts__post_newElement {
+				--tw-ring-color: theme('colors.white');
+				@apply gap-4;
+				.circle {
+					@apply w-[52px] h-[52px] p-2 bg-white rounded-[52px] shadow-feedMenu justify-center items-center inline-flex text-black;
+					svg {
+						@apply w-[36px] h-[36px] fill-feeds-sidebar rotate-45 motion-safe:transition-transform;
+					}
+				}
+			}
+		}
+	}
+}
+
+.posts__aside {
+	@apply shrink-0 max-lg:right-[16px] max-lg:top-[88px] max-lg:bottom-[80px] max-lg:fixed max-w-[72px] order-2 flex flex-col justify-between lg:justify-start;
+	ul {
+		@apply flex flex-col space-y-4;
+		a {
+			@apply flex flex-col items-center font-medium text-sm md:text-md text-feeds-sidebar text-center;
+			svg {
+				@apply w-[24px] h-auto fill-feeds-sidebar;
+			}
+			&.active {
+				span {
+					@apply font-bold;
+				}
+				&[data-filter='post'] {
+					svg {
+						@apply fill-feeds-post;
+					}
+				}
+				&[data-filter='sharecare'] {
+					svg {
+						@apply fill-feeds-sharecare;
+					}
+				}
+				&[data-filter='host'] {
+					svg {
+						@apply fill-feeds-host;
+					}
+				}
+				&[data-filter='survey'] {
+					svg {
+						@apply fill-feeds-survey;
+					}
+				}
+				&[data-filter='calendar'] {
+					svg {
+						@apply fill-feeds-calendar;
+					}
+				}
+			}
+			&[data-filter='host'] {
+				@apply mt-8;
+			}
+		}
+	}
+}
+
+// tooltip
+.author__tooltip {
+	&[role='tooltip'] {
+		@apply bg-white text-black rounded-2xl shadow-feedMenu;
+		.author__name {
+			@apply text-black;
+			&:hover {
+				@apply no-underline;
+			}
+		}
+		&::before {
+			@apply bg-white;
+		}
+		.button {
+			@apply border-black bg-white text-black;
+		}
+	}
+}
+
+// fix bottom menu overlapping content on desktops
+#content {
+	@apply lg:mb-28;
+}
+
+// color hacks
+.content-block__description {
+	@apply text-black;
+}
+
+// long text cut off
+.content-block__description[data-component='accordion']
+	[id*='panel'][aria-hidden='true']::after,
+.content-block__description[data-component='accordion']
+	[id*='panel'][aria-hidden='true']::before {
+	content: none;
+}
+
+.content-block__description[data-component='accordion'] button {
+	margin-block-start: 1rem;
+}
+
+// reactions icons
+
+.posts__post_reactions_submenu {
+	button {
+		&[data-reaction]:not([data-reaction='']) {
+			.reaction_icon {
+				@apply hidden;
+			}
+		}
+	}
+}

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

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Posts
+    module Admin
+      class Permissions < Decidim::DefaultPermissions
+        def permissions
+          return permission_action if permission_action.scope != :admin
+          return permission_action unless user&.admin?
+
+          allow! if can_access?
+
+          permission_action
+        end
+
+        def can_access?
+          permission_action.subject == :feeds &&
+            permission_action.action == :read
+        end
+      end
+    end
+  end
+end

data/app/permissions/decidim/posts/permissions.rb

@@ -0,0 +1,101 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Posts
+    class Permissions < Decidim::DefaultPermissions
+      def permissions
+        return permission_action unless user
+
+        case permission_action.subject
+        when :post
+          case permission_action.action
+          when :create
+            allow! if can_create_posts?
+          when :edit
+            allow! if can_update_post?
+          when :delete
+            allow! if can_delete_post?
+          when :read
+            allow! if can_access?
+          when :change_post_status
+            allow! if change_post_status?
+          end
+        when :meeting
+          case permission_action.action
+          when :create
+            allow! if can_create_posts?
+          when :update
+            allow! if can_update_meeting?
+          when :withdraw
+            allow! if can_withdraw_meeting?
+          end
+        when :reaction
+          case permission_action.action
+          when :create
+            allow! if can_access?
+          when :withdraw
+            allow! if can_access?
+          end
+        end
+
+        permission_action
+      end
+
+      private
+
+      def post
+        @post ||= context.fetch(:post, nil) || context.fetch(:resource, nil)
+      end
+
+      def meeting
+        @meeting ||= context.fetch(:meeting, nil) || context.fetch(:resource, nil)
+      end
+
+      def can_access?
+        user.present?
+      end
+
+      def can_create_posts?
+        return false unless user
+        # component_settings&.creation_enabled_for_participants? && public_space_or_member?
+        public_space_or_member?
+      end
+
+      def can_update_post?
+        post.authored_by?(user)
+      end
+
+      def can_delete_post?
+        post.authored_by?(user) || user.admin?
+      end
+
+      def change_post_status?
+        participatory_space.admins.exists?(id: user.id)
+      end
+
+      def public_space_or_member?
+        participatory_space = context[:current_component].participatory_space
+
+        participatory_space.private_space? ? space_member?(participatory_space, user) : true
+      end
+
+      # Neither platform admins, nor space admins should be able to create meetings from the public side.
+      def space_member?(participatory_space, user)
+        return false unless user
+
+        participatory_space.participatory_space_private_users.exists?(decidim_user_id: user.id)
+      end
+
+      def can_update_meeting?
+        meeting.authored_by?(user) &&
+          !meeting.closed?
+      end
+
+      def can_withdraw_meeting?
+        meeting.authored_by?(user) &&
+          !meeting.withdrawn? &&
+          !meeting.past?
+      end
+    end
+  end
+end

data/app/presenters/decidim/posts/post_presenter.rb

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Posts
+    #
+    # Decorator for Posts
+    #
+    class PostPresenter < Decidim::ResourcePresenter
+      include Rails.application.routes.mounted_helpers
+      include ActionView::Helpers::UrlHelper
+      include Decidim::SanitizeHelper
+
+      def post
+        __getobj__
+      end
+
+      def post_path
+        Decidim::ResourceLocatorPresenter.new(post).path
+      end
+
+      def title(links: false, extras: true, html_escape: false, all_locales: false)
+        return unless post
+
+        super post.title, links, html_escape, all_locales, extras:
+      end
+
+      def body(links: true, extras: true, strip_tags: false, all_locales: false)
+        return unless post
+
+        content_handle_locale(post.body, all_locales, extras, links, strip_tags)
+      end
+
+      def editor_body(all_locales: false, extras: true)
+        editor_locales(post.body, all_locales, extras:)
+      end
+
+      # def resource_manifest
+      #   post.class.resource_manifest
+      # end
+
+      # private
+
+    end
+  end
+end

data/app/views/decidim/posts/admin/posts/_post-tr.html.erb

@@ -0,0 +1,45 @@
+<tr data-id="<%= post.id %>">
+  <td>
+    <%= check_box_tag "post_ids_s[]", post.id, false, class: "js-check-all-post js-post-list-check  js-post-id-#{post.id}" %><br>
+  </td>
+  <td class="!text-left">
+    <% if allowed_to? :edit, :post, post: post %>
+      <%= link_to present(post).title(html_escape: true), post_path(post) %><br>
+    <% else %>
+      <%= present(post).title(html_escape: true) %><br>
+    <% end %>
+    <div class="flex items-center gap-x-1 mt-2">
+      <%= icon "price-tag-3-line", class: "fill-gray w-4 h-4" %>
+      <%= post.category %>
+    </div>
+  </td>
+  <td class="table-list__date">
+    <%= l post.created_at, format: :decidim_short %>
+  </td>
+
+  <td>
+    <%= post.reactions_count  %>
+  </td>
+
+  <td>
+    <%= post.comments_count %>
+  </td>
+
+  <td>
+    <%= post.status %>
+  </td>
+
+  <td class="table-list__actions">
+    <% if allowed_to? :edit, :post, post: post %>
+      <%= icon_link_to "pencil-line", edit_post_path(post), t("actions.edit_post", scope: "decidim.posts"), class: "action-icon--edit-post" %>
+    <% else %>
+      <span class="action-space icon"></span>
+    <% end %>
+
+    <%#= icon_with_link_to_post(post) %>
+
+    <%= icon_link_to "eye-line", resource_locator(post).path, t("actions.preview", scope: "decidim.posts.admin"), class: "action-icon--preview", target: :blank, data: { "external-link": false } %>
+
+    <%= resource_permissions_link(post) %>
+  </td>
+</tr>

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

@@ -0,0 +1,54 @@
+<% add_decidim_page_title(t(".title")) %>
+<div class="card">
+  <div class="item_show__header">
+    <h1 class="item_show__header-title">
+      <div>
+        <%= t(".title") %>
+        <span id="js-selected-posts-count" class="component-counter component-counter--inline" title="<%= t("decidim.posts.admin.posts.index.selected") %>"></span>
+      </div>
+        <%#= render partial: "bulk-actions" %>
+        <%#= render partial: "decidim/admin/components/resource_action" %>
+    </h1>
+  </div>
+  <%#= admin_filter_selector(:posts) %>
+  <div class="table-scroll mt-16">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th>
+            <%#= check_box_tag "posts_bulk", "all", false, class: "js-check-all" %>
+          </th>
+          <th class="!text-left">
+            <%= t("models.post.fields.title", scope: "decidim.posts") %>
+          </th>
+          <th>
+            <%= t("models.post.fields.created_at", scope: "decidim.posts") %>
+          </th>
+
+          <th>
+            <%= t("models.post.fields.endorsements", scope: "decidim.posts") %>
+          </th>
+
+          <th>
+            <%= t("models.post.fields.comments", scope: "decidim.posts") %>
+          </th>
+
+          <th>
+            <%= t("models.post.fields.status", scope: "decidim.posts") %>
+          </th>
+
+          <th class="actions"><%= t("actions.title", scope: "decidim.posts") %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% posts.each do |post| %>
+          <%= render partial: "post-tr", locals: { post: } %>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>
+
+<%#= decidim_paginate posts %>
+
+<%#= append_javascript_pack_tag "decidim_posts_admin" %>

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

@@ -0,0 +1,24 @@
+<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="calendar">
+        <%= decidim_form_for(@form, url: Decidim::EngineRouter.main_proxy(posts_component_for_meeting(@meeting)).meeting_path(@meeting), 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">
+              <%= 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, class: "sndBtn button button__sm button__transparent-primary", data: { disable: true } %>
+            </div>
+          <% end %>
+      </div>
+    </div>
+    <!-- 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>