decidim-comments 0.31.6 → 0.32.0.rc1

data/app/packs/stylesheets/comments.scss

@@ -1,4 +1,4 @@
-@use "stylesheets/decidim/editor_suggestions";
+@use "stylesheets/decidim/tribute";
 
 .comments {
   &__container {
@@ -6,7 +6,7 @@
   }
 
   .add-comment {
-    @apply mt-12 md:bg-gray-5 p-0 md:px-4 md:pb-6 md:pt-1 rounded-lg w-full;
+    @apply mt-2 md:bg-gray-5 p-0 md:px-4 md:pb-6 md:pt-1 rounded-lg w-full;
 
     .new_comment {
       @apply w-full;
@@ -461,10 +461,71 @@
   }
 }
 
+.show-replies-button,
+.load-more-comments {
+  @apply flex items-center justify-center my-2;
+
+  .button {
+    @apply border-0 rounded px-2 py-1 transition-colors;
+
+    &:hover:not(:disabled) {
+      @apply bg-secondary/10 no-underline;
+    }
+
+    &:disabled {
+      @apply opacity-100 bg-transparent text-secondary no-underline;
+    }
+  }
+}
+
+.show-replies-button {
+  @apply my-0 relative z-10 h-0 overflow-visible;
+
+  transform: translateY(calc(0.75rem + 1px));
+
+  .button {
+    @apply bg-white border-0;
+
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
+
+    &:hover:not(:disabled) {
+      @apply bg-white no-underline;
+    }
+
+    &:disabled {
+      @apply bg-white opacity-100;
+
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
+    }
+
+    svg:first-of-type {
+      @apply block;
+    }
+
+    svg:last-of-type {
+      @apply hidden;
+    }
+
+    &[aria-expanded="true"] {
+      svg:first-of-type {
+        @apply hidden;
+      }
+
+      svg:last-of-type {
+        @apply block;
+      }
+    }
+  }
+}
+
 .publish-comment-button {
   @apply ml-auto md:relative fixed inset-x-0 bottom-0 z-30 md:z-0 flex flex-row items-center md:items-end md:justify-end font-semibold justify-around bg-white md:bg-transparent gap-4 md:gap-0 p-4 md:p-0 shadow-inner md:shadow-none first:[&>*]:grow md:first:[&>*]:grow-0 h-14 md:h-fit first:[&>button]:py-3;
 }
 
+[data-additional-reply] .comment__form-submit {
+  @apply flex justify-end;
+}
+
 .fullscreen {
   @apply fixed md:relative inset-0 w-screen md:w-full h-screen bg-white z-50 p-0 overflow-auto md:overflow-hidden rounded-none;
 }

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

@@ -4,6 +4,8 @@ module Decidim
   module Comments
     # A class used to find comments for a commentable resource
     class SortedComments < Decidim::Query
+      DEFAULT_COMMENTS_LIMIT = 20
+
       attr_reader :commentable
 
       # Syntactic sugar to initialize the class and return the queried objects.
@@ -11,6 +13,8 @@ module Decidim
       # commentable - a resource that can have comments
       # options - The Hash options is used to refine the selection ( default: {}):
       #           :order_by - The string order_by to sort by ( optional )
+      #           :limit - The number of items to load ( optional )
+      #           :offset - The number of items to skip ( optional )
       def self.for(commentable, options = {})
         new(commentable, options).query
       end
@@ -20,6 +24,9 @@ module Decidim
       # commentable = a resource that can have comments
       # options - The Hash options is used to refine the selection ( default: {}):
       #           :order_by - The string order_by to sort by ( optional )
+      #           :limit - The number of items to load ( optional )
+      #           :offset - The number of items to skip ( optional )
+      #           :alignment - Filter by alignment: 1 (in_favor), -1 (against), 0 (neutral) ( optional )
       def initialize(commentable, options = {})
         options[:order_by] ||= "older"
         @commentable = commentable
@@ -31,43 +38,63 @@ module Decidim
       # level of nested replies.
       def query
         scope = base_scope
-                .includes(:author, :up_votes, :down_votes)
-
-        case @options[:order_by]
-        when "recent"
-          order_by_recent(scope)
-        when "best_rated"
-          order_by_best_rated(scope)
-        when "most_discussed"
-          order_by_most_discussed(scope)
-        else
-          order_by_older(scope)
-        end
+                .includes(:author)
+
+        sorted_scope = case @options[:order_by]
+                       when "recent"
+                         order_by_recent(scope)
+                       when "best_rated"
+                         order_by_best_rated(scope)
+                       when "most_discussed"
+                         order_by_most_discussed(scope)
+                       else
+                         order_by_older(scope)
+                       end
+
+        apply_limit(sorted_scope)
+      end
+
+      def total_count
+        base_scope.count
+      end
+
+      def has_more?
+        return false unless limited?
+
+        total_count > offset + limit
+      end
+
+      def offset
+        @options[:offset].to_i
       end
 
-      def count_replies(comment)
-        if comment.comment_threads.size.positive?
-          comment.comment_threads.size + comment.comment_threads.sum { |reply| count_replies(reply) }
-        else
-          0
-        end
+      def limit
+        @options[:limit]&.to_i || default_limit
       end
 
       private
 
+      def limited?
+        @options[:limit].present? || @options[:offset].present?
+      end
+
+      def default_limit
+        DEFAULT_COMMENTS_LIMIT
+      end
+
+      def apply_limit(scope)
+        return scope unless limited?
+
+        scope.limit(limit).offset(offset)
+      end
+
       def base_scope
         id = @options[:id]
         return Comment.where(root_commentable: commentable, 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:)
+        scope = Comment.where(commentable:)
+        scope = scope.where(alignment: @options[:alignment]) if @options[:alignment].present?
+        scope
       end
 
       def order_by_older(scope)
@@ -79,15 +106,32 @@ module Decidim
       end
 
       def order_by_best_rated(scope)
-        scope.sort_by do |comment|
-          comment.up_votes.size - comment.down_votes.size
-        end.reverse
+        scope.order(Arel.sql("up_votes_count - down_votes_count DESC, created_at DESC"))
       end
 
       def order_by_most_discussed(scope)
-        scope.sort_by do |comment|
-          count_replies(comment)
-        end.reverse
+        scope
+          .select("decidim_comments_comments.*, COALESCE(descendants.total, 0) as descendants_count")
+          .joins(<<~SQL.squish)
+            LEFT JOIN LATERAL (
+              WITH RECURSIVE comment_tree AS (
+                SELECT id, decidim_commentable_id
+                FROM decidim_comments_comments AS replies
+                WHERE replies.decidim_commentable_id = decidim_comments_comments.id
+                  AND replies.decidim_commentable_type = 'Decidim::Comments::Comment'
+
+                UNION ALL
+
+                SELECT r.id, r.decidim_commentable_id
+                FROM decidim_comments_comments AS r
+                INNER JOIN comment_tree ct ON r.decidim_commentable_id = ct.id
+                  AND r.decidim_commentable_type = 'Decidim::Comments::Comment'
+              )
+              SELECT COUNT(*) as total
+              FROM comment_tree
+            ) descendants ON true
+          SQL
+          .order(Arel.sql("descendants_count DESC, decidim_comments_comments.created_at DESC"))
       end
     end
   end

data/app/views/decidim/comments/admin/shared/_availability_fields.html.erb

@@ -2,7 +2,7 @@
   <%= form.check_box :comments_enabled, label: t(".enabled"), data: { controller: :toggle, "toggle-toggle-value": "customize_comments_times-div" } %>
 </div>
 
-<div id="customize_comments_times-div" class="row column <%= @form.comments_enabled ? nil : "hide" %>">
+<div id="customize_comments_times-div" data-toggler=".hide" class="row column <%= @form.comments_enabled ? nil : "hide" %>">
   <div class="mb-4">
     <%= form.datetime_field :comments_start_time, label: t(".start_time") %>
   </div>

data/app/views/decidim/comments/comments/_load_more_comments.html.erb

@@ -0,0 +1,22 @@
+<div data-load-more-comments-wrapper
+     data-controller="load-more-comments"
+     data-load-more-comments-url-value="<%= decidim_comments.comments_path %>"
+     data-load-more-comments-commentable-gid-value="<%= commentable.to_signed_global_id.to_s %>"
+     data-load-more-comments-order-value="<%= order %>"
+     data-load-more-comments-offset-value="<%= offset %>"
+     data-load-more-comments-per-page-value="<%= Decidim::Comments::SortedComments::DEFAULT_COMMENTS_LIMIT %>"
+     <% if local_assigns[:alignment].present? %>
+     data-load-more-comments-alignment-value="<%= alignment %>"
+     <% end %>
+     class="load-more-comments">
+  <button type="button"
+          data-load-more-comments-target="button"
+          data-action="click->load-more-comments#loadMore"
+          class="button button__xs button__text-secondary">
+    <span class="font-normal"><%= t("decidim.components.comments.load_more_comments") %></span>
+    <%= icon "arrow-down-s-line" %>
+  </button>
+  <span data-load-more-comments-target="spinner" class="hidden">
+    <%= icon "loader-3-line", class: "animate-spin fill-secondary" %>
+  </span>
+</div>

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

@@ -13,12 +13,46 @@
     hideButton.find("[data-show-comment-reply]").first().html('<%= t("decidim.components.comment.show_replies", count: Decidim::Comments::SortedComments.for(root_comment.reload).size) %>');
 
   } else {
-    component.addThread(commentHtml, alignment, true);
+    var params = new URLSearchParams({
+      "commentable_gid": component.commentableGid,
+      "root_depth": component.rootDepth,
+      "order": component.order,
+      "reload": 1
+    });
+
+    var csrfToken = document.querySelector('meta[name="csrf-token"]');
+    var headers = {
+      "Accept": "text/javascript",
+      "X-Requested-With": "XMLHttpRequest"
+    };
+    if (csrfToken) { headers["X-CSRF-Token"] = csrfToken.getAttribute("content"); }
+
+    fetch(component.commentsUrl + "?" + params.toString(), {
+      method: "GET",
+      headers: headers,
+      credentials: "same-origin"
+    }).then(function(response) {
+      if (!response.ok) { throw new Error("Network response was not ok"); }
+      return response.text();
+    }).then(function(script) {
+      var scriptElement = document.createElement("script");
+      scriptElement.textContent = script;
+      document.body.appendChild(scriptElement);
+      document.body.removeChild(scriptElement);
+      component._finalizeCommentCreation(null, true);
+    }).catch(function() {
+      var commentsContainer = document.getElementById(rootCommentableId);
+      var loadingElement = commentsContainer.querySelector(".loading-comments");
+      var commentsElement = commentsContainer.querySelector(".comments");
+      if (loadingElement) { loadingElement.classList.add("hidden"); }
+      if (commentsElement) { commentsElement.classList.remove("hidden"); }
+      component._finalizeCommentCreation(null, true);
+    });
   }
 
