Previous/next buttons

app/assets/stylesheets/application.scss

@@ -99,3 +99,10 @@ table.collapse.in {
   margin-top: 0;
   margin-bottom: 0;
 }
+
+/* Ellipsis fixes for previous/next buttons. */
+.ellipsize-50 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 50%;
+}

app/views/activities/_prev_next.html.haml

@@ -0,0 +1,15 @@
+.row.form-group
+  .col-xs-12
+    - if @activity.previous_in_group
+      = link_to group_activity_path(@group, @activity.previous_in_group), class: 'btn btn-default ellipsize-50' do
+        %span
+          %i.fas.fa-arrow-left
+        %span
+          = @activity.previous_in_group.name
+
+    - if @activity.next_in_group
+      = link_to group_activity_path(@group, @activity.next_in_group), class: 'btn btn-default ellipsize-50 pull-right' do
+        %span.pull-right{style: "margin-left: 3px"}
+          %i.fas.fa-arrow-right
+        %span
+          = @activity.next_in_group.name

app/views/activities/edit.html.haml

@@ -1,3 +1,4 @@
+= render partial: 'activities/prev_next'
 %h1
   = t 'activities.edit'
 

app/views/activities/show.html.haml

@@ -1,4 +1,6 @@
 - all_buttons = @activity.may_change?(current_person)
+= render partial: 'activities/prev_next'
+
 .row
   .col-md-9
     .panel.panel-default

config/locales/aardbei_en.yml

@@ -38,6 +38,9 @@ en:
   send_email: "Send email"
   overview: "Overzicht"
 
+  next: "Next"
+  previous: "Previous"
+
   somethingbroke: "Something broke!"
 
   areyousure: "Are you sure?"

config/locales/aardbei_nl.yml

@@ -17,6 +17,9 @@ nl:
   send_email: "Email versturen"
   overview: "Overzicht"
 
+  next: "Volgende"
+  previous: "Vorige"
+
   areyousure: "Weet je het zeker?"
 
   somethingbroke: "Er is iets misgegaan! Neem contact op als dit blijft gebeuren."