decidim-posts 1.0.0

data/app/models/decidim/posts/post.rb

@@ -0,0 +1,116 @@
+module Decidim
+  module Posts
+    class Post < Feeds::ApplicationRecord
+      include Decidim::Resourceable
+      include Decidim::Authorable
+      include Decidim::Reportable
+      include Decidim::HasAttachments
+      include Decidim::Comments::Commentable
+      include Decidim::Searchable
+      include Decidim::Endorsable
+      include Decidim::TranslatableResource
+      include Decidim::TranslatableAttributes
+      include Decidim::Fingerprintable
+      include Decidim::HasComponent
+      include Decidim::FilterableResource
+      include Decidim::Posts::Reactionable
+      # include Decidim::Loggable
+      # include Decidim::DownloadYourData
+      # include Decidim::Randomable
+      # include Decidim::ScopableResource
+      # include Decidim::HasReference
+      # include Decidim::HasCategory
+      # include Decidim::Followable
+      # include Decidim::Traceable
+      # include Decidim::NewsletterParticipant
+
+      # belongs_to :organization, class_name: "Decidim::Organization"
+
+      has_many :questions, class_name: "Decidim::Posts::Question", dependent: :destroy, foreign_key: "decidim_posts_post_id"
+      # accepts_nested_attributes_for :questions, reject_if: ->(attributes){ attributes['name'].blank? }, allow_destroy: true
+
+      component_manifest_name "posts"
+
+      translatable_fields :body
+
+      fingerprint fields: [:body]
+
+      validates :body, presence: true
+
+      searchable_fields(
+        {
+          participatory_space: { component: :participatory_space },
+          A: :body,
+          datetime: :created_at
+        },
+        index_on_create: true,
+        index_on_update: true
+      )
+
+      scope :filter_category, ->(category) { where(category: category) if category.present? }
+
+      # Posts don't have a title, but Commentable requires it, so let's extract the first words of each translation of the body
+      def title
+        truncated_body = {}
+        body.each do |locale, translations|
+          if locale == "machine_translations"
+            truncated_body[locale] = {}
+            translations.each do |key, value|
+              next if value.class != String
+              truncated_body[locale][key] = value.truncate_words(4)
+            end
+          else
+            next if translations.class != String
+            truncated_body[locale] = translations.truncate_words(4)
+          end
+        end
+        truncated_body
+      end
+
+      def editable_by?(user)
+        user == author
+      end
+
+      def deleteable_by?(user)
+        user == author || user.admin?
+      end
+
+      # Public: Overrides the `reported_content_url` Reportable concern method.
+      def reported_content_url
+        ResourceLocatorPresenter.new(self).url
+      end
+
+      # Public: Overrides the `reported_attributes` Reportable concern method.
+      def reported_attributes
+        [:body]
+      end
+
+      # Public: Overrides the `reported_searchable_content_extras` Reportable concern method.
+      def reported_searchable_content_extras
+        [author.name]
+      end
+
+      def survey_responses_count
+        # questions.includes(answers: :user_answers).map(&:answers).flatten.map(&:user_answers).flatten.pluck(:decidim_user_id).uniq.count
+        answer_ids = questions.includes(:answers).map(&:answers).flatten.pluck(:id)
+        @survey_responses_count ||= UserAnswer.where(decidim_posts_answer_id: answer_ids).distinct.count(:decidim_user_id)
+      end
+
+      # Public: Overrides the `comments_have_alignment?` Commentable concern method.
+      # Whether the object's comments can have alignment or not. It enables the
+      # alignment selector in the add new comment form.
+      def comments_have_alignment?
+        false
+      end
+
+      # Public: Overrides the `comments_have_votes?` Commentable concern method.
+      def comments_have_votes?
+        true
+      end
+
+      def users_to_notify_on_comment_created
+        [author]
+      end      
+    end
+  end
+end

data/app/models/decidim/posts/question.rb

@@ -0,0 +1,17 @@
+module Decidim
+  module Posts
+    class Question < Feeds::ApplicationRecord
+      include Decidim::TranslatableResource
+      include Decidim::TranslatableAttributes
+
+      belongs_to :post, class_name: "Decidim::Posts::Post", foreign_key: "decidim_posts_post_id"
+      has_many :answers, class_name: "Decidim::Posts::Answer", dependent: :destroy, foreign_key: "decidim_posts_question_id"
+      # accepts_nested_attributes_for :answers, allow_destroy: true
+
+      enum question_type: { single_choice: 0, multiple_choice: 1 }
+
+      translatable_fields :title
+
+    end
+  end
+end

