decidim-comments 0.24.1 → 0.25.0.rc2

data/app/assets/config/decidim_comments_manifest.js

@@ -1 +0,0 @@
-//= link decidim/comments/comments.js

data/app/assets/javascripts/decidim/comments/comments.component.js.es6

@@ -1,292 +0,0 @@
-/**
- * A plain Javascript component that handles the comments.
- *
- * @class
- * @augments Component
- */
-((exports) => {
-  const $ = exports.$; // eslint-disable-line
-
-  class CommentsComponent {
-    constructor($element, config) {
-      this.$element = $element;
-      this.commentableGid = config.commentableGid;
-      this.commentsUrl = config.commentsUrl;
-      this.rootDepth = config.rootDepth;
-      this.order = config.order;
-      this.lastCommentId = config.lastCommentId;
-      this.pollingInterval = config.pollingInterval || 15000;
-      this.id = this.$element.attr("id") || this._getUID();
-      this.mounted = false;
-    }
-
-    /**
-     * Handles the logic for mounting the component
-     * @public
-     * @returns {Void} - Returns nothing
-     */
-    mountComponent() {
-      if (this.$element.length > 0 && !this.mounted) {
-        this.mounted = true;
-        this._initializeComments(this.$element);
-
-        $(".order-by__dropdown .is-submenu-item a", this.$element).on(
-          "click.decidim-comments",
-          () => {
-            this._onInitOrder();
-          }
-        );
-      }
-    }
-
-    /**
-     * Handles the logic for unmounting the component
-     * @public
-     * @returns {Void} - Returns nothing
-     */
-    unmountComponent() {
-      if (this.mounted) {
-        this.mounted = false;
-        this._stopPolling();
-
-        $(".add-comment .opinion-toggle .button", this.$element).off("click.decidim-comments");
-        $(".add-comment textarea", this.$element).off("input.decidim-comments");
-        $(".order-by__dropdown .is-submenu-item a", this.$element).off("click.decidim-comments");
-        $(".add-comment form", this.$element).off("submit.decidim-comments");
-      }
-    }
-
-    /**
-     * Adds a new thread to the comments section.
-     * @public
-     * @param {String} threadHtml - The HTML content for the thread.
-     * @returns {Void} - Returns nothing
-     */
-    addThread(threadHtml) {
-      const $parent = $(".comments:first", this.$element);
-      const $comment = $(threadHtml);
-      const $threads = $(".comment-threads", this.$element);
-      this._addComment($threads, $comment);
-      this._finalizeCommentCreation($parent);
-    }
-
-    /**
-     * Adds a new reply to an existing comment.
-     * @public
-     * @param {Number} commentId - The ID of the comment for which to add the
-     *   reply to.
-     * @param {String} replyHtml - The HTML content for the reply.
-     * @returns {Void} - Returns nothing
-     */
-    addReply(commentId, replyHtml) {
-      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);
-    }
-
-    /**
-     * Generates a unique identifier for the form.
-     * @private
-     * @returns {String} - Returns a unique identifier
-     */
-    _getUID() {
-      return `comments-${new Date().setUTCMilliseconds()}-${Math.floor(Math.random() * 10000000)}`;
-    }
-
-    /**
-     * Initializes the comments for the given parent element.
-     * @private
-     * @param {jQuery} $parent The parent element to initialize.
-     * @returns {Void} - Returns nothing
-     */
-    _initializeComments($parent) {
-      $(".add-comment", $parent).each((_i, el) => {
-        const $add = $(el);
-        const $form = $("form", $add);
-        const $opinionButtons = $(".opinion-toggle .button", $add);
-        const $text = $("textarea", $form);
-
-        $opinionButtons.on("click.decidim-comments", this._onToggleOpinion);
-        $text.on("input.decidim-comments", this._onTextInput);
-
-        $(document).trigger("attach-mentions-element", [$text.get(0)]);
-
-        $form.on("submit.decidim-comments", () => {
-          const $submit = $("button[type='submit']", $form);
-
-          $submit.attr("disabled", "disabled");
-          this._stopPolling();
-        });
-      });
-
-      this._pollComments();
-    }
-
-    /**
-     * Adds the given comment element to the given target element and
-     * initializes it.
-     * @private
-     * @param {jQuery} $target - The target element to add the comment to.
-     * @param {jQuery} $container - The comment container element to add.
-     * @returns {Void} - Returns nothing
-     */
-    _addComment($target, $container) {
-      let $comment = $(".comment", $container);
-      if ($comment.length < 1) {
-        // In case of a reply
-        $comment = $container;
-      }
-      this.lastCommentId = parseInt($comment.data("comment-id"), 10);
-
-      $target.append($container);
-      $container.foundation();
-      this._initializeComments($container);
-      if (exports.Decidim.createCharacterCounter) {
-        exports.Decidim.createCharacterCounter($(".add-comment textarea", $container));
-      }
-    }
-
-    /**
-     * Finalizes the new comment creation after the comment adding finishes
-     * successfully.
-     * @private
-     * @param {jQuery} $parent - The parent comment element to finalize.
-     * @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");
-      }
-
-      // Restart the polling
-      this._pollComments();
-    }
-
-    /**
-     * Sets a timeout to poll new comments.
-     * @private
-     * @returns {Void} - Returns nothing
-     */
-    _pollComments() {
-      this._stopPolling();
-
-      this.pollTimeout = setTimeout(() => {
-        $.ajax({
-          url: this.commentsUrl,
-          method: "GET",
-          contentType: "application/javascript",
-          data: {
-            "commentable_gid": this.commentableGid,
-            "root_depth": this.rootDepth,
-            order: this.order,
-            after: this.lastCommentId
-          }
-        }).done(() => {
-          this._pollComments();
-        });
-      }, this.pollingInterval);
-    }
-
-    /**
-     * Stops polling for new comments.
-     * @private
-     * @returns {Void} - Returns nothing
-     */
-    _stopPolling() {
-      if (this.pollTimeout) {
-        clearTimeout(this.pollTimeout);
-      }
-    }
-
-    /**
-     * Sets the loading comments element visible in the view.
-     * @private
-     * @returns {Void} - Returns nothing
-     */
-    _setLoading() {
-      const $container = $("> .comments-container", this.$element);
-      $("> .comments", $container).addClass("hide");
-      $("> .loading-comments", $container).removeClass("hide");
-    }
-
-    /**
-     * Event listener for the ordering links.
-     * @private
-     * @returns {Void} - Returns nothing
-     */
-    _onInitOrder() {
-      this._stopPolling();
-      this._setLoading();
-    }
-
-    /**
-     * Event listener for the opinion toggle buttons.
-     * @private
-     * @param {Event} ev - The event object.
-     * @returns {Void} - Returns nothing
-     */
-    _onToggleOpinion(ev) {
-      let $btn = $(ev.target);
-      if (!$btn.is(".button")) {
-        $btn = $btn.parents(".button");
-      }
-
-      const $add = $btn.closest(".add-comment");
-      const $form = $("form", $add);
-      const $opinionButtons = $(".opinion-toggle .button", $add);
-      const $alignment = $(".alignment-input", $form);
-
-      $opinionButtons.removeClass("is-active");
-      $btn.addClass("is-active");
-
-      if ($btn.is(".opinion-toggle--ok")) {
-        $alignment.val(1);
-      } else if ($btn.is(".opinion-toggle--meh")) {
-        $alignment.val(0);
-      } else if ($btn.is(".opinion-toggle--ko")) {
-        $alignment.val(-1);
-      }
-    }
-
-    /**
-     * Event listener for the comment field text input.
-     * @private
-     * @param {Event} ev - The event object.
-     * @returns {Void} - Returns nothing
-     */
-    _onTextInput(ev) {
-      const $text = $(ev.target);
-      const $add = $text.closest(".add-comment");
-      const $form = $("form", $add);
-      const $submit = $("button[type='submit']", $form);
-
-      if ($text.val().length > 0) {
-        $submit.removeAttr("disabled");
-      } else {
-        $submit.attr("disabled", "disabled");
-      }
-    }
-  }
-
-  exports.Decidim = exports.Decidim || {};
-  exports.Decidim.CommentsComponent = CommentsComponent;
-
-  $(() => {
-    $("[data-decidim-comments]").each((_i, el) => {
-      const $el = $(el);
-      const comments = new CommentsComponent($el, $el.data("decidim-comments"));
-      comments.mountComponent();
-      $(el).data("comments", comments);
-    });
-  });
-})(window);

