Merge pull request #1 from bmic-development/kg-scroll_to_top

KG - Back to Top Button on Protocol Index
bmic-development · Jan 23, 2017 · 463b1f3 · 463b1f3
2 parents 7342511 + f9a7fd9
commit 463b1f3
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 0 deletions.
diff --git a/app/assets/javascripts/protocols.js.coffee b/app/assets/javascripts/protocols.js.coffee
@@ -72,5 +72,11 @@ $ ->
       $('#protocol-list').bootstrapTable('hideColumn', 'subsidy_committed')
       $('#protocol-list').bootstrapTable('hideColumn', 'subsidy_expended')
 
+    $(window).scroll ->
+      if $(this).scrollTop() > 50
+        $('.back-to-top').removeClass('hidden')
+      else
+        $('.back-to-top').addClass('hidden')
+
 (exports ? this).number_to_percent = (value) ->
   value + '%'
diff --git a/app/assets/stylesheets/protocols.sass b/app/assets/stylesheets/protocols.sass
@@ -32,6 +32,11 @@ body.protocols
     .srid
       width: 200px
 
+    .back-to-top
+      position: fixed
+      right: 20px
+      bottom: 20px
+
   &.protocols-show
 
     span.r-label, span.t-label

diff --git a/app/views/protocols/_back_to_top.html.haml b/app/views/protocols/_back_to_top.html.haml
@@ -0,0 +1,3 @@
+%a.back-to-top.btn.btn-primary.btn-lg.hidden{href: '#', role: 'button', data: { toggle: 'tooltip', placement: 'left' }}
+  = t(:protocol)[:back_to_top]
+  %span.glyphicon.glyphicon-chevron-up
diff --git a/app/views/protocols/index.html.haml b/app/views/protocols/index.html.haml
@@ -22,3 +22,5 @@
   .row
     .col-md-12
       = render 'protocols'
+
+= render 'back_to_top'
diff --git a/config/locales/en.yml b/config/locales/en.yml
@@ -330,6 +330,7 @@ en:
       project_schedule: "Project Schedule"
     udak_project_number: "UDAK Project #"
     updates: "Updates"
+    back_to_top: 'Back to Top'
 
   reports:
     asc: "ASC"