Modify skpdiff to write diffs directly to provided directories

gm/rebaseline_server/static/live-loader.js

 /*
  * Loader:
  * Reads GM result reports written out by results.py, and imports
  * them into $scope.extraColumnHeaders and $scope.imagePairs .
  */
 var Loader = angular.module(
     'Loader',
     ['ConstantsModule']
 );
 
@@ skipping 648 matching lines @@
 
     /**
      * Re-sort the displayed results.
      *
      * @param subdict (string): which KEY__IMAGEPAIRS__* subdictionary
      *     the sort column key is within, or 'none' if the sort column
      *     key is one of KEY__IMAGEPAIRS__*
      * @param key (string): sort by value associated with this key in subdict
      */
     $scope.sortResultsBy = function(subdict, key) {
-      $scope.sortColumnSubdict = subdict;
-      $scope.sortColumnKey = key;
+      // if we are already sorting by this column then toggle between asc/desc
+      if ((subdict === $scope.sortColumnSubdict) && ($scope.sortColumnKey === key)) {
+        currSortAsc = !currSortAsc;
+      } else {
+        $scope.sortColumnSubdict = subdict;
+        $scope.sortColumnKey = key;
+        currSortAsc = true; 
+      }
       $scope.updateResults();
     }
 
     /**
+     * Returns ASC or DESC (from constants) if currently the data
+     * is sorted by the provided column. 
+     *
+     * @param colName: name of the column for which we need to get the class.
+     */
+
+    $scope.sortedByColumnsCls = function (colName) {
+      if ($scope.sortColumnKey !== colName) {
+        return '';
+      }
+
+      var result = (currSortAsc) ? constants.ASC : constants.DESC;
+      console.log("sort class:", result);
+      return result;
+    };
+
+    /**
      * For a particular ImagePair, return the value of the column we are
      * sorting on (according to $scope.sortColumnSubdict and
      * $scope.sortColumnKey).
      *
      * @param imagePair: imagePair to get a column value out of.
      */
     $scope.getSortColumnValue = function(imagePair) {
       if ($scope.sortColumnSubdict in imagePair) {
         return imagePair[$scope.sortColumnSubdict][$scope.sortColumnKey];
       } else if ($scope.sortColumnKey in imagePair) {
         return imagePair[$scope.sortColumnKey];
       } else {
         return undefined;
       }
-    }
+    };
 
     /**
      * For a particular ImagePair, return the value we use for the
      * second-order sort (tiebreaker when multiple rows have
      * the same getSortColumnValue()).
      *
      * We join the imageA and imageB urls for this value, so that we merge
      * adjacent rows as much as possible.
      *
      * @param imagePair: imagePair to get a column value out of.
      */
     $scope.getSecondOrderSortValue = function(imagePair) {
       return imagePair[constants.KEY__IMAGEPAIRS__IMAGE_A_URL] + "-vs-" +
           imagePair[constants.KEY__IMAGEPAIRS__IMAGE_B_URL];
-    }
+    };
 
     /**
      * Set $scope.columnStringMatch[name] = value, and update results.
      *
      * @param name
      * @param value
      */
     $scope.setColumnStringMatch = function(name, value) {
       $scope.columnStringMatch[name] = value;
       $scope.updateResults();
-    }
+    };
 
     /**
      * Update $scope.showingColumnValues[columnName] and $scope.columnStringMatch[columnName]
      * so that ONLY entries with this columnValue are showing, and update the visible results.
      * (We update both of those, so we cover both freeform and checkbox filtered columns.)
      *
      * @param columnName
      * @param columnValue
      */
     $scope.showOnlyColumnValue = function(columnName, columnValue) {
       $scope.columnStringMatch[columnName] = columnValue;
       $scope.showingColumnValues[columnName] = {};
       $scope.toggleValueInSet(columnValue, $scope.showingColumnValues[columnName]);
       $scope.updateResults();
-    }
+    };
 
     /**
      * Update $scope.showingColumnValues[columnName] and $scope.columnStringMatch[columnName]
      * so that ALL entries are showing, and update the visible results.
      * (We update both of those, so we cover both freeform and checkbox filtered columns.)
      *
      * @param columnName
      */
     $scope.showAllColumnValues = function(columnName) {
       $scope.columnStringMatch[columnName] = "";
       $scope.showingColumnValues[columnName] = {};
       $scope.toggleValuesInSet($scope.allColumnValues[columnName],
                                $scope.showingColumnValues[columnName]);
       $scope.updateResults();
-    }
+    };
 
 
     //
     // Operations for sending info back to the server.
     //
 
     /**
      * Tell the server that the actual results of these particular tests
      * are acceptable.
      *
@@ skipping 89 matching lines @@
             "finished loading the update results into memory!) and you can " +
             "submit more baselines if you want.");
         // I don't know why, but if I just call reload() here it doesn't work.
         // Making a timer call it fixes the problem.
         $timeout(function(){location.reload();}, 1);
       }).error(function(data, status, headers, config) {
         alert("There was an error submitting your baselines.\n\n" +
             "Please see server-side log for details.");
         $scope.submitPending = false;
       });
-    }
+    };
 
 
     //
     // Operations we use to mimic Set semantics, in such a way that
     // checking for presence within the Set is as fast as possible.
     // But getting a list of all values within the Set is not necessarily
     // possible.
     // TODO(epoger): move into a separate .js file?
     //
 
     /**
      * Returns the number of values present within set "set".
      *
      * @param set an Object which we use to mimic set semantics
      */
     $scope.setSize = function(set) {
       return Object.keys(set).length;
-    }
+    };
 
     /**
      * Returns true if value "value" is present within set "set".
      *
      * @param value a value of any type
      * @param set an Object which we use to mimic set semantics
      *        (this should make isValueInSet faster than if we used an Array)
      */
     $scope.isValueInSet = function(value, set) {
       return (true == set[value]);
-    }
+    };
 
     /**
      * If value "value" is already in set "set", remove it; otherwise, add it.
      *
      * @param value a value of any type
      * @param set an Object which we use to mimic set semantics
      */
     $scope.toggleValueInSet = function(value, set) {
       if (true == set[value]) {
         delete set[value];
       } else {
         set[value] = true;
       }
-    }
+    };
 
     /**
      * For each value in valueArray, call toggleValueInSet(value, set).
      *
      * @param valueArray
      * @param set
      */
     $scope.toggleValuesInSet = function(valueArray, set) {
       var arrayLength = valueArray.length;
       for (var i = 0; i < arrayLength; i++) {
         $scope.toggleValueInSet(valueArray[i], set);
       }
-    }
+    };
 
 
     //
     // Array operations; similar to our Set operations, but operate on a
     // Javascript Array so we *can* easily get a list of all values in the Set.
     // TODO(epoger): move into a separate .js file?
     //
 
     /**
      * Returns true if value "value" is present within array "array".
      *
      * @param value a value of any type
      * @param array a Javascript Array
      */
     $scope.isValueInArray = function(value, array) {
       return (-1 != array.indexOf(value));
-    }
+    };
 
     /**
      * If value "value" is already in array "array", remove it; otherwise,
      * add it.
      *
      * @param value a value of any type
      * @param array a Javascript Array
      */
     $scope.toggleValueInArray = function(value, array) {
       var i = array.indexOf(value);
       if (-1 == i) {
         array.push(value);
       } else {
         array.splice(i, 1);
       }
-    }
+    };
 
 
     //
     // Miscellaneous utility functions.
     // TODO(epoger): move into a separate .js file?
     //
 
     /**
      * Returns a single "column slice" of a 2D array.
      *
      * For example, if array is:
      * [[A0, A1],
      *  [B0, B1],
      *  [C0, C1]]
      * and index is 0, this this will return:
      * [A0, B0, C0]
      *
      * @param array a Javascript Array
      * @param column (numeric): index within each row array
      */
     $scope.columnSliceOf2DArray = function(array, column) {
       var slice = [];
       var numRows = array.length;
       for (var row = 0; row < numRows; row++) {
         slice.push(array[row][column]);
       }
       return slice;
-    }
+    };
 
     /**
      * Returns a human-readable (in local time zone) time string for a
      * particular moment in time.
      *
      * @param secondsPastEpoch (numeric): seconds past epoch in UTC
      */
     $scope.localTimeString = function(secondsPastEpoch) {
       var d = new Date(secondsPastEpoch * 1000);
       return d.toString();
-    }
+    };
 
     /**
      * Returns a hex color string (such as "#aabbcc") for the given RGB values.
      *
      * @param r (numeric): red channel value, 0-255
      * @param g (numeric): green channel value, 0-255
      * @param b (numeric): blue channel value, 0-255
      */
     $scope.hexColorString = function(r, g, b) {
       var rString = r.toString(16);
       if (r < 16) {
         rString = "0" + rString;
       }
       var gString = g.toString(16);
       if (g < 16) {
         gString = "0" + gString;
       }
       var bString = b.toString(16);
       if (b < 16) {
         bString = "0" + bString;
       }
       return '#' + rString + gString + bString;
-    }
+    };
 
     /**
      * Returns a hex color string (such as "#aabbcc") for the given brightness.
      *
      * @param brightnessString (string): 0-255, 0 is completely black
      *
      * TODO(epoger): It might be nice to tint the color when it's not completely
      * black or completely white.
      */
     $scope.brightnessStringToHexColor = function(brightnessString) {
       var v = parseInt(brightnessString);
       return $scope.hexColorString(v, v, v);
-    }
+    };
 
     /**
      * Returns the last path component of image diff URL for a given ImagePair.
      *
      * Depending on which diff this is (whitediffs, pixeldiffs, etc.) this
      * will be relative to different base URLs.
      *
      * We must keep this function in sync with _get_difference_locator() in
      * ../imagediffdb.py
      *
      * @param imagePair: ImagePair to generate image diff URL for
      */
     $scope.getImageDiffRelativeUrl = function(imagePair) {
       var before =
           imagePair[constants.KEY__IMAGEPAIRS__IMAGE_A_URL] + "-vs-" +
           imagePair[constants.KEY__IMAGEPAIRS__IMAGE_B_URL];
       return before.replace(/[^\w\-]/g, "_") + ".png";
-    }
+    };
 
   }
 );