Use separate JavaScript file to initialize DataTables

CHANGELOG.md

@@ -1,5 +1,8 @@
 # CHANGELOG
 
+## 2.2.1 - 2019/11/10
+* Use separate JavaScript file to initialize DataTables
+
 ## 2.2.0 - 2019/11/10
 * Add version tag to footer
 * Add sortable tables

config/Constants.php

@@ -13,7 +13,7 @@ class Constants
     /**
      * Version tag
      */
-    const VERSION = '2.2.1-SNAPSHOT';
+    const VERSION = '2.2.1';
 
     /**
      * Return constant by it's class name

public/theme/bootstrap4/js/custom.js

@@ -0,0 +1,8 @@
+$(document).ready(function () {
+    $('#table').DataTable({
+        "language": {
+            "url": "/theme/bootstrap4/DataTables/en_dataTable.json"
+        },
+        "paging": false
+    });
+});

src/View/bootstrap4/layout.twig

@@ -68,18 +68,9 @@
 <!-- Script -->
 <script src="/theme/bootstrap4/js/bootstrap.bundle.min.js"></script>
 <script src="/theme/bootstrap4/DataTables/datatables.min.js"></script>
+<script src="/theme/bootstrap4/js/custom.js"></script>
 
 {% block js %}
-<script>
-    $(document).ready(function() {
-        $('#table').DataTable( {
-            "language": {
-                "url": "/theme/bootstrap4/DataTables/en_dataTable.json"
-            },
-            "paging": false
-        } );
-    } );
-</script>
 {% endblock %}
 
 </body>