decidim-comments 0.25.0.rc2 → 0.25.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a0e368d7c967fbbadf3d8b8b1ccb568c0d013f67167eef0007772758f9e1b1a4
-  data.tar.gz: 8235ff94668c55ec576442a620851e70a60753e3475fa904b3f91e1394f40c02
+  metadata.gz: 4a5b6c36fa330c80091a3962638dc00b8053bfc94a9eccfbb8ed11074ddb1f63
+  data.tar.gz: ad533cc203a79d10f506f7181ef65a59eda8a8a666640d5cc54d3ea5d691964f
 SHA512:
-  metadata.gz: fd688c1e740ef402ed0013475369601f19dc7242856315ac4993829300ded40df137a85ff307467171cc389974b0103f3167204d4c0c2abd7fce41e8ecd17001
-  data.tar.gz: bd0be8a17ad9d33682d4896eab5a4bc961871b59b4e7886b09a678e04f1e692f1900a77d9e1041c4310588f4ab376eb3e5a0b018eb0d17c69d86fbc0819ad923
+  metadata.gz: 817873be527ccc087a0ba059fcee7c47a73607dd8366ec2c10f22ff4fe2df01bb727badfa149c8541056680f0d3284441f6d73f092371f92aa8f60f03e564c64
+  data.tar.gz: 8be9c7a62a9da1b868a65aa8f38cd0a361ae1bf7095faac98fd9103450e5581498efa77b8ade6d93813279cc5d45a50a1cd4fc5485d841d6856f482ce1edc45e

data/app/packs/src/decidim/comments/comments.component.js

@@ -37,12 +37,7 @@ export default class CommentsComponent {
       this.mounted = true;
       this._initializeComments(this.$element);
 
-      $(".order-by__dropdown .is-submenu-item a", this.$element).on(
-        "click.decidim-comments",
-        () => {
-          this._onInitOrder();
-        }
-      );
+      $(".order-by__dropdown .is-submenu-item a", this.$element).on("click.decidim-comments", () => this._onInitOrder());
     }
   }
 
@@ -68,14 +63,16 @@ export default class CommentsComponent {
    * Adds a new thread to the comments section.
    * @public
    * @param {String} threadHtml - The HTML content for the thread.
+   * @param {Boolean} fromCurrentUser - A boolean indicating whether the user
+   *   herself was the author of the new thread. Defaults to false.
    * @returns {Void} - Returns nothing
    */
-  addThread(threadHtml) {
+  addThread(threadHtml, fromCurrentUser = false) {
     const $parent = $(".comments:first", this.$element);
     const $comment = $(threadHtml);
     const $threads = $(".comment-threads", this.$element);
     this._addComment($threads, $comment);
-    this._finalizeCommentCreation($parent);
+    this._finalizeCommentCreation($parent, fromCurrentUser);
   }
 
   /**
@@ -84,15 +81,17 @@ export default class CommentsComponent {
    * @param {Number} commentId - The ID of the comment for which to add the
    *   reply to.
    * @param {String} replyHtml - The HTML content for the reply.
+   * @param {Boolean} fromCurrentUser - A boolean indicating whether the user
+   *   herself was the author of the new reply. Defaults to false.
    * @returns {Void} - Returns nothing
    */
-  addReply(commentId, replyHtml) {
+  addReply(commentId, replyHtml, fromCurrentUser = false) {
     const $parent = $(`#comment_${commentId}`);
     const $comment = $(replyHtml);
     const $replies = $(`#comment-${commentId}-replies`);
     this._addComment($replies, $comment);
     $replies.siblings(".comment__additionalreply").removeClass("hide");
-    this._finalizeCommentCreation($parent);
+    this._finalizeCommentCreation($parent, fromCurrentUser);
   }
 
   /**
@@ -170,18 +169,22 @@ export default class CommentsComponent {
    * successfully.
    * @private
    * @param {jQuery} $parent - The parent comment element to finalize.
+   * @param {Boolean} fromCurrentUser - A boolean indicating whether the user
+   *   herself was the author of the new comment.
    * @returns {Void} - Returns nothing
    */
-  _finalizeCommentCreation($parent) {
-    const $add = $("> .add-comment", $parent);
-    const $text = $("textarea", $add);
-    const characterCounter = $text.data("remaining-characters-counter");
-    $text.val("");
-    if (characterCounter) {
-      characterCounter.updateStatus();
-    }
-    if (!$add.parent().is(".comments")) {
-      $add.addClass("hide");
+  _finalizeCommentCreation($parent, fromCurrentUser) {
+    if (fromCurrentUser) {
+      const $add = $("> .add-comment", $parent);
+      const $text = $("textarea", $add);
+      const characterCounter = $text.data("remaining-characters-counter");
+      $text.val("");
+      if (characterCounter) {
+        characterCounter.updateStatus();
+      }
+      if (!$add.parent().is(".comments")) {
+        $add.addClass("hide");
+      }
     }
 
     // Restart the polling
@@ -207,9 +210,7 @@ export default class CommentsComponent {
           order: this.order,
           after: this.lastCommentId
         }
-      }).done(() => {
-        this._pollComments();
-      });
+      }).done(() => this._pollComments());
     }, this.pollingInterval);
   }
 