data/app/models/decidim/posts/reaction.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Posts
+    class Reaction < ApplicationRecord
+      include Decidim::Authorable
+
+      belongs_to :resource, polymorphic: true, counter_cache: true#, touch: true
+      belongs_to :reaction_type, class_name: "Decidim::Posts::ReactionType"
+
+      validates :reaction_type, presence: true
+
+      def self.reaction_types
+        Decidim::Posts::ReactionType.all
+      end
+
+      def organization
+        resource&.component&.organization
+      end
+    end
+  end
+end

data/app/models/decidim/posts/reaction_type.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Posts
+    # A reaction type for posts.
+    class ReactionType < Decidim::ApplicationRecord
+      has_many :reactions, dependent: :destroy
+
+      validates :name, presence: true, uniqueness: true
+      validates :icon_name, presence: true
+    end
+  end
+end

data/app/models/decidim/posts/user_answer.rb

@@ -0,0 +1,11 @@
+module Decidim
+  module Posts
+    class UserAnswer < Feeds::ApplicationRecord
+      belongs_to :decidim_posts_answer, class_name: 'Decidim::Posts::Answer', foreign_key: "decidim_posts_answer_id"
+      belongs_to :decidim_user, class_name: 'Decidim::User', foreign_key: "decidim_user_id"
+
+      # validate combination of user and answer
+      validates :decidim_user_id, uniqueness: { scope: :decidim_posts_answer_id }
+    end
+  end
+end

data/app/packs/entrypoints/decidim_posts.js

@@ -0,0 +1,5 @@
+import 'src/decidim/posts/posts.js';
+
+require.context('../images', true);
+
+import 'entrypoints/decidim_posts.scss';

data/app/packs/entrypoints/decidim_posts.scss

@@ -0,0 +1 @@
+@import 'stylesheets/decidim/posts/posts';

data/app/packs/images/decidim/posts/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35"><path d="M17.5 35A17.5 17.5 0 1 1 35 17.5 17.52 17.52 0 0 1 17.5 35zm0-33.06A15.56 15.56 0 1 0 33.06 17.5 15.57 15.57 0 0 0 17.5 1.94zm9.5 13.7H8a1 1 0 0 1 0-1.94h19a1 1 0 0 1 0 1.94zm0 3.68H8a1 1 0 0 1 0-1.94h19a1 1 0 0 1 0 1.94zM22.26 23H8a1 1 0 0 1 0-1.94h14.26a1 1 0 0 1 0 1.94z"/></svg>

data/app/packs/src/decidim/posts/carousel.js

