| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2009 Google Inc. All rights reserved. | 2 * Copyright (C) 2009 Google Inc. All rights reserved. |
| 3 * | 3 * |
| 4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions are | 5 * modification, are permitted provided that the following conditions are |
| 6 * met: | 6 * met: |
| 7 * | 7 * |
| 8 * * Redistributions of source code must retain the above copyright | 8 * * Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
| 10 * * Redistributions in binary form must reproduce the above | 10 * * Redistributions in binary form must reproduce the above |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 50 | 50 |
| 51 /** | 51 /** |
| 52 * @param {!UI.Action} action | 52 * @param {!UI.Action} action |
| 53 * @param {!Array<!UI.ToolbarButton>=} toggledOptions | 53 * @param {!Array<!UI.ToolbarButton>=} toggledOptions |
| 54 * @param {!Array<!UI.ToolbarButton>=} untoggledOptions | 54 * @param {!Array<!UI.ToolbarButton>=} untoggledOptions |
| 55 * @return {!UI.ToolbarItem} | 55 * @return {!UI.ToolbarItem} |
| 56 */ | 56 */ |
| 57 static createActionButton(action, toggledOptions, untoggledOptions) { | 57 static createActionButton(action, toggledOptions, untoggledOptions) { |
| 58 var button = new UI.ToolbarToggle(action.title(), action.icon(), action.togg
ledIcon()); | 58 var button = new UI.ToolbarToggle(action.title(), action.icon(), action.togg
ledIcon()); |
| 59 button.setToggleWithRedColor(action.toggleWithRedColor()); | 59 button.setToggleWithRedColor(action.toggleWithRedColor()); |
| 60 button.addEventListener('click', action.execute, action); | 60 button.addEventListener(UI.ToolbarButton.Events.Click, action.execute, actio
n); |
| 61 action.addEventListener(UI.Action.Events.Enabled, enabledChanged); | 61 action.addEventListener(UI.Action.Events.Enabled, enabledChanged); |
| 62 action.addEventListener(UI.Action.Events.Toggled, toggled); | 62 action.addEventListener(UI.Action.Events.Toggled, toggled); |
| 63 /** @type {?UI.LongClickController} */ | 63 /** @type {?UI.LongClickController} */ |
| 64 var longClickController = null; | 64 var longClickController = null; |
| 65 /** @type {?Array<!UI.ToolbarButton>} */ | 65 /** @type {?Array<!UI.ToolbarButton>} */ |
| 66 var longClickButtons = null; | 66 var longClickButtons = null; |
| 67 /** @type {?Element} */ | 67 /** @type {?Element} */ |
| 68 var longClickGlyph = null; | 68 var longClickGlyph = null; |
| 69 toggled(); | 69 toggled(); |
| 70 return button; | 70 return button; |
| (...skipping 29 matching lines...) Expand all Loading... |
| 100 longClickGlyph.remove(); | 100 longClickGlyph.remove(); |
| 101 longClickGlyph = null; | 101 longClickGlyph = null; |
| 102 longClickButtons = null; | 102 longClickButtons = null; |
| 103 } | 103 } |
| 104 } | 104 } |
| 105 } | 105 } |
| 106 | 106 |
| 107 function showOptions() { | 107 function showOptions() { |
| 108 var buttons = longClickButtons.slice(); | 108 var buttons = longClickButtons.slice(); |
| 109 var mainButtonClone = new UI.ToolbarToggle(action.title(), action.icon(),
action.toggledIcon()); | 109 var mainButtonClone = new UI.ToolbarToggle(action.title(), action.icon(),
action.toggledIcon()); |
| 110 mainButtonClone.addEventListener('click', clicked); | 110 mainButtonClone.addEventListener(UI.ToolbarButton.Events.Click, clicked); |
| 111 | 111 |
| 112 /** | 112 /** |
| 113 * @param {!Common.Event} event | 113 * @param {!Common.Event} event |
| 114 */ | 114 */ |
| 115 function clicked(event) { | 115 function clicked(event) { |
| 116 button._clicked(/** @type {!Event} */ (event.data)); | 116 button._clicked(/** @type {!Event} */ (event.data)); |
| 117 } | 117 } |
| 118 | 118 |
| 119 mainButtonClone.setToggled(action.toggled()); | 119 mainButtonClone.setToggled(action.toggled()); |
| 120 buttons.push(mainButtonClone); | 120 buttons.push(mainButtonClone); |
| (...skipping 383 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 504 var dropdownArrowIcon = UI.Icon.create('smallicon-dropdown-arrow', 'toolbar-
dropdown-arrow'); | 504 var dropdownArrowIcon = UI.Icon.create('smallicon-dropdown-arrow', 'toolbar-
dropdown-arrow'); |
| 505 this.element.appendChild(dropdownArrowIcon); | 505 this.element.appendChild(dropdownArrowIcon); |
| 506 if (width) | 506 if (width) |
| 507 this.element.style.width = width + 'px'; | 507 this.element.style.width = width + 'px'; |
| 508 } | 508 } |
| 509 | 509 |
| 510 /** | 510 /** |
| 511 * @param {!Event} event | 511 * @param {!Event} event |
| 512 */ | 512 */ |
| 513 _clicked(event) { | 513 _clicked(event) { |
| 514 var defaultPrevented = this.dispatchEventToListeners('click', event); | 514 this.dispatchEventToListeners(UI.ToolbarButton.Events.Click, event); |
| 515 event.consume(defaultPrevented); | |
| 516 } | 515 } |
| 517 | 516 |
| 518 /** | 517 /** |
| 519 * @param {!Event} event | 518 * @param {!Event} event |
| 520 */ | 519 */ |
| 521 _mouseDown(event) { | 520 _mouseDown(event) { |
| 522 this.dispatchEventToListeners('mousedown', event); | 521 this.dispatchEventToListeners(UI.ToolbarButton.Events.MouseDown, event); |
| 523 } | 522 } |
| 524 | 523 |
| 525 /** | 524 /** |
| 526 * @param {!Event} event | 525 * @param {!Event} event |
| 527 */ | 526 */ |
| 528 _mouseUp(event) { | 527 _mouseUp(event) { |
| 529 this.dispatchEventToListeners('mouseup', event); | 528 this.dispatchEventToListeners(UI.ToolbarButton.Events.MouseUp, event); |
| 530 } | 529 } |
| 531 }; | 530 }; |
| 532 | 531 |
| 532 UI.ToolbarButton.Events = { |
| 533 Click: Symbol('Click'), |
| 534 MouseDown: Symbol('MouseDown'), |
| 535 MouseUp: Symbol('MouseUp') |
| 536 }; |
| 537 |
| 533 /** | 538 /** |
| 534 * @unrestricted | 539 * @unrestricted |
| 535 */ | 540 */ |
| 536 UI.ToolbarInput = class extends UI.ToolbarItem { | 541 UI.ToolbarInput = class extends UI.ToolbarItem { |
| 537 /** | 542 /** |
| 538 * @param {string=} placeholder | 543 * @param {string=} placeholder |
| 539 * @param {number=} growFactor | 544 * @param {number=} growFactor |
| 540 */ | 545 */ |
| 541 constructor(placeholder, growFactor) { | 546 constructor(placeholder, growFactor) { |
| 542 super(createElementWithClass('input', 'toolbar-item')); | 547 super(createElementWithClass('input', 'toolbar-item')); |
| (...skipping 19 matching lines...) Expand all Loading... |
| 562 value() { | 567 value() { |
| 563 return this.element.value; | 568 return this.element.value; |
| 564 } | 569 } |
| 565 | 570 |
| 566 _onChangeCallback() { | 571 _onChangeCallback() { |
| 567 this.dispatchEventToListeners(UI.ToolbarInput.Event.TextChanged, this.elemen
t.value); | 572 this.dispatchEventToListeners(UI.ToolbarInput.Event.TextChanged, this.elemen
t.value); |
| 568 } | 573 } |
| 569 }; | 574 }; |
| 570 | 575 |
| 571 UI.ToolbarInput.Event = { | 576 UI.ToolbarInput.Event = { |
| 572 TextChanged: 'TextChanged' | 577 TextChanged: Symbol('TextChanged') |
| 573 }; | 578 }; |
| 574 | 579 |
| 575 /** | 580 /** |
| 576 * @unrestricted | 581 * @unrestricted |
| 577 */ | 582 */ |
| 578 UI.ToolbarToggle = class extends UI.ToolbarButton { | 583 UI.ToolbarToggle = class extends UI.ToolbarButton { |
| 579 /** | 584 /** |
| 580 * @param {string} title | 585 * @param {string} title |
| 581 * @param {string=} glyph | 586 * @param {string=} glyph |
| 582 * @param {string=} toggledGlyph | 587 * @param {string=} toggledGlyph |
| (...skipping 313 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 896 return this.inputElement.checked; | 901 return this.inputElement.checked; |
| 897 } | 902 } |
| 898 | 903 |
| 899 /** | 904 /** |
| 900 * @param {boolean} value | 905 * @param {boolean} value |
| 901 */ | 906 */ |
| 902 setChecked(value) { | 907 setChecked(value) { |
| 903 this.inputElement.checked = value; | 908 this.inputElement.checked = value; |
| 904 } | 909 } |
| 905 }; | 910 }; |
| OLD | NEW |