data/app/packs/src/decidim/comments/comments.component.test.js

@@ -558,17 +558,82 @@ describe("CommentsComponent", () => {
           "This is a dynamically added comment"
         ));
       });
+
+      it("does not clear the comment form text area", () => {
+        const commentSection = addComment[addComment.length - 1];
+        const textArea = $("textarea", commentSection);
+        textArea.val("I am writing a new comment...");
+
+        const newThread = generateCommentThread(999, "This is a dynamically added comment");
+        subject.addThread(newThread);
+
+        expect(textArea.val()).toEqual("I am writing a new comment...");
+      });
+
+      describe("as the current user", () => {
+        it("clears the comment form text area", () => {
+          const commentSection = addComment[addComment.length - 1];
+          const textArea = $("textarea", commentSection);
+          textArea.val("I am writing a new comment...");
+
+          const newThread = generateCommentThread(999, "This is a dynamically added comment");
+          subject.addThread(newThread, true);
+
+          expect(textArea.val()).toEqual("");
+        });
+      });
     });
 
     describe("addReply", () => {
+      const newReply = generateSingleComment(999, "This is a dynamically added reply");
+
       it("adds a new reply to an existing thread", () => {
-        const newThread = generateSingleComment(999, "This is a dynamically added reply");
-        subject.addReply(450, newThread);
+        subject.addReply(450, newReply);
 
         expect(subject.$element.html()).toEqual(expect.stringContaining(
           "This is a dynamically added reply"
         ));
       });
+
+      it("does not clear the reply comment form text area", () => {
+        const commentSection = $("#comment450-reply", subject.$element);
+        const textArea = $("textarea", commentSection);
+        textArea.val("I am writing a new comment...");
+
+        subject.addReply(450, newReply);
+
+        expect(textArea.val()).toEqual("I am writing a new comment...");
+      });
+
+      it("does not hide the reply form", () => {
+        const commentSection = $("#comment450-reply", subject.$element);
+        commentSection.removeClass("hide");
+
+        subject.addReply(450, newReply);
+
+        expect(commentSection.hasClass("hide")).toBeFalsy();
+      });
+
+      describe("as the current user", () => {
+        it("clears the comment form text area", () => {
+          const commentSection = $("#comment450-reply", subject.$element);
+          const textArea = $("textarea", commentSection);
+          textArea.val("I am writing a new comment...");
+
+          subject.addReply(450, newReply, true);
+
+          expect(textArea.val()).toEqual("");
+        });
+
+        it("hides the reply form", () => {
+          const commentSection = $("#comment450-reply", subject.$element);
+          commentSection.removeClass("hide");
+
+          subject.addReply(450, newReply, true);
+
+          expect(commentSection.hasClass("hide")).toBeTruthy();
+        });
+      });
     });
   });
 

data/app/queries/decidim/comments/sorted_comments.rb

@@ -33,12 +33,6 @@ module Decidim
         scope = base_scope
                 .not_hidden
                 .includes(:author, :user_group, :up_votes, :down_votes)
-        if @options[:after]
-          scope = scope.where(
-            "decidim_comments_comments.id > ?",
-            @options[:after]
-          )
-        end
 
         case @options[:order_by]
         when "older"
@@ -60,6 +54,14 @@ module Decidim
         id = @options[:id]
         return Comment.where(root_commentable: commentable, id: id) if id.present?
 
