Use django-any-js for DataTables.

biscuit/core/settings.py

@@ -28,6 +28,7 @@ INSTALLED_APPS = [
     'easyaudit',
     'bootstrap4',
     'fa',
+    'django_any_js',
     'menu',
     'biscuit.core'
 ]
@@ -134,9 +135,11 @@ BOOTSTRAP4 = {
     "include_jquery": True
 }
 
-DATATABLES = {
-    "css_url": LocalSetting(default="/javascript/jquery-datatables/css/dataTables.bootstrap4.min.css"),
-    "js_url": LocalSetting("/javascript/jquery-datatables/dataTables.bootstrap4.min.js"),
+ANY_JS = {
+          'DataTables': {
+                         'css_url': LocalSetting(default="/javascript/jquery-datatables/css/dataTables.bootstrap4.min.css"),
+                         'js_url': LocalSetting("/javascript/jquery-datatables/dataTables.bootstrap4.min.js")
+                        }
 }
 
 

biscuit/core/templates/core/base.html

 {% extends "bootstrap4/bootstrap4.html" %}
-{% load bootstrap4 menu staticfiles font_awesome %}
+{% load bootstrap4 menu staticfiles font_awesome any_js %}
 
 {% block bootstrap4_title %}BiscuIT School Information System{% endblock %}
 
 {% block bootstrap4_extra_head %}
+ {% include_css "DataTables" %}
  <link rel="stylesheet" href="{% static 'style.css' %}" />
- <link rel="stylesheet" type="text/css" href="/javascript/jquery-datatables/css/dataTables.bootstrap4.min.css"/>
  <link rel="shortcut icon" href="#" />
 {% endblock %}
 
 {% block bootstrap4_extra_script %}
- <script type="text/javascript" src="/javascript/jquery-datatables/dataTables.bootstrap4.min.js"></script>
+ {% include_js "DataTables" %}
  <script type="text/javascript" src="{% static 'js/main.js' %}" /></script>
 {% endblock %}
 

local.cfg

@@ -13,5 +13,5 @@ BOOTSTRAP4.css_url = "/javascript/bootstrap4/css/bootstrap.min.css"
 BOOTSTRAP4.javascript_url = "/javascript/bootstrap4/js/bootstrap.min.js"
 BOOTSTRAP4.jquery_url = "/javascript/jquery/jquery.min.js"
 BOOTSTRAP4.popper_url = "/javascript/popper.js/popper.min.js"
-DATATABLES.css_url = "/javascript/jquery-datatables/css/dataTables.bootstrap4.min.css"
-DATATABLES.js_url = "/javascript/jquery-datatables/dataTables.bootstrap4.min.js"
+ANY_JS.DataTables.css_url = "/javascript/jquery-datatables/css/dataTables.bootstrap4.min.css"
+ANY_JS.DataTables.js_url = "/javascript/jquery-datatables/dataTables.bootstrap4.min.js"

setup.py

@@ -17,6 +17,7 @@ setup(
     include_package_data=True,
     install_requires=[
                       'Django >= 2.0',
+                      'django-any-js',
                       'django-bootstrap4',
                       'django-fa',
                       'django-easy-audit',