| OLD | NEW |
| 1 // Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 // Copyright (c) 2011 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 cr.define('print_preview', function() { | 5 cr.define('print_preview', function() { |
| 6 'strict'; | 6 'strict'; |
| 7 | 7 |
| 8 function MarginsUI() { | 8 function MarginsUI() { |
| 9 var marginsUI = document.createElement('div'); | 9 var marginsUI = document.createElement('div'); |
| 10 marginsUI.__proto__ = MarginsUI.prototype; | 10 marginsUI.__proto__ = MarginsUI.prototype; |
| (...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 72 | 72 |
| 73 /** | 73 /** |
| 74 * @return {array} An array including all |MarginUIPair| objects. | 74 * @return {array} An array including all |MarginUIPair| objects. |
| 75 */ | 75 */ |
| 76 get pairsAsList() { | 76 get pairsAsList() { |
| 77 return [this.topPair_, this.leftPair_, this.rightPair_, this.bottomPair_]; | 77 return [this.topPair_, this.leftPair_, this.rightPair_, this.bottomPair_]; |
| 78 }, | 78 }, |
| 79 | 79 |
| 80 /** | 80 /** |
| 81 * Updates the state of the margins UI. | 81 * Updates the state of the margins UI. |
| 82 * @param {print_preview.Rect} | 82 * @param {print_preview.Rect} marginsRectangle |
| 83 * @param {Margins} marginValues | 83 * @param {Margins} marginValues |
| 84 * @param {array} valueLimits | 84 * @param {array} valueLimits |
| 85 */ | 85 */ |
| 86 update: function(marginsRectangle, marginValues, valueLimits, | 86 update: function(marginsRectangle, marginValues, valueLimits, |
| 87 keepDisplayedValue, valueLimitsInPercent) { | 87 keepDisplayedValue, valueLimitsInPercent) { |
| 88 var uiPairs = this.pairsAsList; | 88 var uiPairs = this.pairsAsList; |
| 89 var order = ['top', 'left', 'right', 'bottom']; | 89 var order = ['top', 'left', 'right', 'bottom']; |
| 90 for (var i = 0; i < uiPairs.length; i++) { | 90 for (var i = 0; i < uiPairs.length; i++) { |
| 91 uiPairs[i].update(marginsRectangle, | 91 uiPairs[i].update(marginsRectangle, |
| 92 marginValues[order[i]], | 92 marginValues[order[i]], |
| (...skipping 29 matching lines...) Expand all Loading... |
| 122 removeFromFlow ? this.hidden = true : this.classList.add('invisible'); | 122 removeFromFlow ? this.hidden = true : this.classList.add('invisible'); |
| 123 }, | 123 }, |
| 124 | 124 |
| 125 /** | 125 /** |
| 126 * Applies a clipping mask on |this| so that it does not paint on top of the | 126 * Applies a clipping mask on |this| so that it does not paint on top of the |
| 127 * scrollbars (if any). | 127 * scrollbars (if any). |
| 128 */ | 128 */ |
| 129 applyClippingMask_: function() { | 129 applyClippingMask_: function() { |
| 130 var bottom = previewArea.height; | 130 var bottom = previewArea.height; |
| 131 var right = previewArea.width; | 131 var right = previewArea.width; |
| 132 this.style.clip = "rect(0, " + right + "px, " + bottom + "px, 0)"; | 132 this.style.clip = 'rect(0, ' + right + 'px, ' + bottom + 'px, 0)'; |
| 133 }, | 133 }, |
| 134 | 134 |
| 135 /** | 135 /** |
| 136 * Adds event listeners for various events. | 136 * Adds event listeners for various events. |
| 137 * @private | 137 * @private |
| 138 */ | 138 */ |
| 139 addEventListeners_: function() { | 139 addEventListeners_: function() { |
| 140 var uiPairs = this.pairsAsList; | 140 var uiPairs = this.pairsAsList; |
| 141 for (var i = 0; i < uiPairs.length; i++) { | 141 for (var i = 0; i < uiPairs.length; i++) { |
| 142 uiPairs[i].addEventListener(customEvents.MARGIN_LINE_MOUSE_DOWN, | 142 uiPairs[i].addEventListener(customEvents.MARGIN_LINE_MOUSE_DOWN, |
| (...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 198 this.lastClickedMarginsUIPair.getDragDisplacementFrom(point); | 198 this.lastClickedMarginsUIPair.getDragDisplacementFrom(point); |
| 199 dragEvent.destinationPoint = point; | 199 dragEvent.destinationPoint = point; |
| 200 this.dispatchEvent(dragEvent); | 200 this.dispatchEvent(dragEvent); |
| 201 }, | 201 }, |
| 202 }; | 202 }; |
| 203 | 203 |
| 204 return { | 204 return { |
| 205 MarginsUI: MarginsUI | 205 MarginsUI: MarginsUI |
| 206 }; | 206 }; |
| 207 }); | 207 }); |
| OLD | NEW |