feat: poder seleccionar todas las instancias

app/javascript/controllers/select_all_controller.js

@@ -0,0 +1,11 @@
+import { Controller } from "stimulus";
+
+export default class extends Controller {
+  static targets = ["toggle", "input"];
+
+  toggle(event = undefined) {
+    this.inputTargets.forEach(input => {
+      input.checked = this.toggleTarget.checked;
+    });
+  }
+}

app/views/components/_checkbox.haml

@@ -1,4 +1,4 @@
 -# Componente Checkbox
 .custom-control.custom-checkbox
-  %input.custom-control-input{ type: 'checkbox', id: id, name: id, class: local_assigns[:class] }
+  %input.custom-control-input{ type: 'checkbox', id: id, name: id, **local_assigns }
   %label.custom-control-label{ for: id }= yield

app/views/components/_select_all.haml

@@ -0,0 +1,4 @@
+-#
+  @param id [String]
+= render 'components/checkbox', id: id, data: { action: 'select-all#toggle', target: 'select-all.toggle' } do
+  %span.sr-only= t('.label')

app/views/moderation_queue/_instance.haml

@@ -1,6 +1,6 @@
 .row.no-gutters.pt-2
   .col-1
-    = render 'components/checkbox', id: instance.hostname
+    = render 'components/checkbox', id: instance.hostname, data: { target: 'select-all.input' }
   .col-11
     %h4
       %a{ href: instance.uri }= instance.content['title']

app/views/moderation_queue/_instances.haml

@@ -1,11 +1,11 @@
-.row.no-gutters.pt-2
+.row.no-gutters.pt-2{ data: { controller: 'select-all' } }
   .col-1.d-flex.align-items-center
-    = render 'components/checkbox', id: 'all' do
+    = render 'components/select_all', id: 'instances'
-      %span.sr-only= t('moderation_queue.everything')
   .col-11
     -# Filtros
     = render 'components/instances_filters'
 
+  .col-12
     - if instance_moderations.count.zero?
       %h3= t('moderation_queue.nothing')
 
@@ -18,6 +18,7 @@
         = render 'components/instances_btn_box', site: site, instance_moderation: instance_moderation
 
     %hr
+  .col-12
     %h3.mt-5= t('moderation_queue.instances.title')
     %lead= t('moderation_queue.instances.description')
     = render 'components/block_lists', blocklists: @blocklists