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: {type: Object, observer: 'updateTooltips_'}, |
15 type: Object, | |
16 observer: 'updateTooltips_' | |
17 }, | |
18 | 15 |
19 visible_: { | 16 visible_: {type: Boolean, value: true} |
20 type: Boolean, | 17 }, |
21 value: true | |
22 } | |
23 }, | |
24 | 18 |
25 isVisible: function() { | 19 isVisible: function() { |
26 return this.visible_; | 20 return this.visible_; |
27 }, | 21 }, |
28 | 22 |
29 /** | 23 /** |
30 * @private | 24 * @private |
31 * Change button tooltips to match any changes to localized strings. | 25 * Change button tooltips to match any changes to localized strings. |
32 */ | 26 */ |
33 updateTooltips_: function() { | 27 updateTooltips_: function() { |
34 this.$['fit-button'].tooltips = [ | 28 this.$['fit-button'].tooltips = |
35 this.strings.tooltipFitToPage, | 29 [this.strings.tooltipFitToPage, this.strings.tooltipFitToWidth]; |
36 this.strings.tooltipFitToWidth | 30 this.$['zoom-in-button'].tooltips = [this.strings.tooltipZoomIn]; |
37 ]; | 31 this.$['zoom-out-button'].tooltips = [this.strings.tooltipZoomOut]; |
38 this.$['zoom-in-button'].tooltips = [this.strings.tooltipZoomIn]; | 32 }, |
39 this.$['zoom-out-button'].tooltips = [this.strings.tooltipZoomOut]; | |
40 }, | |
41 | 33 |
42 /** | 34 /** |
43 * Handle clicks of the fit-button. | 35 * Handle clicks of the fit-button. |
44 */ | 36 */ |
45 fitToggle: function() { | 37 fitToggle: function() { |
46 if (this.$['fit-button'].activeIndex == FIT_TO_WIDTH) | 38 if (this.$['fit-button'].activeIndex == FIT_TO_WIDTH) |
47 this.fire('fit-to-width'); | 39 this.fire('fit-to-width'); |
48 else | 40 else |
49 this.fire('fit-to-page'); | 41 this.fire('fit-to-page'); |
50 }, | 42 }, |
51 | 43 |
52 /** | 44 /** |
53 * Handle the keyboard shortcut equivalent of fit-button clicks. | 45 * Handle the keyboard shortcut equivalent of fit-button clicks. |
54 */ | 46 */ |
55 fitToggleFromHotKey: function() { | 47 fitToggleFromHotKey: function() { |
56 this.fitToggle(); | 48 this.fitToggle(); |
57 | 49 |
58 // Toggle the button state since there was no mouse click. | 50 // Toggle the button state since there was no mouse click. |
59 var button = this.$['fit-button']; | 51 var button = this.$['fit-button']; |
60 if (button.activeIndex == FIT_TO_WIDTH) | 52 if (button.activeIndex == FIT_TO_WIDTH) |
61 button.activeIndex = FIT_TO_PAGE; | 53 button.activeIndex = FIT_TO_PAGE; |
62 else | 54 else |
63 button.activeIndex = FIT_TO_WIDTH; | 55 button.activeIndex = FIT_TO_WIDTH; |
64 }, | 56 }, |
65 | 57 |
66 /** | 58 /** |
67 * Handle clicks of the zoom-in-button. | 59 * Handle clicks of the zoom-in-button. |
68 */ | 60 */ |
69 zoomIn: function() { | 61 zoomIn: function() { |
70 this.fire('zoom-in'); | 62 this.fire('zoom-in'); |
71 }, | 63 }, |
72 | 64 |
73 /** | 65 /** |
74 * Handle clicks of the zoom-out-button. | 66 * Handle clicks of the zoom-out-button. |
75 */ | 67 */ |
76 zoomOut: function() { | 68 zoomOut: function() { |
77 this.fire('zoom-out'); | 69 this.fire('zoom-out'); |
78 }, | 70 }, |
79 | 71 |
80 show: function() { | 72 show: function() { |
81 if (!this.visible_) { | 73 if (!this.visible_) { |
82 this.visible_ = true; | 74 this.visible_ = true; |
83 this.$['fit-button'].show(); | 75 this.$['fit-button'].show(); |
84 this.$['zoom-in-button'].show(); | 76 this.$['zoom-in-button'].show(); |
85 this.$['zoom-out-button'].show(); | 77 this.$['zoom-out-button'].show(); |
86 } | 78 } |
87 }, | 79 }, |
88 | 80 |
89 hide: function() { | 81 hide: function() { |
90 if (this.visible_) { | 82 if (this.visible_) { |
91 this.visible_ = false; | 83 this.visible_ = false; |
92 this.$['fit-button'].hide(); | 84 this.$['fit-button'].hide(); |
93 this.$['zoom-in-button'].hide(); | 85 this.$['zoom-in-button'].hide(); |
94 this.$['zoom-out-button'].hide(); | 86 this.$['zoom-out-button'].hide(); |
95 } | 87 } |
96 }, | 88 }, |
97 }); | 89 }); |
98 | 90 |
99 })(); | 91 })(); |
OLD | NEW |