Add datatables

Gemfile

@@ -29,6 +29,8 @@ gem 'font-awesome-sass', '~> 5.12.0'
 
 gem 'activeldap', '~> 5.2', '>= 5.2.4', :require => 'active_ldap/railtie'
 gem 'net-ldap', '~> 0.16.2'
+gem 'jquery-rails', '~> 4.3', '>= 4.3.5'
+gem 'jquery-datatables', '~> 1.10', '>= 1.10.20'
 
 # Reduces boot times through caching; required in config/boot.rb
 gem 'bootsnap', '>= 1.4.2', require: false

Gemfile.lock

@@ -126,6 +126,11 @@ GEM
     jaro_winkler (1.5.4-java)
     jbuilder (2.9.1)
       activesupport (>= 4.2.0)
+    jquery-datatables (1.10.20)
+    jquery-rails (4.3.5)
+      rails-dom-testing (>= 1, < 3)
+      railties (>= 4.2.0)
+      thor (>= 0.14, < 2.0)
     listen (3.1.5)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
@@ -290,6 +295,8 @@ DEPENDENCIES
   font-awesome-sass (~> 5.12.0)
   haml-rails (~> 2.0)
   jbuilder (~> 2.7)
+  jquery-datatables (~> 1.10, >= 1.10.20)
+  jquery-rails (~> 4.3, >= 4.3.5)
   listen (>= 3.0.5, < 3.2)
   net-ldap (~> 0.16.2)
   pg (>= 0.18, < 2.0)

app/assets/config/manifest.js

 //= link_tree ../images
 //= link_directory ../stylesheets .css
+//= link_directory ../javascripts .js

app/assets/javascripts/application.js

+//= require jquery
+//= require datatables
+$(document).ready(function() {
+	$('#dttb').DataTable();
+});

app/assets/javascripts/datatables.js

+// Core component
+//= require datatables/jquery.dataTables
+// Bootstrap4 theme
+//= require datatables/dataTables.bootstrap4
+
+// Optional Datatables extensions
+//= require datatables/extensions/Responsive/dataTables.responsive
+//= require datatables/extensions/Responsive/responsive.bootstrap4

app/assets/stylesheets/application.scss

 @import "font-awesome-sprockets";
 @import "font-awesome";
+@import 'datatables';
 // Custom bootstrap variables must be set or imported *before* bootstrap.
 @import "bootstrap";

app/assets/stylesheets/datatables.scss

+@import 'datatables/dataTables.bootstrap4';
+@import 'datatables/extensions/Responsive/responsive.bootstrap4';
+@import 'datatables/extensions/Buttons/buttons.bootstrap4';

app/views/layouts/application.html.haml

@@ -6,6 +6,7 @@
     = csrf_meta_tags
     = csp_meta_tag
     = stylesheet_link_tag    'application', media: 'all'
+    = javascript_include_tag 'application', data_turbolinks_track: 'reload'
   %body
     %nav.navbar.navbar-dark.bg-dark.static-top.navbar-expand-lg
       .container

app/views/users/index.html.haml

-%table.table.table-striped
+%table.table.table-striped#dttb
   %caption List of users
   %thead
     %tr