OLD | NEW |
1 // Copyright 2015 The Chromium Authors. All rights reserved. | 1 // Copyright 2015 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 (function() { | 5 (function() { |
6 | 6 |
7 var FIT_TO_PAGE = 0; | 7 var FIT_TO_PAGE = 0; |
8 var FIT_TO_WIDTH = 1; | 8 var FIT_TO_WIDTH = 1; |
9 | 9 |
10 Polymer({ | 10 Polymer({ |
11 is: 'viewer-zoom-toolbar', | 11 is: 'viewer-zoom-toolbar', |
12 | 12 |
13 properties: { | 13 properties: { |
14 strings: { | 14 strings: { |
15 type: Object, | 15 type: Object, |
16 observer: 'updateTooltips_' | 16 observer: 'updateTooltips_' |
17 }, | 17 }, |
18 | 18 |
19 visible_: { | 19 visible_: { |
20 type: Boolean, | 20 type: Boolean, |
21 value: true | 21 value: true |
22 } | 22 } |
23 }, | 23 }, |
24 | 24 |
25 isVisible: function() { | 25 isVisible: function() { |
26 return this.visible_; | 26 return this.visible_; |
27 }, | 27 }, |
28 | 28 |
29 /** | 29 /** |
| 30 * @private |
30 * Change button tooltips to match any changes to localized strings. | 31 * Change button tooltips to match any changes to localized strings. |
31 */ | 32 */ |
32 updateTooltips_: function() { | 33 updateTooltips_: function() { |
33 this.$['fit-button'].tooltips = [ | 34 this.$['fit-button'].tooltips = [ |
34 this.strings.tooltipFitToPage, | 35 this.strings.tooltipFitToPage, |
35 this.strings.tooltipFitToWidth | 36 this.strings.tooltipFitToWidth |
36 ]; | 37 ]; |
37 this.$['zoom-in-button'].tooltips = [this.strings.tooltipZoomIn]; | 38 this.$['zoom-in-button'].tooltips = [this.strings.tooltipZoomIn]; |
38 this.$['zoom-out-button'].tooltips = [this.strings.tooltipZoomOut]; | 39 this.$['zoom-out-button'].tooltips = [this.strings.tooltipZoomOut]; |
39 }, | 40 }, |
40 | 41 |
| 42 /** |
| 43 * Handle clicks of the fit-button. |
| 44 */ |
41 fitToggle: function() { | 45 fitToggle: function() { |
42 if (this.$['fit-button'].activeIndex == FIT_TO_WIDTH) | 46 if (this.$['fit-button'].activeIndex == FIT_TO_WIDTH) |
43 this.fire('fit-to-width'); | 47 this.fire('fit-to-width'); |
44 else | 48 else |
45 this.fire('fit-to-page'); | 49 this.fire('fit-to-page'); |
46 }, | 50 }, |
47 | 51 |
| 52 /** |
| 53 * Handle the keyboard shortcut equivalent of fit-button clicks. |
| 54 */ |
| 55 fitToggleFromHotKey: function() { |
| 56 this.fitToggle(); |
| 57 |
| 58 // Toggle the button state since there was no mouse click. |
| 59 var button = this.$['fit-button']; |
| 60 if (button.activeIndex == FIT_TO_WIDTH) |
| 61 button.activeIndex = FIT_TO_PAGE; |
| 62 else |
| 63 button.activeIndex = FIT_TO_WIDTH; |
| 64 }, |
| 65 |
| 66 /** |
| 67 * Handle clicks of the zoom-in-button. |
| 68 */ |
48 zoomIn: function() { | 69 zoomIn: function() { |
49 this.fire('zoom-in'); | 70 this.fire('zoom-in'); |
50 }, | 71 }, |
51 | 72 |
| 73 /** |
| 74 * Handle clicks of the zoom-out-button. |
| 75 */ |
52 zoomOut: function() { | 76 zoomOut: function() { |
53 this.fire('zoom-out'); | 77 this.fire('zoom-out'); |
54 }, | 78 }, |
55 | 79 |
56 show: function() { | 80 show: function() { |
57 if (!this.visible_) { | 81 if (!this.visible_) { |
58 this.visible_ = true; | 82 this.visible_ = true; |
59 this.$['fit-button'].show(); | 83 this.$['fit-button'].show(); |
60 this.$['zoom-in-button'].show(); | 84 this.$['zoom-in-button'].show(); |
61 this.$['zoom-out-button'].show(); | 85 this.$['zoom-out-button'].show(); |
62 } | 86 } |
63 }, | 87 }, |
64 | 88 |
65 hide: function() { | 89 hide: function() { |
66 if (this.visible_) { | 90 if (this.visible_) { |
67 this.visible_ = false; | 91 this.visible_ = false; |
68 this.$['fit-button'].hide(); | 92 this.$['fit-button'].hide(); |
69 this.$['zoom-in-button'].hide(); | 93 this.$['zoom-in-button'].hide(); |
70 this.$['zoom-out-button'].hide(); | 94 this.$['zoom-out-button'].hide(); |
71 } | 95 } |
72 }, | 96 }, |
73 }); | 97 }); |
74 | 98 |
75 })(); | 99 })(); |
OLD | NEW |