More improvements to HTTP baseline viewer (for GM results)

gm/rebaseline_server/static/loader.js

 /*
  * Loader:
  * Reads GM result reports written out by results.py, and imports
  * them into $scope.categories and $scope.testData .
  */
 var Loader = angular.module(
     'Loader',
     []
 );
+
+// TODO(epoger): Combine ALL of our filtering operations (including
+// truncation) into this one filter, so that runs most efficiently?
+// (We would have to make sure truncation still took place after
+// sorting, though.)
+Loader.filter(
+  'removeHiddenItems',
+  function() {
+    return function(unfilteredItems, hiddenResultTypes, hiddenConfigs) {
+      var filteredItems = [];
+      for (var i = 0; i < unfilteredItems.length; i++) {
+        var item = unfilteredItems[i];
+        if ((hiddenResultTypes.indexOf(item.resultType) < 0) &&
+            (hiddenConfigs.indexOf(item.config) < 0)) {
+          filteredItems.push(item);
+        }
+      }
+      return filteredItems;
+    };
+  }
+);
+
 Loader.controller(
   'Loader.Controller',
-  function($scope, $http) {
+  function($scope, $http, $filter) {
     $http.get("/results/all").then(
       function(response) {
         $scope.categories = response.data.categories;
         $scope.testData = response.data.testData;
         $scope.sortColumn = 'test';
-        $scope.showResultsOfType = 'failed';
+
+        $scope.hiddenResultTypes = [
+          'failure-ignored', 'no-comparison', 'succeeded'];
+        $scope.hiddenConfigs = [];
+
+        $scope.updateResults();
       }
     );
+
+    $scope.isHiddenResultType = function(thisResultType) {
+      return ($scope.hiddenResultTypes.indexOf(thisResultType) >= 0);
+    }
+    $scope.toggleHiddenResultType = function(thisResultType) {
+      var i = $scope.hiddenResultTypes.indexOf(thisResultType);
+      if (i >= 0) {
+        $scope.hiddenResultTypes.splice(i, 1);
+      } else {
+        $scope.hiddenResultTypes.push(thisResultType);
+      }
+      $scope.areUpdatesPending = true;
+    }
+
+    // TODO(epoger): Rather than maintaining these as hard-coded
+    // variants of isHiddenResultType and toggleHiddenResultType, we
+    // should create general-purpose functions that can work with ANY
+    // category.
+    // But for now, I wanted to see this working. :-)
+    $scope.isHiddenConfig = function(thisConfig) {
+      return ($scope.hiddenConfigs.indexOf(thisConfig) >= 0);
+    }
+    $scope.toggleHiddenConfig = function(thisConfig) {
+      var i = $scope.hiddenConfigs.indexOf(thisConfig);
+      if (i >= 0) {
+        $scope.hiddenConfigs.splice(i, 1);
+      } else {
+        $scope.hiddenConfigs.push(thisConfig);
+      }
+      $scope.areUpdatesPending = true;
+    }
+
+    $scope.updateResults = function() {
+      $scope.displayLimit = $scope.displayLimitPending;
+      // TODO(epoger): Every time we apply a filter, AngularJS creates
+      // another copy of the array.  Is there a way we can filter out
+      // the items as they are displayed, rather than storing multiple
+      // array copies?  (For better performance.)
+      $scope.filteredTestData =
+          $filter("orderBy")(
+              $filter("removeHiddenItems")(
+                  $scope.testData,
+                  $scope.hiddenResultTypes,
+                  $scope.hiddenConfigs
+              ),
+              $scope.sortColumn);
+      $scope.limitedTestData = $filter("limitTo")(
+          $scope.filteredTestData, $scope.displayLimit);
+      $scope.imageSize = $scope.imageSizePending;
+      $scope.areUpdatesPending = false;
+    }
+
+    $scope.sortResultsBy = function(sortColumn) {
+      $scope.sortColumn = sortColumn;
+      $scope.updateResults();
+    }
   }
 );