Pagination on dashboard

app/assets/stylesheets/application.scss

@@ -88,3 +88,14 @@ table.collapse.in {
 [aria-expanded="false"] > .sv-show-collapsed {
   display: inline;
 }
+
+/* Fix ridiculous margins with pagination */
+.sv-nomargins > nav.pagination {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.sv-nomargins > nav.pagination > ul.pagination {
+  margin-top: 0;
+  margin-bottom: 0;
+}

app/controllers/dashboard_controller.rb

@@ -7,9 +7,12 @@ class DashboardController < ApplicationController
       .joins(:activity)
       .where('activities.start >= ?', DateTime.now)
       .order('activities.start ASC')
+      .paginate(page: params[:upage], per_page: 10)
     @user_organized = @upcoming
       .where(is_organizer: true)
+      .limit(3)
     @need_response = @upcoming
       .where(attending: nil)
+      .paginate(page: params[:nrpage], per_page: 5)
   end
 end

app/views/dashboard/home.html.haml

@@ -36,6 +36,8 @@
                       = e.location
                     %td
                       = render partial: "activities/presence_buttons", locals: {activity: e, person: current_person, state: p.attending}
+          .panel-footer.text-center.sv-nomargins
+            = will_paginate @need_response, param_name: 'nrpage', renderer: WillPaginate::ActionView::Bootstrap4LinkRenderer, class: 'pagination-sm pagination'
   .row
     .col-md-6
       .panel.panel-default
@@ -86,3 +88,5 @@
                     = render partial: "activities/presence_buttons", locals: {activity: e, person: current_person, state: p.attending}
                   %td
                     = editable p, :notes, url: presence_group_activity_path(e.group, e, person_id: current_person.id), title: t('activities.participant.notes'), value: p.notes, emptytext: t('activities.participant.add_notes')
+        .panel-footer.text-center.sv-nomargins
+          = will_paginate(@upcoming, param_name: 'upage', renderer: WillPaginate::ActionView::Bootstrap4LinkRenderer, class: 'pagination-sm pagination')

config/locales/nl_willpaginate.yml

@@ -0,0 +1,18 @@
+nl:
+  will_paginate:
+    previous_label: "←"
+    next_label: "→"
+    page_gap: "…"
+
+    page_entries_info:
+      single_page:
+        zero:  "Geen %{model} gevonden"
+        one:   "Er is 1 %{model}"
+        other: "Dit zijn alle %{count} %{model}"
+      single_page_html:
+        zero:  "Geen %{model} gevonden"
+        one:   "Er is <b>1</b> %{model}"
+        other: "Dit zijn <b>alle&nbsp;%{count}</b> %{model}"
+
+      multi_page: "%{model} %{from} - %{to} van %{count}"
+      multi_page_html: "%{model} <b>%{from}&nbsp;-&nbsp;%{to}</b> van <b>%{count}</b>"