+        after = @options[:after]
+        if after.present?
+          return Comment.where(root_commentable: commentable).where(
+            "decidim_comments_comments.id > ?",
+            after
+          )
+        end
+
         Comment.where(commentable: commentable)
       end
 

data/app/views/decidim/comments/comments/create.js.erb

@@ -6,9 +6,9 @@
   var $comments = $("#" + rootCommentableId);
   var component = $comments.data("comments");
   if (inReplyTo) {
-    component.addReply(inReplyTo, commentHtml);
+    component.addReply(inReplyTo, commentHtml, true);
   } else {
-    component.addThread(commentHtml);
+    component.addThread(commentHtml, true);
   }
 
   // Update the comments count

data/app/views/decidim/comments/comments/update.js.erb

@@ -1,8 +1,22 @@
 $(() => {
-  const commentHtml = '<%== j(render partial: "edited_comment", locals: { comment: @comment }).strip %>';
-  const commentId = <%= @comment.id.to_json %>;
-  const $comment = $("#comment_<%= @comment.id %>");
-  const $editCommentModal = $("#editCommentModal<%= @comment.id %>");
+  var rootCommentableId = <%== "comments-for-#{@comment.commentable.commentable_type.demodulize}-#{@comment.commentable.id}".to_json %>;
+  var $comments = $("#" + rootCommentableId);
+  var config = $comments.data("decidim-comments");
+
+  component = new Decidim.CommentsComponent($comments, config);
+  component.unmountComponent();
+
+  var commentHtml = '<%== j(render partial: "edited_comment", locals: { comment: @comment }).strip %>';
+  var commentId = <%= @comment.id.to_json %>;
+  var $comment = $("#comment_<%= @comment.id %>");
 
   $comment.replaceWith(commentHtml);
+
+  $comments = $("#" + rootCommentableId);
+  $comments.foundation();
+
+  // Re-create the component
+  component = new Decidim.CommentsComponent($comments, $comments.data("decidim-comments"));
+  component.mountComponent();
+  $comments.data("comments", component);
 });

data/config/locales/ca.yml

@@ -19,6 +19,10 @@ ca:
       comments:
         create:
           error: S'ha produït un error en crear el comentari.
+        delete:
+          error: El comentari no s'ha pogut eliminar.
+        update:
+          error: S'ha produït un error en actualitzar el comentari.
       comments_count: Número de comentaris
       comments_title: Comentaris
       last_activity:
@@ -53,7 +57,12 @@ ca:
         alignment:
           against: En contra
           in_favor: A favor
+        confirm_destroy: Segur que vols esborrar aquest comentari?
+        delete: Esborrar
+        deleted_at: Comentari esborrat el %{date}
         deleted_user: Participant eliminada
+        edit: Editar
+        edited: Editat
         hide_replies: Oculta les respostes
         reply: Respondre
         report:
@@ -68,6 +77,7 @@ ca:
             spam: Conté "clickbait", publicitat o estafes.
           title: Notificar contingut inapropiat
         show_replies: Mostra %{replies_count} respostes
+        single_comment_link_title: Obtenir enllaç
       comment_order_selector:
         order:
           best_rated: Més ben valorats
@@ -90,6 +100,14 @@ ca:
           other: "%{count} comentaris"
       down_vote_button:
         text: No estic d'acord amb aquest comentari
+      edit_comment_modal_form:
+        close: Tancar
+        form:
+          body:
+            label: Comentar
+            placeholder: Què opines sobre això?
+          submit: Enviar
+        title: Edita el teu comentari
       up_vote_button:
         text: Estic d'acord amb aquest comentari
     events:

data/config/locales/de.yml

@@ -19,6 +19,10 @@ de:
       comments:
         create:
           error: Beim Erstellen des Kommentars ist ein Fehler aufgetreten.
+        delete:
+          error: Die Sendung konnte nicht gelöscht werden.
+        update:
+          error: Beim Erstellen des Kommentars ist ein Fehler aufgetreten.
       comments_count: Kommentaranzahl
       comments_title: Kommentare
       last_activity:
@@ -53,7 +57,12 @@ de:
         alignment:
           against: Gegen
           in_favor: Zugunsten