data/app/assets/javascripts/decidim/comments/comments.js.erb

@@ -1,10 +0,0 @@
-// = require_self
-// = require decidim/comments/comments.component
-
-window.DecidimComments = window.DecidimComments || {};
-
-window.DecidimComments = {
-  assets: {
-    'icons.svg': "<%= asset_path "decidim/icons.svg" %>"
-  }
-};

data/config/locales/ja-JP.yml

@@ -1,120 +0,0 @@
-ja:
-  activemodel:
-    models:
-      decidim/comments/comment_by_followed_user_event: コメント
-      decidim/comments/comment_created_event: コメント
-      decidim/comments/reply_created_event: コメント返信
-      decidim/comments/user_group_mentioned_event: メンション
-      decidim/comments/user_mentioned_event: メンション
-  activerecord:
-    models:
-      decidim/comments/comment:
-        other: コメント
-      decidim/comments/comment_vote:
-        other: 投票
-  decidim:
-    comments:
-      comments: コメント
-      comments_count: コメント数
-      last_activity:
-        new_comment_at_html: "<span> %{link}に新しいコメント</span>"
-      votes:
-        create:
-          error: コメントに投票中に問題がありました。
-    components:
-      add_comment_form:
-        account_message: <a href="%{sign_in_url}">アカウント</a> または <a href="%{sign_up_url}">サインアップ</a> でコメントを追加します。
-        form:
-          body:
-            label: コメント
-            placeholder: これについてどう思いますか?
-          form_error: テキストは必須で、 %{length} 文字を超えることはできません。
-          submit: 送信
-          user_group_id:
-            label: 'コメント:'
-        opinion:
-          neutral: ニュートラル
-        remaining_characters: "残り %{count} 文字"
-        remaining_characters_1: "残り%{count} 文字"
-        title: コメントを追加
-      comment:
-        alignment:
-          against: <unk>
-          in_favor: <unk>
-        deleted_user: 参加者を削除しました
-        hide_replies: 返信を非表示
-        reply: 返信
-        report:
-          action: レポート
-          already_reported: このコンテンツはすでに報告されており、管理者が確認します。
-          close: 閉じる
-          description: このコンテンツは不適切ですか？
-          details: 追加コメント
-          reasons:
-            does_not_belong: 違法行為、自殺の脅威、個人情報、または %{organization_name} に属していないと思われる何かが含まれています。
-            offensive: 人種差別、性差別、スラー、個人攻撃、死の脅威、自殺要求やあらゆる形態の憎悪スピーチが含まれています。
-            spam: クリックベイト、広告、詐欺やスクリプトボットが含まれています。
-          title: 不適切なコンテンツを報告する
-        show_replies: '%{replies_count} 件の返信を表示'
-        single_comment_link_title: シングルコメントへのリンクを取得
-      comment_order_selector:
-        order:
-          best_rated: 最高評価
-          most_discussed: 最も議論されたもの
-          older: 古い順
-          recent: 最近のもの
-        title: '並び順：'
-      comment_thread:
-        title: '%{authorName} との会話'
-      comments:
-        blocked_comments_for_user_warning: 現時点ではコメントできませんが、以前のコメントを読むことができます。
-        blocked_comments_warning: コメントは現時点で無効になっていますが、以前のコメントを読むことができます。
-        comment_details_title: コメントの詳細
-        loading: コメントを読み込んでいます...
-        single_comment_warning: コメントの残りはこちら <a href="%{url}"></a>で確認できます。
-        single_comment_warning_title: 単一のコメントが表示されています
-        title: "%{count} 件のコメント"
-      down_vote_button:
-        text: このコメントに同意しない
-      up_vote_button:
-        text: このコメントに同意します
-    events:
-      comments:
-        comment_by_followed_user:
-          email_intro: "%{author_name} は %{resource_title}にコメントを残しました。このページで読むことができます:"
-          email_outro: '%{author_name}をフォローしているため、この通知を受け取りました。プロフィールページからこのユーザーのフォローを解除することができます。'
-          email_subject: '%{author_name} に %{resource_title} による新しいコメントがあります'
-          notification_title: There is a new comment by <a href="%{author_path}">%{author_name} %{author_nickname}</a> in <a href="%{resource_path}">%{resource_title}</a>.
-        comment_by_followed_user_group:
-          email_intro: 'グループ %{author_name} は %{resource_title}にコメントを残しました。このページで読むことができます:'
-          email_outro: '%{author_name}をフォローしているため、この通知を受け取りました。プロフィールページからこのグループのフォローを解除できます。'
-          email_subject: '%{author_name} に %{resource_title} による新しいコメントがあります'
-          notification_title: There is a new comment by <a href="%{author_path}">%{author_name} %{author_nickname}</a> in <a href="%{resource_path}">%{resource_title}</a>.
-        comment_created:
-          email_intro: "%{resource_title} はコメントされました。このページでコメントを読むことができます："
-          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>
-        reply_created:
-          email_intro: "%{author_name} は %{resource_title}であなたのコメントを返信しました。このページで読むことができます:"
-          email_outro: コメントが返信されたため、この通知を受信しました。
-          email_subject: "%{author_name} が %{resource_title} であなたのコメントに返信しました"
-          notification_title: <a href="%{author_path}">%{author_name} %{author_nickname}</a> が <a href="%{resource_path}">%{resource_title}</a> であなたのコメントに返信しました
-        user_group_mentioned:
-          email_intro: あなたが所属しているグループがメンションされました
-          email_outro: あなたは %{group_name} でメンションされたグループ %{resource_title} のメンバーであるため、この通知を受け取りました。
-          email_subject: あなたは %{resource_title} で %{group_name} のメンバーとしてメンションされました
-          notification_title: あなたは <a href="%{resource_path}">%{resource_title}</a> に <a href="%{author_path}">%{author_name} %{author_nickname}</a> のメンバとして <a href="%{group_path}">%{group_name} %{group_nickname}</a>
-        user_mentioned:
-          email_intro: あなたはメンションされています
-          email_outro: あなたが %{resource_title}でメンションされたため、この通知を受け取りました。
-          email_subject: あなたは %{resource_title} でメンションされました
-          notification_title: あなたは <a href="%{resource_path}">%{resource_title}</a> で <a href="%{author_path}">%{author_name} %{author_nickname}によってメンションされました</a>
-    metrics:
-      comments:
-        description: 出席者によって生成されたコメント数
-        object: コメント
-        title: コメント
-  errors:
-    messages:
-      cannot_have_comments: コメントを持つことはできません