download and rebaseline images using server

BUG=
R=epoger@google.com

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

git-svn-id: http://skia.googlecode.com/svn/trunk@10607 2bbb7eff-a529-9590-31e7-b0007b416f81
diff --git a/tools/skpdiff/viewer.html b/tools/skpdiff/viewer.html
index bd198b2..46c5871 100644
--- a/tools/skpdiff/viewer.html
+++ b/tools/skpdiff/viewer.html
@@ -27,7 +27,7 @@
       <table>
         <thead>
           <tr>
-            <td>Baseline Image</td>
+            <td>Expected Image</td>
             <td>Actual Image</td>
             <td>Results</td>
           </tr>
@@ -37,15 +37,18 @@
             Loops through every record and crates a row for it. This sorts based on the whichever
             metric the user chose, and places a limit on the max number of records to show.
           -->
-          <tr ng-repeat="record in records | orderBy:sortingDiffer | limitTo:500">
-            <td><swap-img left-src="{{ record.baselinePath }}"
-                         right-src="{{ record.testPath }}"
-                         side="left"
-                         class="gm-image left-image" /></td>
-            <td><swap-img left-src="{{ record.baselinePath }}"
-                         right-src="{{ record.testPath }}"
-                         side="right"
-                         class="gm-image right-image" /></td>
+          <tr ng-repeat="record in records | orderBy:sortingDiffer | limitTo:500"
+              class="{{ record.cssClasses }}">
+            <td ng-click="setHashOf(record.baselinePath, record)">
+              <swap-img left-src="{{ record.baselinePath }}"
+                        right-src="{{ record.testPath }}"
+                        side="left"
+                        class="gm-image left-image" /></td>
+            <td ng-click="setHashOf(record.testPath, record)">
+              <swap-img left-src="{{ record.baselinePath }}"
+                        right-src="{{ record.testPath }}"
+                        side="right"
+                        class="gm-image right-image" /></td>
             <td>
               <div ng-repeat="diff in record.diffs"
                    ng-mouseover="highlight(diff.differName)"