feat: agregado componente caja de filtros de comentarios y compo filtro_base

app/views/moderation_queue/_comment.haml

@@ -6,7 +6,7 @@
     .col-10
       .row.border.border-white
         .col.col-1.border.border-white.mr-5
-          %p= comment['published'].to_datetime.strftime('%m/%d/%Y') # falta parsear
+          %p= comment['published'].to_datetime.strftime('%m/%d/%Y')
         .col.border.border-white
           %span.mr-2= t('.source_profile')
           %a{:href => comment['attributedTo']}= comment['attributedTo'] #falta parsear
@@ -15,4 +15,4 @@
         %span
           %a{:href => comment['inReplyTo']}= comment['inReplyTo']
       .row.border.border-white 
-        %p= sanitize comment['content'] #falta parsear
+        %p= sanitize comment['content']

app/views/moderation_queue/_comment_filter_box.haml

@@ -0,0 +1,6 @@
+-# Componente Caja de Filtros
+
+.d-flex.py-2.justify-content-center
+  = render 'moderation_queue/filter_base', text: t('.text_checked')
+  = render 'moderation_queue/filter_base', text: t('.text_show')
+  = render 'moderation_queue/filter_base', text: t('.text_order')

app/views/moderation_queue/_filter_base.haml

@@ -0,0 +1,8 @@
+-# Componente Filtro
+.dropdown.mx-4
+  %button#dropdownMenuButton.btn.btn-outline-secondary.dropdown-toggle{:type => "button", "data-toggle" => "dropdown", "aria-haspopup" => "true", "aria-expanded" => "false"}
+  %span #{text}
+  .dropdown-menu{"aria-labelledby" => "dropdownMenuButton"}
+    %a.dropdown-item{:href => "#"} Action
+    %a.dropdown-item{:href => "#"} Another action
+    %a.dropdown-item{:href => "#"} Something else here

app/views/moderation_queue/index.haml

@@ -1,3 +1,4 @@
+= render 'moderation_queue/comment_filter_box'
 - @moderation_queue.each do |comment|
 
   = render 'comment', comment: comment

app/views/posts/_moderation_queue.haml

@@ -1,6 +1,7 @@
 .flex
   %h3.text-center.py-2 Comentarios
   - @moderation_queue.each do |comment|
+    = render 'moderation_queue/comment_filter_box'
     = render 'moderation_queue/comment', comment: comment
     .row.d-flex.justify-content-center
       = render 'moderation_queue/comment_button_box'

config/locales/es.yml

@@ -18,6 +18,10 @@ es:
       text_accept: Aceptar Publicación
       text_reply: Responder
       text_report: Reportar
+    comment_filter_box:
+      text_order:  Ordenar por
+      text_show: Ver
+      text_checked: Con los marcados
   dark: Oscuro
   es: Castellano
   en: English