+        confirm_destroy: Bist du sicher, dass du diesen Kommentar löschen willst?
+        delete: Löschen
+        deleted_at: Kommentar gelöscht am %{date}
         deleted_user: Gelöschter Benutzer
+        edit: Bearbeiten
+        edited: Bearbeitet
         hide_replies: Antworten verbergen
         reply: Antworten
         report:
@@ -68,6 +77,7 @@ de:
             spam: Enthält Clickbait, Werbung, Scams oder Script Bots.
           title: Ungeeigneten Inhalt melden
         show_replies: '%{replies_count} Antworten anzeigen'
+        single_comment_link_title: Link erhalten
       comment_order_selector:
         order:
           best_rated: Am besten bewertet
@@ -90,6 +100,14 @@ de:
           other: "%{count} Kommentare"
       down_vote_button:
         text: Ich bin mit diesem Kommentar nicht einverstanden
+      edit_comment_modal_form:
+        close: Schliessen
+        form:
+          body:
+            label: Kommentar
+            placeholder: Was denken Sie darüber?
+          submit: Senden
+        title: Kommentar bearbeiten
       up_vote_button:
         text: Ich stimme diesem Kommentar zu
     events:

data/config/locales/el.yml

@@ -16,9 +16,18 @@ el:
         other: Ψήφοι
   decidim:
     comments:
+      comments:
+        create:
+          error: Υπήρξε ένα πρόβλημα στη δημιουργία του σχολίου.
+        delete:
+          error: Το σχόλιο δεν μπορούσε να διαγραφεί.
+        update:
+          error: Υπήρξε ένα πρόβλημα στην ενημέρωση του σχολίου.
       comments_count: Αριθμός σχολίων
+      comments_title: Σχόλια
       last_activity:
         new_comment_at_html: "<span>Νέο σχόλιο στο %{link}</span>"
+      view: Προβολή
       votes:
         create:
           error: Υπήρξε ένα πρόβλημα κατά την ψηφοφορία του σχολίου.
@@ -34,7 +43,13 @@ el:
           user_group_id:
             label: Σχόλιο ως
         opinion:
-          neutral: Ούτε ικανοποιημένος/η ούτε δυσαρεστημένος/η
+          label: Η γνώμη σας για το θέμα αυτό
+          negative: Αρνητική
+          negative_selected: Η γνώμη σας για το θέμα αυτό είναι αρνητική
+          neutral: Ουδέτερη
+          neutral_selected: Η γνώμη σας για το θέμα αυτό είναι ουδέτερη
+          positive: Θετική
+          positive_selected: Η γνώμη σας για το θέμα αυτό είναι θετική
         remaining_characters: "%{count} χαρακτήρες απομένουν"
         remaining_characters_1: "%{count} χαρακτήρας απομένει"
         title: Προσθέστε το σχόλιό σας
@@ -42,7 +57,12 @@ el:
         alignment:
           against: Κατά
           in_favor: Υπέρ
+        confirm_destroy: Είστε σίγουροι ότι θέλετε να διαγράψετε αυτό το σχόλιο;
+        delete: Διαγραφή
+        deleted_at: Σχόλιο διεγράφη στις %{date}
         deleted_user: Διαγραμμένος συμμετέχων
+        edit: Επεξεργασία
+        edited: Επεξεργασμένο
         hide_replies: Απόκρυψη απαντήσεων
         reply: Απάντηση
         report:
@@ -57,6 +77,7 @@ el:
             spam: Περιέχει clickbait, διαφημίσεις, απάτες ή script bot.
           title: Αναφορά ακατάλληλου περιεχομένου
         show_replies: Εμφάνιση %{replies_count} απαντήσεων
+        single_comment_link_title: Αποκτήστε σύνδεσμο
       comment_order_selector:
         order:
           best_rated: Με την καλύτερη βαθμολογία
@@ -67,14 +88,26 @@ el:
       comment_thread:
         title: Συζήτηση με τον συντάκτη %{authorName}
       comments:
+        blocked_comments_for_unauthorized_user_warning: Πρέπει να επαληθευτείτε για να σχολιάσετε αυτή τη στιγμή, αλλά μπορείτε να διαβάσετε τα προηγούμενα.
         blocked_comments_for_user_warning: Δεν μπορείτε να σχολιάσετε αυτήν τη στιγμή, αλλά μπορείτε να διαβάσετε τα προηγούμενα σχόλια.
         blocked_comments_warning: Τα σχόλια είναι απενεργοποιημένα αυτήν τη στιγμή, αλλά μπορείτε να διαβάσετε τα προηγούμενα σχόλια.
         comment_details_title: Λεπτομέρειες σχολίων
         loading: Φόρτωση σχολίων...
         single_comment_warning: Μπορείτε να δείτε τα υπόλοιπα σχόλια <a href="%{url}">εδώ</a>.
         single_comment_warning_title: Βλέπετε ένα μόνο σχόλιο
+        title:
+          one: "%{count} σχόλιο"
+          other: "%{count} σχόλια"
       down_vote_button:
         text: Δεν συμφωνώ με αυτό το σχόλιο
+      edit_comment_modal_form:
+        close: Κλείσιμο
+        form:
+          body:
+            label: Σχόλιο
+            placeholder: Τι πιστεύετε γι' αυτό;
+          submit: Αποστολή
+        title: Επεξεργαστείτε το σχόλιό σας
       up_vote_button:
         text: Συμφωνώ με αυτό το σχόλιο
     events:
@@ -94,6 +127,16 @@ el:
           email_outro: Λάβατε αυτήν την ειδοποίηση επειδή ακολουθείτε το στοιχείο «%{resource_title}» ή τον συντάκτη του. Μπορείτε να σταματήσετε να την ακολουθείτε από τον προηγούμενο σύνδεσμο.
           email_subject: Υπάρχει ένα νέο σχόλιο από τον συντάκτη %{author_name} στο στοιχείο %{resource_title}
           notification_title: Υπάρχει ένα νέο σχόλιο από τον συντάκτη<a href="%{author_path}">%{author_name} %{author_nickname}</a> στο στοιχείο <a href="%{resource_path}">%{resource_title}</a>
+        comment_downvoted:
+          email_intro: Το σχόλιό σας στο "%{resource_title}" έχει καταψηφιστεί. Τώρα έχει συνολικές ψήφους %{upvotes} υπέρ και %{downvotes} κατά.
+          email_outro: Λάβατε αυτή την ειδοποίηση επειδή είστε ο συγγραφέας αυτού του σχολίου.
+          email_subject: Το σχόλιό σας στο "%{resource_title}" έχει καταψηφιστεί.
+          notification_title: Το <a href="%{resource_path}">σχόλιό</a> σας στο "%{resource_title}" έχει καταψηφιστεί. Τώρα έχει συνολικές ψήφους %{upvotes} υπέρ και %{downvotes} κατά.
+        comment_upvoted:
+          email_intro: Το σχόλιό σας στο "%{resource_title}" έχει υπερψηφιστεί. Τώρα έχει συνολικές ψήφους %{upvotes} υπέρ και %{downvotes} κατά.
+          email_outro: Λάβατε αυτή την ειδοποίηση επειδή είστε ο συγγραφέας αυτού του σχολίου.
+          email_subject: Το σχόλιό σας στο "%{resource_title}" έχει υπςρψηφιστεί.
+          notification_title: Το <a href="%{resource_path}">σχόλιό</a> σας στο "%{resource_title}" έχει υπερψηφιστεί. Τώρα έχει συνολικές ψήφους %{upvotes} υπέρ και %{downvotes} κατά.
         reply_created:
           email_intro: "Ο συντάκτης %{author_name} απάντησε στο σχόλιό σας στο στοιχείο %{resource_title}. Μπορείτε να το διαβάσετε σε αυτήν τη σελίδα:"
           email_outro: Λάβατε αυτήν την ειδοποίηση, επειδή το σχόλιό σας απαντήθηκε.

data/config/locales/es-MX.yml

@@ -19,6 +19,10 @@ es-MX:
       comments:
         create:
           error: Se ha producido un error al crear el comentario.
+        delete:
+          error: El comentario no pudo ser eliminado.
+        update:
+          error: Se ha producido un error al actualizar el comentario.
       comments_count: Número de comentarios
       comments_title: Comentarios
       last_activity:
@@ -53,7 +57,12 @@ es-MX:
         alignment:
           against: En contra
           in_favor: A favor
+        confirm_destroy: '¿Seguro que quieres eliminar este comentario?'
+        delete: Eliminar
+        deleted_at: Comentario eliminado el %{date}
         deleted_user: Usuario eliminado
+        edit: Editar
+        edited: Editado
         hide_replies: Ocultar respuestas
         reply: Respuesta
         report:
@@ -68,6 +77,7 @@ es-MX:
             spam: Contiene clickbait, publicidad o estafas.
           title: Notificar contenido inapropiado
         show_replies: Mostrar %{replies_count} respuestas
+        single_comment_link_title: Obtener enlace
       comment_order_selector:
         order:
           best_rated: Mejor valoración
@@ -90,6 +100,14 @@ es-MX:
           other: "%{count} comentarios"
       down_vote_button:
         text: No estoy de acuerdo con este comentario
+      edit_comment_modal_form:
+        close: Cerrar
+        form:
+          body:
+            label: Comentario
+            placeholder: '¿Qué opinas sobre esto?'
+          submit: Enviar
+        title: Edita tu comentario
       up_vote_button:
         text: Estoy de acuerdo con este comentario
     events:

data/config/locales/es-PY.yml

@@ -19,6 +19,10 @@ es-PY:
       comments:
         create:
           error: Se ha producido un error al crear el comentario.
+        delete:
+          error: El comentario no pudo ser eliminado.
+        update:
+          error: Se ha producido un error al actualizar el comentario.
       comments_count: Número de comentarios
       comments_title: Comentarios
       last_activity:
@@ -53,7 +57,12 @@ es-PY:
         alignment:
           against: En contra
           in_favor: A favor
+        confirm_destroy: '¿Seguro que quieres eliminar este comentario?'
+        delete: Eliminar
+        deleted_at: Comentario eliminado el %{date}
         deleted_user: Usuario eliminado
+        edit: Editar
+        edited: Editado
         hide_replies: Ocultar respuestas
         reply: Respuesta
         report:
@@ -68,6 +77,7 @@ es-PY:
             spam: Contiene clickbait, publicidad o estafas.
           title: Notificar contenido inapropiado
         show_replies: Mostrar %{replies_count} respuestas
+        single_comment_link_title: Obtener enlace
       comment_order_selector:
         order:
           best_rated: Mejor valoración
@@ -90,6 +100,14 @@ es-PY:
           other: "%{count} comentarios"
       down_vote_button:
         text: No estoy de acuerdo con este comentario
+      edit_comment_modal_form:
+        close: Cerrar
+        form:
+          body:
+            label: Comentario
+            placeholder: '¿Qué opinas sobre esto?'
+          submit: Enviar
+        title: Edita tu comentario
       up_vote_button:
         text: Estoy de acuerdo con este comentario
     events:

data/config/locales/es.yml

@@ -19,6 +19,10 @@ es:
       comments:
         create:
           error: Se ha producido un error al crear el comentario.
+        delete:
+          error: El comentario no pudo ser eliminado.
+        update:
+          error: Se ha producido un error al actualizar el comentario.
       comments_count: Número de comentarios
       comments_title: Comentarios
       last_activity:
@@ -53,7 +57,12 @@ es:
         alignment:
           against: En contra
           in_favor: A favor
+        confirm_destroy: '¿Seguro que quieres eliminar este comentario?'
+        delete: Eliminar
+        deleted_at: Comentario eliminado el %{date}
         deleted_user: Participante eliminada
+        edit: Editar
+        edited: Editado
         hide_replies: Ocultar respuestas
         reply: Respuesta
         report:
@@ -68,6 +77,7 @@ es:
             spam: Contiene clickbait, publicidad o estafas.
           title: Notificar contenido inapropiado
         show_replies: Mostrar %{replies_count} respuestas
+        single_comment_link_title: Obtener enlace
       comment_order_selector:
         order:
           best_rated: Mejor valoración
@@ -90,6 +100,14 @@ es:
           other: "%{count} comentarios"
       down_vote_button:
         text: No estoy de acuerdo con este comentario
+      edit_comment_modal_form:
+        close: Cerrar
+        form:
+          body:
+            label: Comentario
+            placeholder: '¿Qué opinas sobre esto?'
+          submit: Enviar
+        title: Edita tu comentario
       up_vote_button:
         text: Estoy de acuerdo con este comentario
     events: