From 80bae4167f544796afdcc518bf3d4ffa55b9a358 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20B=C3=B6hmer?= <mail@jan-boehmer.de>
Date: Mon, 21 Aug 2023 22:48:47 +0200
Subject: [PATCH] Added button to inverse part selection in tables

Fix issue #346
---
 .../elements/datatables/datatables_controller.js     | 12 ++++++++++++
 templates/components/datatables.macro.html.twig      |  4 +++-
 translations/messages.en.xlf                         |  6 ++++++
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/assets/controllers/elements/datatables/datatables_controller.js b/assets/controllers/elements/datatables/datatables_controller.js
index 3f339302..c53db751 100644
--- a/assets/controllers/elements/datatables/datatables_controller.js
+++ b/assets/controllers/elements/datatables/datatables_controller.js
@@ -239,4 +239,16 @@ export default class extends Controller {
         return this.element.dataset.select ?? false;
     }
 
+    invertSelection() {
+        //Do nothing if the datatable is not selectable
+        if(!this.isSelectable()) {
+            return;
+        }
+
+        //Invert the selected rows on the datatable
+        const selected_rows = this._dt.rows({selected: true});
+        this._dt.rows().select();
+        selected_rows.deselect();
+    }
+
 }
diff --git a/templates/components/datatables.macro.html.twig b/templates/components/datatables.macro.html.twig
index dadfad69..9c88e461 100644
--- a/templates/components/datatables.macro.html.twig
+++ b/templates/components/datatables.macro.html.twig
@@ -32,6 +32,8 @@
             {# <span id="select_count"></span> #}
 
             <div class="input-group">
+                <button class="btn btn-outline-secondary" type="button" {{ stimulus_action('elements/datatables/parts', 'invertSelection')}}
+                        title="{% trans %}part_list.action.invert_selection{% endtrans %}" ><i class="fa-solid fa-arrow-right-arrow-left"></i></button>
                 <span class="input-group-text">
                     <span class="badge bg-primary">{% trans with {'%count%': '<span ' ~ stimulus_target('elements/datatables/parts', 'selectCount') ~ '></span>'} %}part_list.action.part_count{% endtrans %}</span>
                 </span>
@@ -75,7 +77,7 @@
                     {# This is left empty, as this will be filled by Javascript #}
                 </select>
 
-                <button type="submit" class="btn btn-secondary">{% trans %}part_list.action.submit{% endtrans %}</button>
+                <button type="submit" class="btn btn-primary">{% trans %}part_list.action.submit{% endtrans %}</button>
             </div>
         </div>
 
diff --git a/translations/messages.en.xlf b/translations/messages.en.xlf
index b1387196..bfb76b98 100644
--- a/translations/messages.en.xlf
+++ b/translations/messages.en.xlf
@@ -11615,5 +11615,11 @@ Please note, that you can not impersonate a disabled user. If you try you will g
         <target>If this option is selected, the given withdraw quantities are used as given, no matter if more or less parts are actually required to build this project.</target>
       </segment>
     </unit>
+    <unit id="tfOeMsC" name="part_list.action.invert_selection">
+      <segment>
+        <source>part_list.action.invert_selection</source>
+        <target>Invert selection</target>
+      </segment>
+    </unit>
   </file>
 </xliff>