Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 /* | 1 /* |
| 2 * Copyright (C) 2012 Google Inc. All rights reserved. | 2 * Copyright (C) 2012 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 * 1. Redistributions of source code must retain the above copyright | 8 * 1. 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 * | 10 * |
| (...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 61 this._sidebarView.show(this.element); | 61 this._sidebarView.show(this.element); |
| 62 this._mainView.show(this.element); | 62 this._mainView.show(this.element); |
| 63 } | 63 } |
| 64 | 64 |
| 65 this._onDragStartBound = this._onDragStart.bind(this); | 65 this._onDragStartBound = this._onDragStart.bind(this); |
| 66 this._resizerElements = []; | 66 this._resizerElements = []; |
| 67 | 67 |
| 68 this._resizable = true; | 68 this._resizable = true; |
| 69 this._useDip = !!useDip; | 69 this._useDip = !!useDip; |
| 70 | 70 |
| 71 this._savedSidebarWidth = defaultSidebarWidth || 200; | 71 this._defaultSidebarWidth = defaultSidebarWidth || 200; |
| 72 this._savedSidebarHeight = defaultSidebarHeight || this._savedSidebarWidth; | 72 this._defaultSidebarHeight = defaultSidebarHeight || this._defaultSidebarWid th; |
| 73 | 73 |
| 74 if (0 < this._savedSidebarWidth && this._savedSidebarWidth < 1 && | 74 if (0 < this._defaultSidebarWidth && this._defaultSidebarWidth < 1 && |
| 75 0 < this._savedSidebarHeight && this._savedSidebarHeight < 1) | 75 0 < this._defaultSidebarHeight && this._defaultSidebarHeight < 1) |
| 76 this._useFraction = true; | 76 this._useFraction = true; |
| 77 | 77 |
| 78 this._settingName = settingName; | 78 this._settingName = settingName; |
| 79 | 79 |
| 80 this.setSecondIsSidebar(secondIsSidebar); | 80 this.setSecondIsSidebar(secondIsSidebar); |
| 81 | 81 |
| 82 this._innerSetVertical(isVertical); | 82 this._innerSetVertical(isVertical); |
| 83 this._showMode = WebInspector.SplitView.ShowMode.Both; | 83 this._showMode = WebInspector.SplitView.ShowMode.Both; |
| 84 | 84 |
| 85 // Should be called after isVertical has the right value. | 85 // Should be called after isVertical has the right value. |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 129 /** | 129 /** |
| 130 * @param {boolean} isVertical | 130 * @param {boolean} isVertical |
| 131 */ | 131 */ |
| 132 _innerSetVertical: function(isVertical) | 132 _innerSetVertical: function(isVertical) |
| 133 { | 133 { |
| 134 this.element.classList.remove(this._isVertical ? "hbox" : "vbox"); | 134 this.element.classList.remove(this._isVertical ? "hbox" : "vbox"); |
| 135 this._isVertical = isVertical; | 135 this._isVertical = isVertical; |
| 136 this.element.classList.add(this._isVertical ? "hbox" : "vbox"); | 136 this.element.classList.add(this._isVertical ? "hbox" : "vbox"); |
| 137 delete this._resizerElementSize; | 137 delete this._resizerElementSize; |
| 138 this._sidebarSize = -1; | 138 this._sidebarSize = -1; |
| 139 this._preferredSidebarSize = this._savedSidebarSize(); | |
| 139 }, | 140 }, |
| 140 | 141 |
| 141 /** | 142 /** |
| 142 * @param {boolean=} animate | 143 * @param {boolean=} animate |
| 143 */ | 144 */ |
| 144 _updateLayout: function(animate) | 145 _updateLayout: function(animate) |
| 145 { | 146 { |
| 146 delete this._totalSize; // Lazy update. | 147 delete this._totalSize; // Lazy update. |
| 147 this._innerSetSidebarSize(this._lastSidebarSize(), false, animate); | 148 this._innerSetSidebarSize(this._preferredSidebarSize, false, animate); |
| 148 }, | 149 }, |
| 149 | 150 |
| 150 /** | 151 /** |
| 151 * @return {!Element} | 152 * @return {!Element} |
| 152 */ | 153 */ |
| 153 mainElement: function() | 154 mainElement: function() |
| 154 { | 155 { |
| 155 return this._mainElement; | 156 return this._mainElement; |
| 156 }, | 157 }, |
| 157 | 158 |
| (...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 228 return this._isVertical ? | 229 return this._isVertical ? |
| 229 (this._secondIsSidebar ? "right" : "left") : | 230 (this._secondIsSidebar ? "right" : "left") : |
| 230 (this._secondIsSidebar ? "bottom" : "top"); | 231 (this._secondIsSidebar ? "bottom" : "top"); |
| 231 }, | 232 }, |
| 232 | 233 |
| 233 /** | 234 /** |
| 234 * @return {number} | 235 * @return {number} |
| 235 */ | 236 */ |
| 236 desiredSidebarSize: function() | 237 desiredSidebarSize: function() |
| 237 { | 238 { |
| 238 return this._lastSidebarSize(); | 239 return this._preferredSidebarSize; |
| 239 }, | 240 }, |
| 240 | 241 |
| 241 /** | 242 /** |
| 242 * @return {!Element} | 243 * @return {!Element} |
| 243 */ | 244 */ |
| 244 resizerElement: function() | 245 resizerElement: function() |
| 245 { | 246 { |
| 246 return this._resizerElement; | 247 return this._resizerElement; |
| 247 }, | 248 }, |
| 248 | 249 |
| (...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 344 this._resizable = resizable; | 345 this._resizable = resizable; |
| 345 this._resizerElement.enableStyleClass("hidden", !resizable); | 346 this._resizerElement.enableStyleClass("hidden", !resizable); |
| 346 }, | 347 }, |
| 347 | 348 |
| 348 /** | 349 /** |
| 349 * @param {number} size | 350 * @param {number} size |
| 350 */ | 351 */ |
| 351 setSidebarSize: function(size) | 352 setSidebarSize: function(size) |
| 352 { | 353 { |
| 353 this._innerSetSidebarSize(size); | 354 this._innerSetSidebarSize(size); |
| 354 this._saveSetting(); | 355 this._saveSizeToSetting(); |
| 355 }, | 356 }, |
| 356 | 357 |
| 357 /** | 358 /** |
| 358 * @return {number} | 359 * @return {number} |
| 359 */ | 360 */ |
| 360 sidebarSize: function() | 361 sidebarSize: function() |
| 361 { | 362 { |
| 362 return Math.max(0, this._sidebarSize); | 363 return Math.max(0, this._sidebarSize); |
| 363 }, | 364 }, |
| 364 | 365 |
| (...skipping 256 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 621 | 622 |
| 622 /** | 623 /** |
| 623 * @param {!MouseEvent} event | 624 * @param {!MouseEvent} event |
| 624 * @return {boolean} | 625 * @return {boolean} |
| 625 */ | 626 */ |
| 626 _startResizerDragging: function(event) | 627 _startResizerDragging: function(event) |
| 627 { | 628 { |
| 628 if (!this._resizable) | 629 if (!this._resizable) |
| 629 return false; | 630 return false; |
| 630 | 631 |
| 631 this._saveSetting(); | 632 this._saveSizeToSetting(); |
|
dgozman
2014/03/05 17:52:53
We agreed this is not needed.
| |
| 632 this._dragOffset = (this._secondIsSidebar ? this.totalSize() - this._sid ebarSize : this._sidebarSize) - (this._isVertical ? event.pageX : event.pageY); | 633 this._dragOffset = (this._secondIsSidebar ? this.totalSize() - this._sid ebarSize : this._sidebarSize) - (this._isVertical ? event.pageX : event.pageY); |
| 633 return true; | 634 return true; |
| 634 }, | 635 }, |
| 635 | 636 |
| 636 /** | 637 /** |
| 637 * @param {!MouseEvent} event | 638 * @param {!MouseEvent} event |
| 638 */ | 639 */ |
| 639 _resizerDragging: function(event) | 640 _resizerDragging: function(event) |
| 640 { | 641 { |
| 641 var newOffset = (this._isVertical ? event.pageX : event.pageY) + this._d ragOffset; | 642 var newOffset = (this._isVertical ? event.pageX : event.pageY) + this._d ragOffset; |
| 642 var newSize = (this._secondIsSidebar ? this.totalSize() - newOffset : ne wOffset); | 643 var newSize = (this._secondIsSidebar ? this.totalSize() - newOffset : ne wOffset); |
| 643 this.setSidebarSize(newSize); | 644 this.setSidebarSize(newSize); |
| 644 event.preventDefault(); | 645 event.preventDefault(); |
| 645 }, | 646 }, |
| 646 | 647 |
| 647 /** | 648 /** |
| 648 * @param {!MouseEvent} event | 649 * @param {!MouseEvent} event |
| 649 */ | 650 */ |
| 650 _endResizerDragging: function(event) | 651 _endResizerDragging: function(event) |
| 651 { | 652 { |
| 652 delete this._dragOffset; | 653 delete this._dragOffset; |
| 653 this._saveSetting(); | 654 this._saveSizeToSetting(); |
| 654 }, | 655 }, |
| 655 | 656 |
| 656 hideDefaultResizer: function() | 657 hideDefaultResizer: function() |
| 657 { | 658 { |
| 658 this.element.classList.add("split-view-no-resizer"); | 659 this.element.classList.add("split-view-no-resizer"); |
| 659 }, | 660 }, |
| 660 | 661 |
| 661 /** | 662 /** |
| 662 * @param {!Element} resizerElement | 663 * @param {!Element} resizerElement |
| 663 */ | 664 */ |
| (...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 721 */ | 722 */ |
| 722 _settingForOrientation: function() | 723 _settingForOrientation: function() |
| 723 { | 724 { |
| 724 var state = this._setting() ? this._setting().get() : {}; | 725 var state = this._setting() ? this._setting().get() : {}; |
| 725 return this._isVertical ? state.vertical : state.horizontal; | 726 return this._isVertical ? state.vertical : state.horizontal; |
| 726 }, | 727 }, |
| 727 | 728 |
| 728 /** | 729 /** |
| 729 * @return {number} | 730 * @return {number} |
| 730 */ | 731 */ |
| 731 _lastSidebarSize: function() | 732 _savedSidebarSize: function() |
| 732 { | 733 { |
| 733 var settingForOrientation = this._settingForOrientation(); | 734 var settingForOrientation = this._settingForOrientation(); |
| 734 var size = settingForOrientation ? settingForOrientation.size : 0; | 735 var size = settingForOrientation ? settingForOrientation.size : 0; |
| 735 if (!size) | 736 if (!size) |
| 736 size = this._isVertical ? this._savedSidebarWidth : this._savedSide barHeight; | 737 size = this._isVertical ? this._defaultSidebarWidth : this._default SidebarHeight; |
| 737 if (this._useFraction) | 738 if (this._useFraction) |
| 738 size *= this.totalSize(); | 739 size *= this.totalSize(); |
| 739 return size; | 740 return size; |
| 740 }, | 741 }, |
| 741 | 742 |
| 742 /** | 743 /** |
| 743 * @return {string} | 744 * @return {string} |
| 744 */ | 745 */ |
| 745 _savedShowMode: function() | 746 _savedShowMode: function() |
| 746 { | 747 { |
| 747 var orientationState = this._settingForOrientation(); | 748 var orientationState = this._settingForOrientation(); |
| 748 return orientationState ? orientationState.showMode : ""; | 749 return orientationState ? orientationState.showMode : ""; |
| 749 }, | 750 }, |
| 750 | 751 |
| 751 _sizeToSave: function() | 752 _sizeToSave: function() |
| 752 { | 753 { |
| 753 var size = this._sidebarSize; | 754 var size = this._sidebarSize; |
| 754 if (size < 0) | 755 if (size < 0) |
| 755 return -1; | 756 return -1; |
| 756 | 757 |
| 757 if (this._useFraction) | 758 if (this._useFraction) |
| 758 size /= this.totalSize(); | 759 size /= this.totalSize(); |
| 759 return size; | 760 return size; |
| 760 }, | 761 }, |
| 761 | 762 |
| 763 _saveSizeToSetting: function() | |
|
dgozman
2014/03/05 17:52:53
Consider renaming to setPreferredSidebarSize.
| |
| 764 { | |
| 765 this._preferredSidebarSize = this._sizeToSave(); | |
| 766 this._saveSetting(); | |
| 767 }, | |
| 768 | |
| 762 _saveSetting: function() | 769 _saveSetting: function() |
| 763 { | 770 { |
| 764 var size = this._sizeToSave(); | 771 var size = this._preferredSidebarSize; |
| 765 | |
| 766 if (size !== -1) { | |
| 767 if (this._isVertical) | |
| 768 this._savedSidebarWidth = size; | |
| 769 else | |
| 770 this._savedSidebarHeight = size; | |
| 771 } | |
| 772 | 772 |
| 773 var setting = this._setting(); | 773 var setting = this._setting(); |
| 774 if (!setting) | 774 if (!setting) |
| 775 return; | 775 return; |
| 776 var state = setting.get(); | 776 var state = setting.get(); |
| 777 var orientationState = (this._isVertical ? state.vertical : state.horizo ntal) || {}; | 777 var orientationState = (this._isVertical ? state.vertical : state.horizo ntal) || {}; |
| 778 if (size !== -1) | 778 if (size !== -1) |
| 779 orientationState.size = size; | 779 orientationState.size = size; |
| 780 if (this._shouldSaveShowMode) | 780 if (this._shouldSaveShowMode) |
| 781 orientationState.showMode = this._showMode; | 781 orientationState.showMode = this._showMode; |
| 782 if (this._isVertical) | 782 if (this._isVertical) |
| 783 state.vertical = orientationState; | 783 state.vertical = orientationState; |
| 784 else | 784 else |
| 785 state.horizontal = orientationState; | 785 state.horizontal = orientationState; |
| 786 setting.set(state); | 786 setting.set(state); |
| 787 }, | 787 }, |
| 788 | 788 |
| 789 /** | 789 /** |
| 790 * @param {!WebInspector.Event} event | 790 * @param {!WebInspector.Event} event |
| 791 */ | 791 */ |
| 792 _onZoomChanged: function(event) | 792 _onZoomChanged: function(event) |
| 793 { | 793 { |
| 794 var data = /** @type {{from: number, to: number}} */ (event.data); | 794 var data = /** @type {{from: number, to: number}} */ (event.data); |
| 795 this._innerSetSidebarSize(this.sidebarSize() * data.from / data.to, true ); | 795 this._innerSetSidebarSize(this.sidebarSize() * data.from / data.to, true ); |
| 796 this._saveSetting(); | 796 this._saveSizeToSetting(); |
| 797 }, | 797 }, |
| 798 | 798 |
| 799 /** | 799 /** |
| 800 * @param {string} title | 800 * @param {string} title |
| 801 * @param {string} className | 801 * @param {string} className |
| 802 * @return {!WebInspector.StatusBarButton} | 802 * @return {!WebInspector.StatusBarButton} |
| 803 */ | 803 */ |
| 804 createShowHideSidebarButton: function(title, className) | 804 createShowHideSidebarButton: function(title, className) |
| 805 { | 805 { |
| 806 console.assert(this.isVertical(), "Buttons for split view with horizonta l split are not supported yet."); | 806 console.assert(this.isVertical(), "Buttons for split view with horizonta l split are not supported yet."); |
| (...skipping 22 matching lines...) Expand all Loading... | |
| 829 _updateShowHideSidebarButton: function() | 829 _updateShowHideSidebarButton: function() |
| 830 { | 830 { |
| 831 if (!this._showHideSidebarButton) | 831 if (!this._showHideSidebarButton) |
| 832 return; | 832 return; |
| 833 this._showHideSidebarButton.state = this._isShowingOne === this.isSideba rSecond() ? "left" : "right"; | 833 this._showHideSidebarButton.state = this._isShowingOne === this.isSideba rSecond() ? "left" : "right"; |
| 834 this._showHideSidebarButton.title = this._isShowingOne ? WebInspector.UI String("Show %s", this._showHideSidebarButtonTitle) : WebInspector.UIString("Hid e %s", this._showHideSidebarButtonTitle); | 834 this._showHideSidebarButton.title = this._isShowingOne ? WebInspector.UI String("Show %s", this._showHideSidebarButtonTitle) : WebInspector.UIString("Hid e %s", this._showHideSidebarButtonTitle); |
| 835 }, | 835 }, |
| 836 | 836 |
| 837 __proto__: WebInspector.View.prototype | 837 __proto__: WebInspector.View.prototype |
| 838 } | 838 } |
| OLD | NEW |