add diff viewer website

- adjust PMetric output to be percentage

R=borenet@google.com, bsalomon@google.com

Review URL: https://codereview.chromium.org/18132007

git-svn-id: http://skia.googlecode.com/svn/trunk@9942 2bbb7eff-a529-9590-31e7-b0007b416f81
diff --git a/experimental/skpdiff/diff_viewer.js b/experimental/skpdiff/diff_viewer.js
new file mode 100644
index 0000000..338dbdf
--- /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;
+    $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;
+    }
+}
\ No newline at end of file