fix: [genericElement:index_table] Added missing multi-select-actions view

templates/element/genericElements/ListTopBar/group_multi_select_actions.php

@@ -0,0 +1,74 @@
+<?php
+    if (!isset($data['requirement']) || $data['requirement']) {
+        $buttons = '';
+        foreach ($data['children'] as $child) {
+            $buttons .= $this->Bootstrap->button([
+                'variant' => $child['variant'] ?? 'primary',
+                'text' => $child['text'],
+                'outline' => !empty($child['outline']),
+                'params' => [
+                    'data-onclick-function' => $child['onclick'] ?? '',
+                    'data-table-random-value' => $tableRandomValue,
+                    'onclick' => 'multiActionClickHandler(this)'
+                ]
+            ]);
+        }
+        echo sprintf(
+            '<div class="multi_select_actions btn-group mr-2 flex-wrap collapse" role="group" aria-label="button-group" data-table-random-value="%s">%s</div>',
+            $tableRandomValue,
+            $buttons
+        );
+    }
+?>
+
+<script type="text/javascript">
+    $(document).ready(function() {
+        let $table = $('#index-table-<?= $tableRandomValue ?>')
+        $table.find('input.select_all').on('change', function() {
+            toggleMultiSelectActions($table)
+            
+        });
+        $table.find('input.selectable_row').on('change', function() {
+            toggleMultiSelectActions($table)
+            
+        });
+    });
+
+    function toggleMultiSelectActions($table) {
+        const randomValue = $table.data('table-random-value');
+        let $multiSelectActions = $('div.multi_select_actions').filter(function() {
+            return $(this).data('table-random-value') == randomValue
+        })
+        if (getSelected($table).length > 0) {
+            $multiSelectActions.show()
+        } else {
+            $multiSelectActions.hide()
+        }
+    }
+
+    function getSelected($table) {
+        return $table.find('input.selectable_row:checked')
+    }
+
+    function multiActionClickHandler(clicked) {
+        let $clicked = $(clicked)
+        const randomValue = $clicked.data('table-random-value')
+        let $table = $(`#index-table-${randomValue}`)
+        let rowDataByID = {}
+        $table.data('data').forEach(row => {
+            rowDataByID[row.id] = row
+        })
+        const $selected = getSelected($table)
+        let selectedIDs = []
+        let selectedData = []
+        $selected.each(function() {
+            const dataID = $(this).data('id')
+            selectedIDs.push(dataID)
+            selectedData.push(rowDataByID[dataID])
+        })
+        const functionName = $clicked.data('onclick-function')
+        if (functionName && typeof window[functionName] === 'function') {
+            window[functionName](selectedIDs, selectedData, $table)
+        }
+    }
+</script>