From 7bc7cd4676632c835a16341191e07a5e7e13054a Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
Date: Tue, 11 Jun 2019 16:46:27 +0000
Subject: [PATCH] Bug 23096: Add floating toolbar to OPAC lists

This patch makes the list contents table's toolbar "stick" to the top of
the screen when scrolling. Minor markup changes have been made to enable
this change.

To test, apply the patch and open a list in the OPAC which has multiple
titles on it. Confirm that the toolbar sticks to the top of the screen
when you scroll down.

Signed-off-by: Mark Tompsett <mtompset@hotmail.com>
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
---
 .../opac-tmpl/bootstrap/en/modules/opac-shelves.tt     | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shelves.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shelves.tt
index b837bcd8ff..8a02c31feb 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shelves.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shelves.tt
@@ -159,6 +159,7 @@
                         </h3>
 
                          [% IF ( itemsloop ) %]
+                            <div id="floating">
                              <div id="toolbar" class="toolbar clearfix">
                                  <div class="list-actions">
                                     <a class="newshelf" href="/cgi-bin/koha/opac-shelves.pl?op=add_form">New list</a> <span class="sep">|</span>
@@ -282,6 +283,7 @@
                                     [% END %]
                                 </span> <!-- / .links -->
                             </div> <!-- / #selections-toolbar -->
+                            </div> <!-- /#floating -->
 
                             <form action="/cgi-bin/koha/opac-shelves.pl" method="post" id="myform" name="myform" class="checkboxed">
                                 [% IF can_manage_shelf %]
@@ -764,6 +766,7 @@
 [% INCLUDE 'opac-bottom.inc' %]
 [% BLOCK jsinclude %]
 [% Asset.js("lib/jquery/plugins/jquery.checkboxes.min.js") | $raw %]
+[% Asset.js("lib/hc-sticky.js") | $raw %]
 <script>
 //<![CDATA[
 var MSG_REMOVE_FROM_LIST = _("Are you sure you want to remove these items from the list?");
@@ -962,6 +965,13 @@ $(function() {
     [% END %]
 
     AdjustRemark();
+
+    Sticky = $("#floating");
+    Sticky.hcSticky({
+        stickTo: "#usershelves",
+        stickyClass: "floating"
+    });
+
 }); // document.ready
 
 function AdjustRemark() {
-- 
2.39.5