From 18a0d7dec5cf675855108e0f463062d1ac7d948e Mon Sep 17 00:00:00 2001
From: Chris Jaekl <cejaekl@yahoo.com>
Date: Fri, 10 Aug 2018 22:29:17 -0400
Subject: [PATCH] Add a bottom slider.

I'm not happy with this; it works, but it seems a bit of a kludge.
Need to think about how to refactor this to properly listen-notify with multiple pagers.
---
 app/index.html             | 7 +++++++
 js/src/BooksView.js        | 3 +++
 js/src/PagingController.js | 1 +
 js/src/SearchController.js | 2 ++
 4 files changed, 13 insertions(+)

diff --git a/app/index.html b/app/index.html
index d2c48d9..d26603d 100644
--- a/app/index.html
+++ b/app/index.html
@@ -25,6 +25,13 @@
 
     <div id="details" class="tooltip" onclick="hideDetails();">(No information available)</div>
 
+    <div class="pager">
+      <input id="bottom_back" onclick="onPrev();" value="Back" type="button"/>
+      <input id="bottom_forward" onclick="onNext();" value="Forward" type="button"/>
+      <input id="bottom_slider" onchange="onSlide(this.value);" min="0" max="0" type="range" value="0"/>
+      Showing <span id="bottom_first">0</span> through <span id="bottom_last">0</span> out of <span id="bottom_count">0</span> matching books.
+    </div>
+
     <script src="modernizr-custom.js"></script>
     <script src="lib.min.js"></script>
   </body>
diff --git a/js/src/BooksView.js b/js/src/BooksView.js
index 0259edd..05a315f 100644
--- a/js/src/BooksView.js
+++ b/js/src/BooksView.js
@@ -29,8 +29,11 @@ var BooksView = (function() {
     
         Browser.getElementById('books').innerHTML = html;
         Browser.getElementById('first').innerHTML = (BooksModel.first + 1);
+        Browser.getElementById('bottom_first').innerHTML = (BooksModel.first + 1);
         Browser.getElementById('last').innerHTML = (BooksModel.last + 1);
+        Browser.getElementById('bottom_last').innerHTML = (BooksModel.last + 1);
         Browser.getElementById('count').innerHTML = BooksModel.count;
+        Browser.getElementById('bottom_count').innerHTML = BooksModel.count;
     };
     
     // ===============
diff --git a/js/src/PagingController.js b/js/src/PagingController.js
index c043dc1..0918f54 100644
--- a/js/src/PagingController.js
+++ b/js/src/PagingController.js
@@ -27,6 +27,7 @@ var PagingController = (function() {
     
     my.notify = function() {
         Browser.getElementById('slider').value = booksModel.first;
+        Browser.getElementById('bottom_slider').value = booksModel.first;
     };
 
     return my;
diff --git a/js/src/SearchController.js b/js/src/SearchController.js
index 0f13194..54d76fa 100644
--- a/js/src/SearchController.js
+++ b/js/src/SearchController.js
@@ -31,6 +31,8 @@ var SearchController = (function () {
         
                 var elem = Browser.getElementById('slider');
                 elem.max = booksModel.count;
+                elem = Browser.getElementById('bottom_slider');
+                elem.max = booksModel.count;
         
                 PagingController.adjustPos(0);
             })
-- 
2.39.2