@@ -0,0 +1,112 @@
+const carousel = (() => {
+	let startX;
+
+	const setActiveItem = (galleryId, index, direction = null) => {
+		const galleryItems = document.querySelectorAll(`#${galleryId} li`);
+		const navDots = document.querySelectorAll(
+			`.posts__post_gallery_nav_dot[data-target="${galleryId}"]`
+		);
+		let activeIndex = index;
+
+		if (direction) {
+			const currentIndex = Array.from(galleryItems).findIndex((item) =>
+				item.classList.contains('active')
+			);
+
+			if (direction === 'left' && currentIndex < galleryItems.length - 1) {
+				activeIndex = currentIndex + 1;
+			} else if (direction === 'right' && currentIndex > 0) {
+				activeIndex = currentIndex - 1;
+			}
+		}
+
+		galleryItems.forEach((item, idx) => {
+			if (idx === activeIndex) {
+				item.classList.add('active');
+			} else {
+				item.classList.remove('active');
+			}
+		});
+
+		navDots.forEach((dot, idx) => {
+			const innerSpan = dot.querySelector('span');
+			if (innerSpan) {
+				if (idx === activeIndex) {
+					innerSpan.classList.add('bg-feeds-notification');
+				} else {
+					innerSpan.classList.remove('bg-feeds-notification');
+				}
+			}
+		});
+
+		// Show only the first 8 dots and update the visible range as the user navigates
+		const visibleRange = 8;
+		let start = 0;
+		let end = visibleRange;
+
+		if (activeIndex >= end - 1) {
+			start = activeIndex - visibleRange + 2;
+			end = activeIndex + 2;
+		}
+
+		start = Math.max(0, start);
+		end = Math.min(navDots.length, end);
+
+		navDots.forEach((dot, idx) => {
+			if (idx >= start && idx < end) {
+				dot.style.display = 'flex';
+			} else {
+				dot.style.display = 'none';
+			}
+		});
+	};
+
+	const attachSwipeListeners = (galleryId) => {
+		const gallery = document.getElementById(galleryId);
+
+		gallery.addEventListener('touchstart', (e) => {
+			startX = e.touches[0].clientX;
+		});
+
+		gallery.addEventListener('touchend', (e) => {
+			const endX = e.changedTouches[0].clientX;
+			const galleryItems = document.querySelectorAll(`#${galleryId} li`);
+			const currentIndex = Array.from(galleryItems).findIndex((item) =>
+				item.classList.contains('active')
+			);
+
+			if (startX - endX > 50 && currentIndex < galleryItems.length - 1) {
+				setActiveItem(galleryId, null, 'left');
+			} else if (startX - endX < -50 && currentIndex > 0) {
+				setActiveItem(galleryId, null, 'right');
+			}
+		});
+	};
+
+	const attachEventListenersToDots = () => {
+		document.querySelectorAll('.posts__post_gallery_nav_dot').forEach((dot) => {
+			dot.addEventListener('click', function () {
+				const targetGalleryId = this.getAttribute('data-target');
+				const targetIndex = parseInt(this.getAttribute('data-index'), 10);
+				setActiveItem(targetGalleryId, targetIndex);
+			});
+		});
+	};
+
+	const init = () => {
+		attachEventListenersToDots();
+		// Initialize swipe listeners for each gallery
+		document.querySelectorAll('.posts__post_gallery').forEach((gallery) => {
+			attachSwipeListeners(gallery.id);
+		});
+		// Initialize the visible dots for each gallery
+		document.querySelectorAll('.posts__post_gallery_nav_dot').forEach((dot) => {
+			const targetGalleryId = dot.getAttribute('data-target');
+			setActiveItem(targetGalleryId, 0);
+		});
+	};
+
+	return { init };
+})();
+
+export default carousel;

data/app/packs/src/decidim/posts/host_status.js

@@ -0,0 +1,75 @@
+export function host_status() {
+	const changeStatusButtons = document.querySelectorAll('.changeStatusButton');
+
+	changeStatusButtons.forEach(function (button) {
+		button.addEventListener('click', handleStatusChange);
+	});
+
+	const cancelButton = document.getElementById(
+		'confirmationModal__cancelButton'
+	);
+	cancelButton.addEventListener('click', function () {
+		const confirmationModal = document.getElementById('confirmationModal');
+		confirmationModal.close();
+	});
+
+	function handleStatusChange(event) {
+		const button = event.currentTarget;
+		const postId = button.dataset.postId;
+		const newStatus = button.dataset.postStatus;
+		const confirmationModalMsg = button.dataset.dialogmsg;
+
+		const confirmationModal = document.getElementById('confirmationModal');
+		const confirmButton = document.getElementById(
+			'confirmationModal__confirmButton'
+		);
+		const confirmButtons = confirmationModal.querySelector(
+			'.confirmationModal__buttons'
+		);
+		const confirmationModalResponse = confirmationModal.querySelector(
+			'.confirmationModal__response'
+		);
+
+		confirmationModalResponse.innerHTML = confirmationModalMsg;
+		confirmationModal.showModal();
+
+		const confirmClickHandler = function () {
+			confirmButtons.style.display = 'none';
+			confirmationModalResponse.innerHTML =
+				window.translations.dialog.dialogBodyResponse;
+			const params = new URLSearchParams({
+				id: postId,
+				status: newStatus,
+			});
+			Rails.ajax({
+				url: 'change_status/?' + params.toString(),
+				type: 'GET',
+				success: function (response) {
+					confirmationModal.close();
+					confirmButtons.style.display = 'flex';
+					confirmationModalResponse.innerText =
+						window.translations.dialog.dialogBodyMsg;
+
+					const postElement = document.getElementById(`feeds_post-${postId}`);
+					postElement.innerHTML = 'updating status...';
+					postElement.innerHTML = response.new_content;
+
+					const updatedButtons = postElement.querySelectorAll(
+						'.changeStatusButton'
+					);
+					updatedButtons.forEach(function (updatedButton) {
+						updatedButton.addEventListener('click', handleStatusChange);
+					});
+				},
+				error: function (error) {
+					console.error('Error changing status:', error);
+				},
+			});
+
+			confirmButton.removeEventListener('click', confirmClickHandler);
+		};
+
+		confirmButton.removeEventListener('click', confirmClickHandler);
+		confirmButton.addEventListener('click', confirmClickHandler);
+	}
+}

