Recherche des tweets de réponse avec l'API Tweeter

resources/js/pages/datatables.js

@@ -0,0 +1,86 @@
+/*
+ *  Document   : datatables.js
+ *  Author     : pixelcave
+ *  Description: Using custom JS code to init DataTables plugin
+ */
+
+// DataTables, for more examples you can check out https://www.datatables.net/
+class pageTablesDatatables {
+	/*
+	 * Init DataTables functionality
+	 *
+	 */
+	static initDataTables() {
+		// Override a few default classes
+    jQuery.extend(true, DataTable.ext.classes, {
+      search: {
+        input: "form-control"
+      },
+      length: {
+        select: "form-select"
+      },
+    });
+
+    // Override a few defaults
+    jQuery.extend(true, DataTable.defaults, {
+      language: {
+        lengthMenu: "_MENU_",
+        search: "_INPUT_",
+        searchPlaceholder: "Search..",
+        info: "Page <strong>_PAGE_</strong> of <strong>_PAGES_</strong>",
+        paginate: {
+          first: '<i class="fa fa-angle-double-left"></i>',
+          previous: '<i class="fa fa-angle-left"></i>',
+          next: '<i class="fa fa-angle-right"></i>',
+          last: '<i class="fa fa-angle-double-right"></i>'
+        }
+      }
+    });
+
+    // Override buttons default classes
+    jQuery.extend(true, DataTable.Buttons.defaults, {
+      dom: {
+        button: {
+          className: 'btn btn-sm btn-primary'
+        },
+      }
+    });
+
+		// Init full DataTable
+    jQuery('.js-dataTable-full').DataTable({
+      pagingType: "simple_numbers",
+      layout: {
+        topStart: {
+          pageLength: {
+            menu: [5, 10, 15, 20]
+          },
+        },
+      },
+      pageLength: 5,
+      autoWidth: false,
+    });
+
+    // Init DataTable with Buttons
+    jQuery('.js-dataTable-buttons').DataTable({
+      pagingType: "simple_numbers",
+      layout: {
+        topStart: {
+          buttons: ['copy', 'excel', 'csv', 'pdf', 'print']
+        },
+      },
+      pageLength: 5,
+      autoWidth: false,
+    });
+	}
+
+	/*
+	 * Init functionality
+	 *
+	 */
+	static init() {
+		this.initDataTables();
+	}
+}
+
+// Initialize when page loads
+Dashmix.onLoad(() => pageTablesDatatables.init());