-  Rails.fire(document, "comments:loaded", {
-    commentsIds: [<%= @comment.id %>, <%= @comment.commentable.id %>]
-  });
+  document.dispatchEvent(new CustomEvent("comments:loaded", {
+    detail: { commentsIds: [<%= @comment.id %>, <%= @comment.commentable.id %>] }
+  }));
 
   // Update the comments count
   $(".comments-count", $comments).text(<%== t("decidim.components.comments.title", count: @comments_count).to_json %>);

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

@@ -1,35 +1,70 @@
 (function() {
-  var rootCommentableId = <%== "comments-for-#{commentable.commentable_type.demodulize}-#{commentable.id}".to_json %>;
+  <% root_resource = commentable.is_a?(Decidim::Comments::Comment) ? commentable.root_commentable : commentable %>
 
-  var $comments = $("#" + rootCommentableId);
+  var commentsContainer = document.getElementById(<%== "comments-for-#{root_resource.commentable_type.demodulize}-#{root_resource.id}".to_json %>);
+  var $comments = $(commentsContainer);
   var component = $comments.data("comments");
 
-  $(".loading-comments").addClass("hidden");
+  // Find target container: desktop column, mobile container, or standard single-column
+  <% if alignment.present? %>
+    var targetContainer = commentsContainer.querySelector(<%== ".comments-section__#{alignment == 1 ? "in-favor" : "against"}".to_json %>);
+  <% else %>
+    var targetContainer = commentsContainer.querySelector("#mobileContainer") || commentsContainer.querySelector(".comment-threads");
+  <% end %>
 
-  var commentsIds = [];
-<% @comments.each do |comment| %>
-  var commentId = <%= comment.id.to_json %>;
-  commentsIds.push(commentId);
-  var commentHtml = '<%== j(render comment).strip %>';
-  var inReplyTo = <%== (reply?(comment) ? comment.commentable.id : nil).to_json %>;
-
-  var $comment = $("#comment_" + commentId);
-  if (1 > $comment.length) {
-    if (inReplyTo) {
-      component.addReply(inReplyTo, commentHtml);
-    } else {
-      component.addThread(commentHtml);
+  var loadingElement = commentsContainer.querySelector(".loading-comments");
+  var commentsElement = commentsContainer.querySelector(".comments");
+  if (loadingElement) { loadingElement.classList.add("hidden"); }
+  if (commentsElement) { commentsElement.classList.remove("hidden"); }
+
+  <% unless alignment.present? %>
+    if (targetContainer) {
+      targetContainer.querySelectorAll(".comment-thread").forEach(function(el) { el.remove(); });
+      var existingLoadMore = targetContainer.querySelector("[data-load-more-comments-wrapper]");
+      if (existingLoadMore) { existingLoadMore.remove(); }
     }
-  }
-<% end %>
+  <% end %>
+
+  // Insert comments
+  var commentsIds = [];
+  <% @comments.each do |comment| %>
+    (function() {
+      var commentId = <%= comment.id.to_json %>;
+      var commentHtml = '<%== j(render comment).strip %>';
+      var inReplyTo = <%== (reply?(comment) ? comment.commentable.id : nil).to_json %>;
+
+      commentsIds.push(commentId);
+      if (targetContainer && !targetContainer.querySelector("#comment_" + commentId)) {
+        if (inReplyTo) {
+          component.addReply(inReplyTo, commentHtml);
+        } else {
+          component.addThread(commentHtml, <%= alignment.presence || "null" %>);
+        }
+      }
+    })();
+  <% end %>
+
   if (commentsIds.length) {
     component.lastCommentId = <%= @comments.last&.id || 0 %>;
+    Rails.fire(document, "comments:loaded", { commentsIds: commentsIds });
+  }
 
-    Rails.fire(document, "comments:loaded", {
-      commentsIds: commentsIds
-    });
+  // Update comments count
+  var countElement = commentsContainer.querySelector(".comments-count");
+  if (countElement) {
+    countElement.textContent = <%== t("decidim.components.comments.title", count: @comments_count).to_json %>;
   }
 
-  // Update the comments count
-  $(".comments-count", $comments).text(<%== t("decidim.components.comments.title", count: @comments_count).to_json %>);
+  // Handle load more button
+  <% if @has_more_comments %>
+  if (targetContainer && !targetContainer.querySelector("[data-load-more-comments-wrapper]")) {
+    var loadMoreHtml = '<%== j(render partial: "decidim/comments/comments/load_more_comments", locals: { commentable:, order:, offset: @comments.size, alignment: alignment.presence }).strip %>';
+    targetContainer.insertAdjacentHTML("beforeend", loadMoreHtml);
+  }
+  <% else %>
+  if (targetContainer) {
+    var loadMoreToRemove = targetContainer.querySelector("[data-load-more-comments-wrapper]");
+    if (loadMoreToRemove) { loadMoreToRemove.remove(); }
+  }
+  <% end %>
 }());

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

@@ -0,0 +1,74 @@
+(function() {
+  <% root_resource = commentable.is_a?(Decidim::Comments::Comment) ? commentable.root_commentable : commentable %>
+  <% is_loading_replies = commentable.is_a?(Decidim::Comments::Comment) %>
+  <% new_offset = comments_offset + @comments.size %>
+
+  var commentsContainer = document.getElementById(<%== "comments-for-#{root_resource.commentable_type.demodulize}-#{root_resource.id}".to_json %>);
+  var $comments = $(commentsContainer);
+  var component = $comments.data("comments");
+
+  <% if is_loading_replies %>
+    var targetContainer = document.getElementById("comment-<%= commentable.id %>-replies");
+    var loadMoreWrapper = null;
+  <% else %>
+    <% if alignment.present? %>
+      var targetContainer = commentsContainer.querySelector(<%== ".comments-section__#{alignment == 1 ? "in-favor" : "against"}".to_json %>);
+    <% else %>
+      var targetContainer = commentsContainer.querySelector("#mobileContainer") || commentsContainer.querySelector(".comment-threads");
+    <% end %>
+      var loadMoreWrapper = targetContainer ? targetContainer.querySelector("[data-load-more-comments-wrapper]") : null;
+  <% end %>
+
+  // Insert comments
+  var commentsIds = [];
+  <% @comments.each do |comment| %>
+    (function() {
+      var commentId = <%= comment.id.to_json %>;
+      var commentHtml = '<%== j(render comment).strip %>';
+      var inReplyTo = <%== (reply?(comment) ? comment.commentable.id : nil).to_json %>;
+
+      commentsIds.push(commentId);
+      var existingComment = targetContainer ? targetContainer.querySelector("#comment_" + commentId) : null;
+      if (!existingComment) {
+        if (inReplyTo) {
+          component.addReply(inReplyTo, commentHtml);
+        } else if (loadMoreWrapper) {
+          loadMoreWrapper.insertAdjacentHTML("beforebegin", commentHtml);
+          component._initializeComments($(loadMoreWrapper.previousElementSibling));
+        } else {
+          component.addThread(commentHtml, <%= alignment.presence || "null" %>);
+        }
+      }
+    })();
+  <% end %>
+
+  if (commentsIds.length) {
+    component.lastCommentId = <%= @comments.last&.id || 0 %>;
+    Rails.fire(document, "comments:loaded", { commentsIds: commentsIds });
+  }
+
+  <% if is_loading_replies %>
+    if (targetContainer) {
+      targetContainer.querySelectorAll(".comment-reply.hidden").forEach(function(el) {
+        el.classList.remove("hidden");
+      });
+      targetContainer.querySelectorAll(".show-replies-button").forEach(function(el) {
+        el.remove();
+      });
+    }
+  <% end %>
+
+  <% unless is_loading_replies %>
+    <% if @has_more_comments %>
+      if (loadMoreWrapper) {
+        loadMoreWrapper.setAttribute("data-load-more-comments-offset-value", <%= new_offset %>);
+        var btn = loadMoreWrapper.querySelector("[data-load-more-comments-target='button']");
+        var spin = loadMoreWrapper.querySelector("[data-load-more-comments-target='spinner']");
+        if (btn) { btn.disabled = false; btn.classList.remove("loading"); }
+        if (spin) { spin.classList.add("hidden"); }
+      }
+    <% else %>
+      if (loadMoreWrapper) { loadMoreWrapper.remove(); }
+    <% end %>
+  <% end %>
+}());

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

@@ -1,26 +1,16 @@
 document.addEventListener("turbo:load", () => {
-  var rootCommentableId = <%== "comments-for-#{@commentable.class.name.demodulize}-#{@commentable.id}".to_json %>;
-  var $comments = $("#" + rootCommentableId);
-  var config = $comments.data("decidim-comments");
-  var component = $comments.data("comments");
-
-  component.unmountComponent();
-
   var commentHtml = '<%== j(render partial: "edited_comment", locals: { comment: @comment }).strip %>';
   var commentId = <%= @comment.id.to_json %>;
   var $comment = $("#comment_<%= @comment.id %>");
 
-  var $edit_modal = document.getElementById(`editCommentModal${commentId}`)
+  var $edit_modal = document.getElementById(`editCommentModal${commentId}`);
 
-  if ($edit_modal !== undefined) {
-    $edit_modal.remove()
+  if ($edit_modal) {
+    $edit_modal.remove();
   }
 
   $comment.replaceWith(commentHtml);
 
-  // Re-create the component
-  component.mountComponent();
-
   Rails.fire(document, "comments:loaded", {
     commentsIds: [commentId]
   });

data/config/locales/ar.yml

@@ -1,4 +1,3 @@
----
 ar:
   activemodel:
     models:

data/config/locales/bg.yml

@@ -1,4 +1,3 @@
----
 bg:
   activemodel:
     models:

data/config/locales/bs-BA.yml

@@ -1,4 +1,3 @@
----
 bs:
   decidim:
     components:

data/config/locales/ca-IT.yml

@@ -1,4 +1,3 @@
----
 ca-IT:
   activemodel:
     models:
@@ -68,9 +67,6 @@ ca-IT:
         alignment:
           against: En contra
           in_favor: A favor
-        answers:
-          one: "%{count} resposta"
-          other: "%{count} respuestas"
         cancel_reply: Cancel·lar resposta
         comment_label: Comentari %{comment_id}
         comment_label_reply: Comentari %{comment_id} (respon al comentari %{parent_comment_id})
@@ -84,7 +80,11 @@ ca-IT:
         hide_replies:
           one: Amagar resposta
           other: Amagar %{count} respostes
+        load_replies: Carregar les respostes
         moderated_at: Comentari moderat el %{date}
+        replies_count:
+          one: "%{count} respuesta"
+          other: "%{count} respostes"
         reply: Respondre
         report:
           action: Denúncia
@@ -116,7 +116,9 @@ ca-IT:
         blocked_comments_warning: Els comentaris estan deshabilitats en aquests moments, només les administradores poden respondre o publicar-ne de nous.
         comment_details_title: Detalls del comentari
         in_favor: A favor
+        load_more_comments: Carregar més comentaris
         loading: Carregant els comentaris ...
+        no_comments_yet: Encara no hi ha comentaris
         single_comment_warning: <a href="%{url}">Mostra tots els comentaris</a>
         single_comment_warning_title: Estàs veient un sol comentari
         title:

data/config/locales/ca.yml

@@ -1,4 +1,3 @@
----
 ca:
   activemodel:
     models:
@@ -68,9 +67,6 @@ ca:
         alignment:
           against: En contra
           in_favor: A favor
-        answers:
-          one: "%{count} resposta"
-          other: "%{count} respuestas"
         cancel_reply: Cancel·lar resposta
         comment_label: Comentari %{comment_id}
         comment_label_reply: Comentari %{comment_id} (respon al comentari %{parent_comment_id})
@@ -84,7 +80,11 @@ ca:
         hide_replies:
           one: Amagar resposta
           other: Amagar %{count} respostes
+        load_replies: Carregar les respostes
         moderated_at: Comentari moderat el %{date}
+        replies_count:
+          one: "%{count} respuesta"
+          other: "%{count} respostes"
         reply: Respondre
         report:
           action: Denúncia
@@ -116,7 +116,9 @@ ca:
         blocked_comments_warning: Els comentaris estan deshabilitats en aquests moments, només les administradores poden respondre o publicar-ne de nous.
         comment_details_title: Detalls del comentari
         in_favor: A favor
+        load_more_comments: Carregar més comentaris
         loading: Carregant els comentaris ...
+        no_comments_yet: Encara no hi ha comentaris
         single_comment_warning: <a href="%{url}">Mostra tots els comentaris</a>
         single_comment_warning_title: Estàs veient un sol comentari
         title:

data/config/locales/cs.yml

@@ -1,4 +1,3 @@
----
 cs:
   activemodel:
     models:
@@ -72,11 +71,6 @@ cs:
         alignment:
           against: Proti
           in_favor: Ve prospěch
-        answers:
-          one: "%{count} odpověď"
-          few: "%{count} odpovědi"
-          many: "%{count} odpovědí"
-          other: "%{count} odpovědí"
         cancel_reply: Zrušit odpověď
         comment_label: Komentář %{comment_id}
         comment_label_reply: Komentář %{comment_id} (odpověď na komentář %{parent_comment_id})
@@ -92,6 +86,7 @@ cs:
           few: Skrýt {count} odpovědi
           many: Skrýt {count} odpovědí
           other: Skrýt {count} odpovědí
+        load_replies: Načíst odpovědi
         moderated_at: Komentář moderován dne %{date}
         reply: Odpověď
         report:
@@ -126,7 +121,9 @@ cs:
         blocked_comments_warning: Komentáře jsou momentálně zakázány, pouze administrátoři mohou odpovědět nebo psát nové.
         comment_details_title: Podrobnosti komentáře
         in_favor: Líbí se mi
+        load_more_comments: Načíst další komentáře
         loading: Načítání komentářů ...
+        no_comments_yet: Zatím žádné komentáře
         single_comment_warning: <a href="%{url}">Zobrazit všechny komentáře</a>
         single_comment_warning_title: Vidíte jeden komentář
         title: