Implement server-side rendering of datatables in users#index

app/assets/javascripts/osem-datatables.js

@@ -12,7 +12,14 @@ $(function () {
       pagingType: 'full_numbers',
       order: [[ 0, 'desc' ]]
     });
+
+    $('#userstable').DataTable({
+      pagingType: 'full_numbers',
+      processing: true,
+      serverSide: true,
+      sAjaxSource: $('#userstable').data('source'),
+      aoColumns: [ null, { "bSortable": false }, null, null, { "bSortable": false }, { "bSortable": false }, { "bSortable": false }, { "bSortable": false }]
+    });
   });
 });
 
-

app/controllers/admin/users_controller.rb

@@ -7,7 +7,10 @@ module Admin
     end
 
     def index
-      @users = User.all
+      respond_to do |format|
+        format.html
+        format.json { render json: UsersDatatable.new(view_context) }
+      end
     end
 
     def show

app/datatables/users_datatable.rb

@@ -0,0 +1,53 @@
+class UsersDatatable
+  delegate :params, :link_to, :current_ability, :show_roles, to: :@view
+
+  def initialize(view)
+    @view = view
+  end
+
+  def as_json(_options = {})
+    {
+      sEcho: params[:sEcho].to_i,
+      iTotalRecords: User.count,
+      iTotalDisplayRecords: users.count,
+      aaData: data
+    }
+  end
+
+  private
+
+  def data
+    paginate(users).map do |user|
+      [
+        user.id,
+        (user.confirmed? ? 'confirmed' : 'unconfirmed'),
+        user.email,
+        user.name,
+        user.registrations.where(attended: true).count,
+        (user.roles.empty? ? 'None' : "#{show_roles(user.get_roles.first(2))} #{'...' if user.get_roles.count > 2}"),
+        (link_to('View', Rails.application.routes.url_helpers.admin_user_path(user), class: 'btn btn-success') if current_ability.can?(:show, user)),
+        (link_to('Edit', Rails.application.routes.url_helpers.edit_admin_user_path(user), class: 'btn btn-primary') if current_ability.can?(:update, user))
+      ]
+    end
+  end
+
+  def users
+    @users ||= fetch_users
+  end
+
+  def fetch_users
+    sort_direction = params[:sSortDir_0] == 'desc' ? 'desc' : 'asc'
+    sort_column = %w(id state email name)[params[:iSortCol_0].to_i]
+    users = User.order("#{sort_column} #{sort_direction}")
+    if params[:sSearch].present?
+      users = users.where('name like :search or email like :search', search: "%#{params[:sSearch]}%")
+    end
+    users
+  end
+
+  def paginate(users)
+    per_page = params[:iDisplayLength].to_i > 0 ? params[:iDisplayLength].to_i : 10
+    page = params[:iDisplayStart].to_i / per_page + 1
+    users.offset((page - 1) * per_page).limit(per_page)
+  end
+end

app/views/admin/users/index.html.haml

@@ -7,7 +7,7 @@
           = "(#{@users.length})"
 .row
   .col-md-12.table-responsive
-    %table.table.table-striped.table-bordered.table-hover.datatable
+    %table.table.table-striped.table-bordered.table-hover#userstable{data: {source: admin_users_path(format: :json)}}
       %thead
         %th ID
         %th State
@@ -18,31 +18,3 @@
         %th View
         %th Edit
       %tbody
-        - @users.each do |user|
-          %tr
-            %td
-              = user.id
-            %td
-              - if user.confirmed?
-                confirmed
-              - else
-                unconfirmed
-            %td
-              = user.email
-            %td
-              = user.name
-            %td
-              = user.registrations.where(attended: true).count
-            %td
-              - unless user.get_roles.blank?
-                = show_roles(user.get_roles.first(2))
-                - if user.get_roles.count > 2
-                  = '...'
-              - else
-                None
-            %td
-              - if can? :show, user
-                = link_to 'View', admin_user_path(user), class: 'btn btn-success'
-            %td
-              - if can? :update, user
-                = link_to 'Edit', edit_admin_user_path(user), class: 'btn btn-primary'