From 5f30249065e260a11cab14e271165bbe28b8e3e4 Mon Sep 17 00:00:00 2001
From: shale <sarah.hale@nasa.gov>
Date: Tue, 21 Jul 2015 15:49:54 -0700
Subject: [PATCH] [Search] Load more option

Made the search view have a 'Load more'
button. Added functionalty to allow this
to happen.
---
 .../features/search/res/templates/search.html |  5 +++
 .../features/search/src/SearchAggregator.js   |  8 ++++
 .../src/controllers/SearchController.js       | 42 +++++++++++++++----
 3 files changed, 47 insertions(+), 8 deletions(-)

diff --git a/platform/features/search/res/templates/search.html b/platform/features/search/res/templates/search.html
index f6b730a8c3..b6e5d47a27 100644
--- a/platform/features/search/res/templates/search.html
+++ b/platform/features/search/res/templates/search.html
@@ -42,6 +42,11 @@
         <p>
             Results:
         </p>
+        <div ng-if="controller.areMore()">
+            <button ng-click="controller.loadMore()"> 
+                Load more
+            </button>
+        </div>
     </div>
     <div>
         <mct-representation key="'grid-item'"
diff --git a/platform/features/search/src/SearchAggregator.js b/platform/features/search/src/SearchAggregator.js
index 86bb8fe372..bd2de34b65 100644
--- a/platform/features/search/src/SearchAggregator.js
+++ b/platform/features/search/src/SearchAggregator.js
@@ -184,6 +184,14 @@ define(
                  */
                 getLatestTimestamps: function () {
                     return lastMergeTimestamps;
+                },
+                
+                /** 
+                 * Get the number of search results that have been calculated most 
+                 *   recently. 
+                 */
+                getNumResults: function () {
+                    return latestMergedResults.length;
                 }
             };
         }
diff --git a/platform/features/search/src/controllers/SearchController.js b/platform/features/search/src/controllers/SearchController.js
index 0892c400bc..74aad0b464 100644
--- a/platform/features/search/src/controllers/SearchController.js
+++ b/platform/features/search/src/controllers/SearchController.js
@@ -27,17 +27,14 @@
 define(function () {
     "use strict";
     
+    var INITIAL_LOAD_NUMBER = 5,
+        LOAD_INCREMENT = 5;
     
     function SearchController($scope, $timeout, searchService) {
+        // Starting amount of results to load. Will get increased. 
+        var numResults = INITIAL_LOAD_NUMBER;
         
-        function search(inputID) {
-            var date = new Date(),
-                timestamp = date.getTime(),
-                numResults = 20;
-            
-            // Send the query
-            searchService.sendQuery(inputID, timestamp);
-            
+        function update(timestamp) {
             // Get the results 
             $scope.results = searchService.getLatestResults(0, numResults);
             
@@ -58,6 +55,19 @@ define(function () {
             waitForLatest();
         }
         
+        function search(inputID) {
+            var date = new Date(),
+                timestamp = date.getTime();
+            
+            // Reset 'load more'
+            numResults = INITIAL_LOAD_NUMBER;
+            
+            // Send the query
+            searchService.sendQuery(inputID, timestamp);
+            
+            update(timestamp);
+        }
+        
         return {
             /**
              * Search the filetree.
@@ -76,6 +86,22 @@ define(function () {
                 } else {
                     return false;
                 }
+            },
+            
+            /**
+             * Checks to see if there are more search results to display.
+             */
+            areMore: function () {
+                return numResults < searchService.getNumResults();
+            }, 
+            
+            /**
+             * Increases the number of search results to display, and then 
+             *   load them. 
+             */
+            loadMore: function () {
+                numResults += LOAD_INCREMENT;
+                update();
             }
         };
     }