Index: Tools/GardeningServer/ui/ct-results-comparison.html |
diff --git a/Tools/GardeningServer/ui/ct-results-comparison.html b/Tools/GardeningServer/ui/ct-results-comparison.html |
deleted file mode 100644 |
index 60431e005b685f962d41d01e2f8b65489cb2582a..0000000000000000000000000000000000000000 |
--- a/Tools/GardeningServer/ui/ct-results-comparison.html |
+++ /dev/null |
@@ -1,81 +0,0 @@ |
-<!-- |
-Copyright 2014 The Chromium Authors. All rights reserved. |
-Use of this source code is governed by a BSD-style license that can be |
-found in the LICENSE file. |
---> |
- |
-<link rel="import" href="ct-results-comparison-zoomer.html"> |
-<link rel="import" href="ct-test-output.html"> |
- |
-<polymer-element name="ct-results-comparison" attributes="type expectedUrl actualUrl diffUrl"> |
- <template> |
- <style> |
- .main-content { |
- display: flex; |
- flex-wrap: wrap; |
- width: 100%; |
- } |
- |
- .main-content > * { |
- flex: 1; |
- min-width: 300px; |
- } |
- </style> |
- |
- <div class="main-content"> |
- <div> |
- <h2>Expected</h2> |
- <ct-test-output type="{{ type }}" url="{{ expectedUrl }}" |
- on-mouseout="{{ _handleMouseOut }}" on-mousemove="{{ _handleMouseMove }}"></ct-test-output> |
- </div> |
- <div> |
- <h2>Actual</h2> |
- <ct-test-output type="{{ type }}" url="{{ actualUrl }}" |
- on-mouseout="{{ _handleMouseOut }}" on-mousemove="{{ _handleMouseMove }}"></ct-test-output> |
- </div> |
- <div> |
- <h2>Diff</h2> |
- <ct-test-output type="{{ type }}" url="{{ diffUrl }}" |
- on-mouseout="{{ _handleMouseOut }}" on-mousemove="{{ _handleMouseMove }}"></ct-test-output> |
- </div> |
- </div> |
- |
- <template if="{{ _zoomPosition }}"> |
- <ct-results-comparison-zoomer |
- expectedUrl="{{ expectedUrl }}" |
- actualUrl="{{ actualUrl }}" |
- diffUrl="{{ diffUrl }}" |
- position="{{ _zoomPosition }}"></ct-results-comparison-zoomer> |
- </template> |
- </template> |
- <script> |
- Polymer({ |
- type: '', |
- expectedUrl: '', |
- actualUrl: '', |
- diffUrl: '', |
- _zoomPosition: null, |
- |
- typeChanged: function() { |
- this._zoomPosition = null; |
- }, |
- |
- _handleMouseOut: function(e) { |
- this._zoomPosition = null; |
- }, |
- |
- _handleMouseMove: function(e) { |
- if (this.type != 'image') |
- return; |
- |
- // FIXME: This assumes that the ct-test-output only contains an image. |
- var targetLocation = e.target.getBoundingClientRect(); |
- // FIXME: Use a proper model class instead of a dumb object. |
- this._zoomPosition = { |
- x: (e.clientX - targetLocation.left) / targetLocation.width, |
- y: (e.clientY - targetLocation.top) / targetLocation.height, |
- }; |
- }, |
- }); |
- </script> |
-</polymer-element> |