commit 3fc0527a15fb1e8db2bba906e00bd81e32e18702
author Tyler Scott <tyduptyler13@gmail.com> Mon Aug 17 18:02:35 2015 -0600
committer Tyler Scott <tyduptyler13@gmail.com> Tue Sep 01 15:29:19 2015 -0600
tree 6051354ac9edddbd0b051378ed954144f4af089e
parent 463982168a6ab051db0c4d322b14c0421c971314

Upgraded result navigation (v3)

* New results per page button
* New request selected button
* Finished select checkboxes behavior
* Fixed result count text
* Changed colors
* Added dynamic filter categories
* Added recursive retrieval for unknown length data sets

Change-Id: I50e023b2b073eae29ceba4203d3ad682de75c427

client/catalog/index.html

diff --git a/client/catalog/index.html b/client/catalog/index.html
index abb3e05..61e4215 100644
--- a/client/catalog/index.html
+++ b/client/catalog/index.html
@@ -42,7 +42,7 @@
     <div class="row">
 
       <div class="col-sm-3 col-md-2 sidebar">
-        <div class="panel panel-default">
+        <div class="panel panel-primary">
           <div class="panel-heading">
             <span>Filter Categories</span>
           </div>
@@ -56,7 +56,7 @@
 
         <div id="alerts"></div>
 
-        <div class="panel panel-default">
+        <div class="panel panel-info">
           <div class="panel-heading">Filter Based Search</div>
           <div class="panel-body">
             <div id="filters"></div>
@@ -64,7 +64,7 @@
           </div>
         </div>
 
-        <div class="panel panel-default">
+        <div class="panel panel-info">
           <div class="panel-heading">Path Based Search</div>
           <div class="panel-body">
             <form class="form-inline" id="searchBar">
@@ -82,24 +82,53 @@
           </div>
         </div>
 
-        <div class="panel panel-primary">
-          <div class="panel-heading">Results</div>
+        <div id="results" class="panel panel-default hidden">
           <div class="panel-body">
-            <nav>
-              <ul class="pager">
-                <li class="previous disabled"><a href="#">&larr; Previous</a></li>
-                <li>(Page <div class="pageNumber">0</div>) Showing <span class="pageLength">25</span> of <div class="totalResults">0</div> Results</li>
-                <li class="next disabled"><a href="#">Next &rarr;</a></li>
+            <nav class="navbar navbar-inverse col-md-12 resultMenu hidden">
+              <ul class="nav navbar-nav navbar-left">
+                <li class="previous disabled">
+                  <a href="#">&larr; Previous</a>
+                </li>
+                <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Results Per Page <span class="caret"></span></a>
+                  <ul class="dropdown-menu">
+                    <li class="active"><a href="#" class="resultsPerPageSelector">25</a></li>
+                    <li><a href="#" class="resultsPerPageSelector">50</a></li>
+                    <li><a href="#" class="resultsPerPageSelector">100</a></li>
+                    <li><a href="#" class="resultsPerPageSelector">200</a></li>
+                  </ul>
+                </li>
+                <li><a href="#" class="requestSelectedButton">Request Selected</a></li>
+              </ul>
+              <div class="navbar-text">(Page <span class="pageNumber">0</span>) <span class="pageLength">0</span>/<span class="totalResults">0</span> Results</div>
+              <ul class="nav navbar-nav navbar-right">
+                <li class="next disabled">
+                  <a href="#">Next &rarr;</a>
+                </li>
               </ul>
             </nav>
             <table id="resultTable" class="table"></table>
-          </div>
-          <div class="panel-footer">
-            <nav>
-              <ul class="pager">
-                <li class="previous disabled"><a href="#">&larr; Previous</a></li>
-                <li>(Page <div class="pageNumber">0</div>) Showing <span class="pageLength">25</span> of <div class="totalResults">0</div> Results</li>
-                <li class="next disabled"><a href="#">Next &rarr;</a></li>
+            <nav class="navbar navbar-inverse col-md-12 resultMenu hidden">
+              <ul class="nav navbar-nav navbar-left">
+                <li class="previous disabled">
+                  <a href="#">&larr; Previous</a>
+                </li>
+                <li class="dropup">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Results Per Page <span class="caret"></span></a>
+                  <ul class="dropdown-menu">
+                    <li class="active"><a href="#" class="resultsPerPageSelector">25</a></li>
+                    <li><a href="#" class="resultsPerPageSelector">50</a></li>
+                    <li><a href="#" class="resultsPerPageSelector">100</a></li>
+                    <li><a href="#" class="resultsPerPageSelector">200</a></li>
+                  </ul>
+                </li>
+                <li><a href="#" class="requestSelectedButton">Request Selected</a></li>
+              </ul>
+              <div class="navbar-text">(Page <span class="pageNumber">0</span>) <span class="pageLength">0</span>/<span class="totalResults">0</span> Results</div>
+              <ul class="nav navbar-nav navbar-right">
+                <li class="next disabled">
+                  <a href="#">Next &rarr;</a>
+                </li>
               </ul>
             </nav>
           </div>