data/app/packs/src/decidim/posts/newFeeds.js

@@ -0,0 +1,98 @@
+const newFeed = document.getElementById('posts__post_newElement');
+const newFeedOpener = document.querySelectorAll(
+	'.posts__post_newElement-opener'
+);
+const newFeedCloser = newFeed.querySelector('.posts__post_newElement-closer');
+let lastFocusedButton = null;
+
+newFeedOpener.forEach(function (opener) {
+	opener.addEventListener('click', function () {
+		let isExpanded = opener.getAttribute('aria-expanded') === 'true';
+		opener.setAttribute('aria-expanded', !isExpanded);
+		const activeFilter = newFeed.getAttribute('data-active-filter');
+		const buttonToActivate = activeFilter
+			? Array.from(categoryButtons).find(
+					(button) => button.getAttribute('data-category') === activeFilter
+			  )
+			: categoryButtons[0];
+		activateCategory(buttonToActivate || categoryButtons[0]);
+		newFeed.classList.toggle('open');
+		lastFocusedButton = this;
+		document.getElementById('post_body').focus();
+		document.body.style.overflow = 'hidden';
+	});
+});
+
+newFeed.addEventListener('click', function (event) {
+	if (event.target === newFeed) {
+		closeDialog();
+	}
+});
+
+newFeedCloser.addEventListener('click', closeDialog);
+
+document.addEventListener('keydown', function (event) {
+	if (event.key === 'Escape') {
+		closeDialog();
+	}
+});
+
+const categoryButtons = document.querySelectorAll('.category-selection button');
+const meetingForm = document.querySelector('.meetings_form');
+const postForm = document.querySelector('.posts_form');
+const surveyDiv = document.getElementById('extraFieldsForSurvey');
+const newFeedLiveRegion = document.getElementById(
+	'posts__post_newElement_Form-LiveRegion'
+);
+
+categoryButtons.forEach((button) => {
+	button.addEventListener('click', function () {
+		activateCategory(this);
+	});
+});
+
+function hideAllForms() {
+	meetingForm.classList.remove('open');
+	postForm.classList.remove('open');
+	surveyDiv.classList.remove('open');
+	newFeedLiveRegion.innerHTML = '';
+	categoryButtons.forEach(function (button) {
+		button.classList.remove('active');
+		button.setAttribute('aria-pressed', 'false');
+	});
+}
+
+function closeDialog() {
+	newFeedOpener.forEach(function (opener) {
+		opener.setAttribute('aria-expanded', 'false');
+		newFeed.classList.remove('open');
+		lastFocusedButton.focus();
+		document.body.style.overflow = 'auto';
+	});
+}
+
+function activateCategory(button) {
+	hideAllForms();
+	button.classList.add('active');
+	button.setAttribute('aria-pressed', 'true');
+	const category = button.getAttribute('data-category');
+	newFeedLiveRegion.innerHTML = window.translations.newFeedLiveRegion[category];
+
+	const postBody = document.getElementById('post_body');
+	const meetingTitle = document.getElementById('meeting_title');
+	if (category === 'calendar') {
+		meetingForm.classList.add('open');
+		meetingForm.querySelector('.form-error').classList.remove('is-visible');
+		meetingTitle.classList.remove('is-invalid-input');
+		document.getElementById('meeting_title').focus();
+	} else {
+		postForm.classList.add('open');
+		postForm.querySelector('.form-error').classList.remove('is-visible');
+		postBody.classList.remove('is-invalid-input');
+		postBody.focus();
+		document.getElementById('post_category').value = category;
+		if (category === 'survey') surveyDiv.classList.add('open');
+	}
+}
+
+export { closeDialog, activateCategory, hideAllForms };