add diff viewer website

experimental/skpdiff/diff_viewer.js

Index: experimental/skpdiff/diff_viewer.js
diff --git a/experimental/skpdiff/diff_viewer.js b/experimental/skpdiff/diff_viewer.js
new file mode 100644
index 0000000000000000000000000000000000000000..338dbdfaef4dc45e4fa09c26cf558afd28a0b42d
--- /dev/null
+++ b/experimental/skpdiff/diff_viewer.js
@@ -0,0 +1,22 @@
+function DiffViewController($scope) {
+    $scope.differs = [
+        {
+            "title": "Different Pixels"
+        },
+        {
+            "title": "Perceptual Difference"
+        }
+    ];
+    $scope.sortIndex = 1;
+    $scope.records = SkPDiffRecords.records;

[borenet, 2013/07/08 20:44:38]

Where does SkPDiffRecords come from?  There isn't a server in play here, is
there?

[Zach Reizner, 2013/07/08 21:02:19]

I'm using JSONP to avoid using AJAX because I don't wish to run a local server.
JSONP is loaded using the script tag. This tag is located in viewer.html with
src="skpdiff_output.json". skpdiff_output.json is generated by skpdiff.

[borenet, 2013/07/09 15:25:51]

Got it, thanks.

+    $scope.highlight = function(differName) {
+        console.debug(differName);
+    }
+    $scope.setSortIndex = function(a) {
+        $scope.sortIndex = a;
+    }
+    $scope.sortingDiffer = function(a) {
+        console.debug($scope.sortIndex);
+        return a.diffs[$scope.sortIndex].result;
+    }
+}