Changeset 24a616f for resources/assets/js/examples/pages/user-list.js

Timestamp:

10/13/21 15:44:57 (3 years ago)

Author:

Berat Kjufliju <kufliju@…>

Branches:

develop, master

Children:

120759b

Parents:

194a359

Message:

added documents crud, added last_seen_to_user, edited views

File:

• resources/assets/js/examples/pages/user-list.js (modified) (2 diffs)

resources/assets/js/examples/pages/user-list.js

@@ -5 +5 @@
                 'targets': 0,
                 'className': 'dt-body-center',
-                // 'render': function (data, type, full, meta) {
-                //     return '<div class="custom-control custom-checkbox">' +
-                //         '<input type="checkbox" class="custom-control-input" id="customCheck' + meta.row + '">' +
-                //         '<label class="custom-control-label" for="customCheck' + meta.row + '"></label>' +
-                //         '</div>';
-                // }
+                'render': function (data, type, full, meta) {
+                    return '<div class="custom-control custom-checkbox">' +
+                        '<input type="checkbox" class="custom-control-input" id="customCheck' + meta.row + '">' +
+                        '<label class="custom-control-label" for="customCheck' + meta.row + '"></label>' +
+                        '</div>';
+                }
             },
             {
                 "orderable": false,
-                "targets": []
+                "targets": [0, 8]
             }
         ],
@@ -20 +20 @@
     });
 
-//     $(document).on('click', '#user-list-select-all', function () {
-//         // Check/uncheck all checkboxes in the table
-//         var rows = table.rows({'search': 'applied'}).nodes();
-//         $('input[type="checkbox"]', rows)
-//             .prop('checked', this.checked);
-//         if (this.checked) {
-//             $('input[type="checkbox"]', rows).closest('tr').addClass('tr-selected');
-//         } else {
-//             $('input[type="checkbox"]', rows).closest('tr').removeClass('tr-selected');
-//         }
-//     });
-//
-//     // Handle click on checkbox to set state of "Select all" control
-//     $('#user-list tbody').on('change', 'input[type="checkbox"]', function () {
-//         // If checkbox is not checked
-//         if (!this.checked) {
-//             var el = $('#user-list-select-all').get(0);
-//             // If "Select all" control is checked and has 'indeterminate' property
-//             if (el && el.checked && ('indeterminate' in el)) {
-//                 // Set visual state of "Select all" control
-//                 // as 'indeterminate'
-//                 el.indeterminate = true;
-//             }
-//         }
-//     });
-//
-//     $(document).on('click', '.custom-control-input', function () {
-//         if ($(this).prop('checked')) {
-//             $(this).closest('td').closest('tr').addClass('tr-selected');
-//         } else {
-//             $(this).closest('td').closest('tr').removeClass('tr-selected');
-//         }
-//     });
+    $(document).on('click', '#user-list-select-all', function () {
+        // Check/uncheck all checkboxes in the table
+        var rows = table.rows({'search': 'applied'}).nodes();
+        $('input[type="checkbox"]', rows)
+            .prop('checked', this.checked);
+        if (this.checked) {
+            $('input[type="checkbox"]', rows).closest('tr').addClass('tr-selected');
+        } else {
+            $('input[type="checkbox"]', rows).closest('tr').removeClass('tr-selected');
+        }
+    });
+
+    // Handle click on checkbox to set state of "Select all" control
+    $('#user-list tbody').on('change', 'input[type="checkbox"]', function () {
+        // If checkbox is not checked
+        if (!this.checked) {
+            var el = $('#user-list-select-all').get(0);
+            // If "Select all" control is checked and has 'indeterminate' property
+            if (el && el.checked && ('indeterminate' in el)) {
+                // Set visual state of "Select all" control
+                // as 'indeterminate'
+                el.indeterminate = true;
+            }
+        }
+    });
+
+    $(document).on('click', '.custom-control-input', function () {
+        if ($(this).prop('checked')) {
+            $(this).closest('td').closest('tr').addClass('tr-selected');
+        } else {
+            $(this).closest('td').closest('tr').removeClass('tr-selected');
+        }
+    });
 });