Organize assets (js, css)

assets/app.js

@@ -1,35 +1,9 @@
 import './styles/tailmater.css';
 import './styles/colors.css';
-import './styles/data_tables.css';
+import './styles/dataTablesTailwind.css';
+import './styles/dataTablesApp.css';
 import './styles/app.css';
 import './scripts/tailmater.js';
-import DataTable from "datatables.net-dt";
+import './scripts/datatables.js';
 
-Array.prototype.forEach.call(document.getElementsByClassName('dataTable'), function (element) {
-    new DataTable('#' + element.getAttribute('id'), {
-        dom: 'Bfrtip',
-        buttons: [
-            {
-                extend: 'csv',
-                exportOptions: {
-                    columns: ':not(.hide-in-export)'
-                }
-            },
-            {
-                extend: 'excel',
-                exportOptions: {
-                    columns: ':not(.hide-in-export)'
-                }
-            }
-        ]
-    });
-});
-
-document.querySelectorAll('[data-href]').forEach(function (element) {
-    const link = element.getAttribute('data-href');
-    element.addEventListener('click', function() {
-        window.location.href = link;
-    })
-});
-
-document.getElementById('snackbar-trigger')?.click();
+document.getElementById('snackbar-trigger')?.click();

assets/scripts/datatables.js

@@ -0,0 +1,28 @@
+import DataTable from "datatables.net-dt";
+
+Array.prototype.forEach.call(document.getElementsByClassName('dataTable'), function (element) {
+    new DataTable('#' + element.getAttribute('id'), {
+        dom: 'Bfrtip',
+        buttons: [
+            {
+                extend: 'csv',
+                exportOptions: {
+                    columns: ':not(.hide-in-export)'
+                }
+            },
+            {
+                extend: 'excel',
+                exportOptions: {
+                    columns: ':not(.hide-in-export)'
+                }
+            }
+        ]
+    });
+});
+
+document.querySelectorAll('[data-href]').forEach(function (element) {
+    const link = element.getAttribute('data-href');
+    element.addEventListener('click', function() {
+        window.location.href = link;
+    })
+});

templates/base/__head.html.twig

@@ -42,7 +42,6 @@
     {% block stylesheets %}
         {# todo: include local #}
         <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
-        <link href="https://cdn.datatables.net/1.13.7/css/dataTables.tailwindcss.min.css" rel="stylesheet" />
         {{ encore_entry_link_tags('app') }}
     {% endblock %}