2013-09-27 15:02:44 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
2013-10-15 20:10:33 +00:00
|
|
|
<html ng-app="Loader" ng-controller="Loader.Controller">
|
2013-09-27 15:02:44 +00:00
|
|
|
|
|
|
|
|
<head>
|
2013-10-15 20:10:33 +00:00
|
|
|
<title ng-bind="windowTitle"></title>
|
2013-09-27 15:02:44 +00:00
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js"></script>
|
|
|
|
|
<script src="loader.js"></script>
|
2013-10-23 15:07:26 +00:00
|
|
|
<link rel="stylesheet" href="view.css">
|
2013-09-27 15:02:44 +00:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2013-10-29 17:39:09 +00:00
|
|
|
<h2>
|
|
|
|
|
Instructions, roadmap, etc. are at
|
|
|
|
|
<a href="http://tinyurl.com/SkiaRebaselineServer">
|
|
|
|
|
http://tinyurl.com/SkiaRebaselineServer
|
|
|
|
|
</a>
|
|
|
|
|
</h2>
|
|
|
|
|
|
2013-10-11 18:45:33 +00:00
|
|
|
<em>
|
|
|
|
|
{{loadingMessage}}
|
2013-10-02 18:57:48 +00:00
|
|
|
</em>
|
2013-09-30 15:06:25 +00:00
|
|
|
|
2013-10-23 15:07:26 +00:00
|
|
|
<div ng-hide="!categories"><!-- everything: hide until data is loaded -->
|
|
|
|
|
|
2013-10-24 15:38:27 +00:00
|
|
|
<div class="warning-div"
|
|
|
|
|
ng-hide="!(header.isEditable && header.isExported)">
|
2013-10-09 18:05:58 +00:00
|
|
|
WARNING! These results are editable and exported, so any user
|
|
|
|
|
who can connect to this server over the network can modify them.
|
|
|
|
|
</div>
|
2013-10-23 15:07:26 +00:00
|
|
|
|
2013-10-15 20:10:33 +00:00
|
|
|
<div ng-hide="!(header.timeUpdated)">
|
|
|
|
|
Results current as of {{localTimeString(header.timeUpdated)}}
|
|
|
|
|
</div>
|
2013-10-23 15:07:26 +00:00
|
|
|
|
2013-10-24 15:38:27 +00:00
|
|
|
<div><!-- tabs -->
|
|
|
|
|
<div class="tab-spacer" ng-repeat="tab in tabs">
|
2013-10-23 15:07:26 +00:00
|
|
|
<div class="tab-{{tab == viewingTab}}"
|
|
|
|
|
ng-click="setViewingTab(tab)">
|
|
|
|
|
{{tab}} ({{numResultsPerTab[tab]}})
|
|
|
|
|
</div>
|
2013-10-24 15:38:27 +00:00
|
|
|
<div class="tab-spacer">
|
2013-10-23 15:07:26 +00:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div><!-- tabs -->
|
|
|
|
|
|
2013-10-24 15:38:27 +00:00
|
|
|
<div class="tab-main"><!-- main display area of selected tab -->
|
2013-10-23 15:07:26 +00:00
|
|
|
|
|
|
|
|
<br>
|
2013-10-24 15:38:27 +00:00
|
|
|
<!-- We only show the filters/settings table on the Unfiled tab. -->
|
2013-10-23 15:07:26 +00:00
|
|
|
<table ng-hide="viewingTab != defaultTab" border="1">
|
2013-10-02 18:57:48 +00:00
|
|
|
<tr>
|
2013-10-29 15:49:40 +00:00
|
|
|
<th colspan="4">
|
2013-10-02 18:57:48 +00:00
|
|
|
Filters
|
|
|
|
|
</th>
|
|
|
|
|
<th>
|
|
|
|
|
Settings
|
|
|
|
|
</th>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr valign="top">
|
2013-10-26 14:31:11 +00:00
|
|
|
<!-- TODO(epoger): make this an ng-repeat over resultType, config, etc? -->
|
2013-10-02 18:57:48 +00:00
|
|
|
<td>
|
|
|
|
|
resultType<br>
|
2013-10-26 15:01:08 +00:00
|
|
|
<label ng-repeat="(resultType, count) in categories['resultType'] track by $index">
|
2013-10-02 18:57:48 +00:00
|
|
|
<input type="checkbox"
|
|
|
|
|
name="resultTypes"
|
|
|
|
|
value="{{resultType}}"
|
2013-10-24 15:38:27 +00:00
|
|
|
ng-checked="!isValueInSet(resultType, hiddenResultTypes)"
|
|
|
|
|
ng-click="toggleValueInSet(resultType, hiddenResultTypes); setUpdatesPending(true)">
|
2013-10-02 18:57:48 +00:00
|
|
|
{{resultType}} ({{count}})<br>
|
|
|
|
|
</label>
|
2013-10-29 15:49:40 +00:00
|
|
|
<button ng-click="hiddenResultTypes = {}; updateResults()">
|
|
|
|
|
all
|
|
|
|
|
</button>
|
|
|
|
|
<button ng-click="hiddenResultTypes = {}; toggleValuesInSet(allResultTypes, hiddenResultTypes); updateResults()">
|
|
|
|
|
none
|
|
|
|
|
</button>
|
|
|
|
|
<button ng-click="toggleValuesInSet(allResultTypes, hiddenResultTypes); updateResults()">
|
|
|
|
|
toggle
|
|
|
|
|
</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td ng-repeat="category in ['builder', 'test']">
|
|
|
|
|
{{category}}
|
|
|
|
|
<br>
|
|
|
|
|
<input type="text"
|
|
|
|
|
ng-model="categoryValueMatch[category]"
|
|
|
|
|
ng-change="setUpdatesPending(true)"/>
|
|
|
|
|
<br>
|
|
|
|
|
<button ng-click="setCategoryValueMatch(category, '')"
|
|
|
|
|
ng-disabled="('' == categoryValueMatch[category])">
|
|
|
|
|
clear (show all)
|
|
|
|
|
</button>
|
2013-10-02 18:57:48 +00:00
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
config<br>
|
2013-10-26 15:01:08 +00:00
|
|
|
<label ng-repeat="(config, count) in categories['config'] track by $index">
|
2013-10-02 18:57:48 +00:00
|
|
|
<input type="checkbox"
|
|
|
|
|
name="configs"
|
|
|
|
|
value="{{config}}"
|
2013-10-24 15:38:27 +00:00
|
|
|
ng-checked="!isValueInSet(config, hiddenConfigs)"
|
|
|
|
|
ng-click="toggleValueInSet(config, hiddenConfigs); setUpdatesPending(true)">
|
2013-10-02 18:57:48 +00:00
|
|
|
{{config}} ({{count}})<br>
|
|
|
|
|
</label>
|
2013-10-29 15:49:40 +00:00
|
|
|
<button ng-click="hiddenConfigs = {}; updateResults()">
|
|
|
|
|
all
|
|
|
|
|
</button>
|
|
|
|
|
<button ng-click="hiddenConfigs = {}; toggleValuesInSet(allConfigs, hiddenConfigs); updateResults()">
|
|
|
|
|
none
|
|
|
|
|
</button>
|
|
|
|
|
<button ng-click="toggleValuesInSet(allConfigs, hiddenConfigs); updateResults()">
|
|
|
|
|
toggle
|
|
|
|
|
</button>
|
2013-10-02 18:57:48 +00:00
|
|
|
</td>
|
|
|
|
|
<td><table>
|
|
|
|
|
<tr><td>
|
|
|
|
|
Image size
|
|
|
|
|
<input type="text" ng-model="imageSizePending"
|
|
|
|
|
ng-init="imageSizePending=100"
|
|
|
|
|
ng-change="areUpdatesPending = true"
|
|
|
|
|
maxlength="4"/>
|
|
|
|
|
</td></tr>
|
|
|
|
|
<tr><td>
|
|
|
|
|
Max records to display
|
|
|
|
|
<input type="text" ng-model="displayLimitPending"
|
|
|
|
|
ng-init="displayLimitPending=50"
|
|
|
|
|
ng-change="areUpdatesPending = true"
|
|
|
|
|
maxlength="4"/>
|
|
|
|
|
</td></tr>
|
|
|
|
|
<tr><td>
|
2013-10-24 15:38:27 +00:00
|
|
|
<button class="update-results-button"
|
2013-10-02 18:57:48 +00:00
|
|
|
ng-click="updateResults()"
|
|
|
|
|
ng-disabled="!areUpdatesPending">
|
|
|
|
|
Update Results
|
|
|
|
|
</button>
|
|
|
|
|
</td></tr>
|
|
|
|
|
</tr></table></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
2013-09-27 15:02:44 +00:00
|
|
|
|
2013-10-23 15:07:26 +00:00
|
|
|
<p>
|
|
|
|
|
|
2013-10-24 15:38:27 +00:00
|
|
|
<!-- Submission UI that we only show in the Pending Approval tab. -->
|
2013-10-23 15:07:26 +00:00
|
|
|
<div ng-hide="'Pending Approval' != viewingTab">
|
|
|
|
|
<div style="display:inline-block">
|
|
|
|
|
<button style="font-size:20px"
|
|
|
|
|
ng-click="submitApprovals(filteredTestData)"
|
|
|
|
|
ng-disabled="submitPending || (filteredTestData.length == 0)">
|
|
|
|
|
Update these {{filteredTestData.length}} expectations on the server
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display:inline-block">
|
|
|
|
|
<div style="font-size:20px"
|
|
|
|
|
ng-hide="!submitPending">
|
|
|
|
|
Submitting, please wait...
|
2013-10-18 18:36:25 +00:00
|
|
|
</div>
|
2013-10-23 15:07:26 +00:00
|
|
|
</div>
|
2013-10-26 14:31:11 +00:00
|
|
|
<div>
|
|
|
|
|
Advanced settings...
|
|
|
|
|
<input type="checkbox" ng-model="showSubmitAdvancedSettings">
|
|
|
|
|
show
|
|
|
|
|
<ul ng-hide="!showSubmitAdvancedSettings">
|
|
|
|
|
<li ng-repeat="setting in ['reviewed-by-human', 'ignore-failures']">
|
|
|
|
|
{{setting}}
|
|
|
|
|
<input type="checkbox" ng-model="submitAdvancedSettings[setting]">
|
|
|
|
|
</li>
|
|
|
|
|
<li ng-repeat="setting in ['bug']">
|
|
|
|
|
{{setting}}
|
|
|
|
|
<input type="text" ng-model="submitAdvancedSettings[setting]">
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
2013-10-23 15:07:26 +00:00
|
|
|
</div>
|
|
|
|
|
|
2013-10-02 18:57:48 +00:00
|
|
|
<p>
|
2013-10-23 15:07:26 +00:00
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<div style="float:left">
|
|
|
|
|
Found {{filteredTestData.length}} matches;
|
|
|
|
|
<span ng-hide="filteredTestData.length <= limitedTestData.length">
|
|
|
|
|
displaying the first {{limitedTestData.length}}
|
|
|
|
|
</span>
|
|
|
|
|
<span ng-hide="filteredTestData.length > limitedTestData.length">
|
|
|
|
|
displaying them all
|
|
|
|
|
</span>
|
|
|
|
|
<br>
|
|
|
|
|
(click on the column header radio buttons to re-sort by that column)
|
|
|
|
|
</div>
|
|
|
|
|
<div style="float:right">
|
2013-10-26 14:31:11 +00:00
|
|
|
<div>
|
|
|
|
|
all tests shown:
|
|
|
|
|
<button ng-click="selectAllItems()">
|
|
|
|
|
select
|
|
|
|
|
</button>
|
|
|
|
|
<button ng-click="clearAllItems()">
|
|
|
|
|
clear
|
|
|
|
|
</button>
|
|
|
|
|
<button ng-click="toggleAllItems()">
|
|
|
|
|
toggle
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
2013-10-23 15:07:26 +00:00
|
|
|
<div ng-repeat="otherTab in tabs">
|
|
|
|
|
<button ng-click="moveSelectedItemsToTab(otherTab)"
|
|
|
|
|
ng-disabled="selectedItems.length == 0"
|
|
|
|
|
ng-hide="otherTab == viewingTab">
|
2013-10-26 14:31:11 +00:00
|
|
|
move {{selectedItems.length}} selected tests to {{otherTab}} tab
|
2013-10-23 15:07:26 +00:00
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="clear:both">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2013-10-02 18:57:48 +00:00
|
|
|
<br>
|
2013-10-23 15:07:26 +00:00
|
|
|
|
2013-09-27 15:02:44 +00:00
|
|
|
<table border="1">
|
|
|
|
|
<tr>
|
2013-10-24 15:38:27 +00:00
|
|
|
<!-- Most column headers are displayed in a common fashion... -->
|
2013-10-02 18:57:48 +00:00
|
|
|
<th ng-repeat="categoryName in ['resultType', 'builder', 'test', 'config']">
|
|
|
|
|
<input type="radio"
|
|
|
|
|
name="sortColumnRadio"
|
|
|
|
|
value="{{categoryName}}"
|
|
|
|
|
ng-checked="(sortColumn == categoryName)"
|
|
|
|
|
ng-click="sortResultsBy(categoryName)">
|
|
|
|
|
{{categoryName}}
|
|
|
|
|
</th>
|
2013-10-24 15:38:27 +00:00
|
|
|
<!-- ... but there are a few columns where we display things differently. -->
|
2013-10-26 14:31:11 +00:00
|
|
|
<th>
|
|
|
|
|
<input type="radio"
|
|
|
|
|
name="sortColumnRadio"
|
|
|
|
|
value="bugs"
|
|
|
|
|
ng-checked="(sortColumn == 'bugs')"
|
|
|
|
|
ng-click="sortResultsBy('bugs')">
|
|
|
|
|
bugs
|
|
|
|
|
</th>
|
2013-10-02 18:57:48 +00:00
|
|
|
<th>
|
|
|
|
|
<input type="radio"
|
|
|
|
|
name="sortColumnRadio"
|
|
|
|
|
value="expectedHashDigest"
|
|
|
|
|
ng-checked="(sortColumn == 'expectedHashDigest')"
|
|
|
|
|
ng-click="sortResultsBy('expectedHashDigest')">
|
|
|
|
|
expected image
|
|
|
|
|
</th>
|
|
|
|
|
<th>
|
|
|
|
|
<input type="radio"
|
|
|
|
|
name="sortColumnRadio"
|
|
|
|
|
value="actualHashDigest"
|
|
|
|
|
ng-checked="(sortColumn == 'actualHashDigest')"
|
|
|
|
|
ng-click="sortResultsBy('actualHashDigest')">
|
|
|
|
|
actual image
|
|
|
|
|
</th>
|
2013-10-23 15:07:26 +00:00
|
|
|
<th>
|
2013-10-09 18:05:58 +00:00
|
|
|
<!-- item-selection checkbox column -->
|
|
|
|
|
</th>
|
2013-09-27 15:02:44 +00:00
|
|
|
</tr>
|
2013-10-29 15:49:40 +00:00
|
|
|
|
|
|
|
|
<!-- For most columns... if the user clicks on the cell, and we are on
|
|
|
|
|
the default tab, update the filter to only show results with the
|
|
|
|
|
same value for this category.
|
|
|
|
|
This is made a bit tricky by the fact that AngularJS expressions
|
|
|
|
|
do not allow control flow statements. See
|
|
|
|
|
http://docs.angularjs.org/guide/expression -->
|
2013-10-02 18:57:48 +00:00
|
|
|
<tr ng-repeat="result in limitedTestData">
|
2013-10-29 15:49:40 +00:00
|
|
|
<td ng-click="(viewingTab != defaultTab) || showOnlyResultType(result.resultType)">
|
|
|
|
|
{{result.resultType}}
|
|
|
|
|
</td>
|
|
|
|
|
<td ng-repeat="categoryName in ['builder', 'test']"
|
|
|
|
|
ng-click="(viewingTab != defaultTab) || setCategoryValueMatch(categoryName, result[categoryName])">
|
2013-10-26 14:31:11 +00:00
|
|
|
{{result[categoryName]}}
|
|
|
|
|
</td>
|
2013-10-29 15:49:40 +00:00
|
|
|
<td ng-click="(viewingTab != defaultTab) || showOnlyConfig(result.config)">
|
|
|
|
|
{{result.config}}
|
|
|
|
|
</td>
|
2013-10-26 14:31:11 +00:00
|
|
|
<td>
|
|
|
|
|
<a ng-repeat="bug in result['bugs']"
|
|
|
|
|
href="https://code.google.com/p/skia/issues/detail?id={{bug}}"
|
|
|
|
|
target="_blank">
|
|
|
|
|
{{bug}}
|
|
|
|
|
</a>
|
|
|
|
|
</td>
|
2013-09-27 15:02:44 +00:00
|
|
|
<td>
|
2013-10-11 18:45:33 +00:00
|
|
|
<a target="_blank" href="http://chromium-skia-gm.commondatastorage.googleapis.com/gm/{{result.expectedHashType}}/{{result.test}}/{{result.expectedHashDigest}}.png">
|
2013-09-27 15:02:44 +00:00
|
|
|
<img width="{{imageSize}}" src="http://chromium-skia-gm.commondatastorage.googleapis.com/gm/{{result.expectedHashType}}/{{result.test}}/{{result.expectedHashDigest}}.png"/>
|
|
|
|
|
</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
2013-10-11 18:45:33 +00:00
|
|
|
<a target="_blank" href="http://chromium-skia-gm.commondatastorage.googleapis.com/gm/{{result.actualHashType}}/{{result.test}}/{{result.actualHashDigest}}.png">
|
|
|
|
|
<img width="{{imageSize}}" src="http://chromium-skia-gm.commondatastorage.googleapis.com/gm/{{result.actualHashType}}/{{result.test}}/{{result.actualHashDigest}}.png"/>
|
2013-09-27 15:02:44 +00:00
|
|
|
</a>
|
|
|
|
|
</td>
|
2013-10-23 15:07:26 +00:00
|
|
|
<td>
|
2013-10-09 18:05:58 +00:00
|
|
|
<input type="checkbox"
|
|
|
|
|
name="rowSelect"
|
|
|
|
|
value="{{result.index}}"
|
2013-10-24 15:38:27 +00:00
|
|
|
ng-checked="isValueInArray(result.index, selectedItems)"
|
|
|
|
|
ng-click="toggleValueInArray(result.index, selectedItems)">
|
2013-09-27 15:02:44 +00:00
|
|
|
</tr>
|
|
|
|
|
</table>
|
2013-10-24 15:38:27 +00:00
|
|
|
</div><!-- main display area of selected tab -->
|
2013-10-23 15:07:26 +00:00
|
|
|
</div><!-- everything: hide until data is loaded -->
|
2013-09-27 15:02:44 +00:00
|
|
|
|
|
|
|
|
<!-- TODO(epoger): Can we get the base URLs (commondatastorage and
|
|
|
|
|
issues list) from
|
|
|
|
|
http://skia.googlecode.com/svn/buildbot/site_config/global_variables.json
|
|
|
|
|
? I tried importing the
|
|
|
|
|
http://skia.googlecode.com/svn/buildbot/skia_tools.js script and using
|
|
|
|
|
that to do so, but I got Access-Control-Allow-Origin errors.
|
|
|
|
|
-->
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
