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 |