| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- | 2 <!-- |
| 3 Copyright (c) 2013 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2013 The Chromium Authors. All rights reserved. |
| 4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
| 5 found in the LICENSE file. | 5 found in the LICENSE file. |
| 6 --> | 6 --> |
| 7 <link rel="import" href="/tracing/base/bbox2.html"> | 7 <link rel="import" href="/tracing/base/bbox2.html"> |
| 8 <link rel="import" href="/tracing/base/math.html"> | 8 <link rel="import" href="/tracing/base/math.html"> |
| 9 <link rel="import" href="/tracing/base/quad.html"> | 9 <link rel="import" href="/tracing/base/quad.html"> |
| 10 <link rel="import" href="/tracing/base/raf.html"> | 10 <link rel="import" href="/tracing/base/raf.html"> |
| (...skipping 357 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 368 var QuadStackView = tr.ui.b.define('quad-stack-view'); | 368 var QuadStackView = tr.ui.b.define('quad-stack-view'); |
| 369 | 369 |
| 370 QuadStackView.prototype = { | 370 QuadStackView.prototype = { |
| 371 __proto__: HTMLUnknownElement.prototype, | 371 __proto__: HTMLUnknownElement.prototype, |
| 372 | 372 |
| 373 decorate: function() { | 373 decorate: function() { |
| 374 this.className = 'quad-stack-view'; | 374 this.className = 'quad-stack-view'; |
| 375 | 375 |
| 376 var node = tr.ui.b.instantiateTemplate('#quad-stack-view-template', | 376 var node = tr.ui.b.instantiateTemplate('#quad-stack-view-template', |
| 377 THIS_DOC); | 377 THIS_DOC); |
| 378 this.appendChild(node); | 378 Polymer.dom(this).appendChild(node); |
| 379 this.updateHeaderVisibility_(); | 379 this.updateHeaderVisibility_(); |
| 380 this.canvas_ = this.querySelector('#canvas'); | 380 this.canvas_ = this.querySelector('#canvas'); |
| 381 this.chromeImages_ = { | 381 this.chromeImages_ = { |
| 382 left: this.querySelector('#chrome-left'), | 382 left: this.querySelector('#chrome-left'), |
| 383 mid: this.querySelector('#chrome-mid'), | 383 mid: this.querySelector('#chrome-mid'), |
| 384 right: this.querySelector('#chrome-right') | 384 right: this.querySelector('#chrome-right') |
| 385 }; | 385 }; |
| 386 | 386 |
| 387 var stackingDistanceSlider = this.querySelector( | 387 var stackingDistanceSlider = this.querySelector( |
| 388 '#stacking-distance-slider'); | 388 '#stacking-distance-slider'); |
| (...skipping 247 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 636 this.mouseModeSelector_ = document.createElement( | 636 this.mouseModeSelector_ = document.createElement( |
| 637 'tr-ui-b-mouse-mode-selector'); | 637 'tr-ui-b-mouse-mode-selector'); |
| 638 this.mouseModeSelector_.targetElement = this.canvas_; | 638 this.mouseModeSelector_.targetElement = this.canvas_; |
| 639 this.mouseModeSelector_.supportedModeMask = | 639 this.mouseModeSelector_.supportedModeMask = |
| 640 tr.ui.b.MOUSE_SELECTOR_MODE.SELECTION | | 640 tr.ui.b.MOUSE_SELECTOR_MODE.SELECTION | |
| 641 tr.ui.b.MOUSE_SELECTOR_MODE.PANSCAN | | 641 tr.ui.b.MOUSE_SELECTOR_MODE.PANSCAN | |
| 642 tr.ui.b.MOUSE_SELECTOR_MODE.ZOOM | | 642 tr.ui.b.MOUSE_SELECTOR_MODE.ZOOM | |
| 643 tr.ui.b.MOUSE_SELECTOR_MODE.ROTATE; | 643 tr.ui.b.MOUSE_SELECTOR_MODE.ROTATE; |
| 644 this.mouseModeSelector_.mode = tr.ui.b.MOUSE_SELECTOR_MODE.PANSCAN; | 644 this.mouseModeSelector_.mode = tr.ui.b.MOUSE_SELECTOR_MODE.PANSCAN; |
| 645 this.mouseModeSelector_.pos = {x: 0, y: 100}; | 645 this.mouseModeSelector_.pos = {x: 0, y: 100}; |
| 646 this.appendChild(this.mouseModeSelector_); | 646 Polymer.dom(this).appendChild(this.mouseModeSelector_); |
| 647 this.mouseModeSelector_.settingsKey = | 647 this.mouseModeSelector_.settingsKey = |
| 648 'quadStackView.mouseModeSelector'; | 648 'quadStackView.mouseModeSelector'; |
| 649 | 649 |
| 650 this.mouseModeSelector_.setModifierForAlternateMode( | 650 this.mouseModeSelector_.setModifierForAlternateMode( |
| 651 tr.ui.b.MOUSE_SELECTOR_MODE.ROTATE, tr.ui.b.MODIFIER.SHIFT); | 651 tr.ui.b.MOUSE_SELECTOR_MODE.ROTATE, tr.ui.b.MODIFIER.SHIFT); |
| 652 this.mouseModeSelector_.setModifierForAlternateMode( | 652 this.mouseModeSelector_.setModifierForAlternateMode( |
| 653 tr.ui.b.MOUSE_SELECTOR_MODE.PANSCAN, tr.ui.b.MODIFIER.SPACE); | 653 tr.ui.b.MOUSE_SELECTOR_MODE.PANSCAN, tr.ui.b.MODIFIER.SPACE); |
| 654 this.mouseModeSelector_.setModifierForAlternateMode( | 654 this.mouseModeSelector_.setModifierForAlternateMode( |
| 655 tr.ui.b.MOUSE_SELECTOR_MODE.ZOOM, tr.ui.b.MODIFIER.CMD_OR_CTRL); | 655 tr.ui.b.MOUSE_SELECTOR_MODE.ZOOM, tr.ui.b.MODIFIER.CMD_OR_CTRL); |
| 656 | 656 |
| (...skipping 23 matching lines...) Expand all Loading... |
| 680 e.quads = res; | 680 e.quads = res; |
| 681 this.dispatchEvent(e); | 681 this.dispatchEvent(e); |
| 682 } | 682 } |
| 683 }; | 683 }; |
| 684 | 684 |
| 685 return { | 685 return { |
| 686 QuadStackView: QuadStackView | 686 QuadStackView: QuadStackView |
| 687 }; | 687 }; |
| 688 }); | 688 }); |
| 689 </script> | 689 </script> |
| OLD | NEW |