| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2013 Google Inc. All rights reserved. | 2 * Copyright (C) 2013 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 203 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 214 */ | 214 */ |
| 215 WebInspector.GenericSettingsTab = function() | 215 WebInspector.GenericSettingsTab = function() |
| 216 { | 216 { |
| 217 WebInspector.SettingsTab.call(this, WebInspector.UIString("General"), "gener
al-tab-content"); | 217 WebInspector.SettingsTab.call(this, WebInspector.UIString("General"), "gener
al-tab-content"); |
| 218 | 218 |
| 219 this._populateSectionsFromExtensions(); | 219 this._populateSectionsFromExtensions(); |
| 220 | 220 |
| 221 var restoreDefaults = this._appendSection().createChild("input", "settings-t
ab-text-button"); | 221 var restoreDefaults = this._appendSection().createChild("input", "settings-t
ab-text-button"); |
| 222 restoreDefaults.type = "button"; | 222 restoreDefaults.type = "button"; |
| 223 restoreDefaults.value = WebInspector.UIString("Restore defaults and reload")
; | 223 restoreDefaults.value = WebInspector.UIString("Restore defaults and reload")
; |
| 224 restoreDefaults.addEventListener("click", restoreAndReload); | 224 restoreDefaults.addEventListener("click", restoreAndReload, false); |
| 225 | 225 |
| 226 function restoreAndReload() | 226 function restoreAndReload() |
| 227 { | 227 { |
| 228 if (window.localStorage) | 228 if (window.localStorage) |
| 229 window.localStorage.clear(); | 229 window.localStorage.clear(); |
| 230 WebInspector.reload(); | 230 WebInspector.reload(); |
| 231 } | 231 } |
| 232 } | 232 } |
| 233 | 233 |
| 234 WebInspector.GenericSettingsTab.prototype = { | 234 WebInspector.GenericSettingsTab.prototype = { |
| (...skipping 141 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 376 var folderExcludePatternInput = WebInspector.SettingsUI.createSettingInputFi
eld(WebInspector.UIString("Folder exclude pattern"), WebInspector.settings.works
paceFolderExcludePattern, false, 0, "270px", WebInspector.SettingsUI.regexValida
tor); | 376 var folderExcludePatternInput = WebInspector.SettingsUI.createSettingInputFi
eld(WebInspector.UIString("Folder exclude pattern"), WebInspector.settings.works
paceFolderExcludePattern, false, 0, "270px", WebInspector.SettingsUI.regexValida
tor); |
| 377 this._commonSection.appendChild(folderExcludePatternInput); | 377 this._commonSection.appendChild(folderExcludePatternInput); |
| 378 | 378 |
| 379 this._fileSystemsSection = this._appendSection(WebInspector.UIString("Folder
s")); | 379 this._fileSystemsSection = this._appendSection(WebInspector.UIString("Folder
s")); |
| 380 this._fileSystemsListContainer = this._fileSystemsSection.createChild("p", "
settings-list-container"); | 380 this._fileSystemsListContainer = this._fileSystemsSection.createChild("p", "
settings-list-container"); |
| 381 | 381 |
| 382 this._addFileSystemRowElement = this._fileSystemsSection.createChild("div"); | 382 this._addFileSystemRowElement = this._fileSystemsSection.createChild("div"); |
| 383 var addFileSystemButton = this._addFileSystemRowElement.createChild("input",
"settings-tab-text-button"); | 383 var addFileSystemButton = this._addFileSystemRowElement.createChild("input",
"settings-tab-text-button"); |
| 384 addFileSystemButton.type = "button"; | 384 addFileSystemButton.type = "button"; |
| 385 addFileSystemButton.value = WebInspector.UIString("Add folder\u2026"); | 385 addFileSystemButton.value = WebInspector.UIString("Add folder\u2026"); |
| 386 addFileSystemButton.addEventListener("click", this._addFileSystemClicked.bin
d(this)); | 386 addFileSystemButton.addEventListener("click", this._addFileSystemClicked.bin
d(this), false); |
| 387 | 387 |
| 388 this._editFileSystemButton = this._addFileSystemRowElement.createChild("inpu
t", "settings-tab-text-button"); | 388 this._editFileSystemButton = this._addFileSystemRowElement.createChild("inpu
t", "settings-tab-text-button"); |
| 389 this._editFileSystemButton.type = "button"; | 389 this._editFileSystemButton.type = "button"; |
| 390 this._editFileSystemButton.value = WebInspector.UIString("Edit\u2026"); | 390 this._editFileSystemButton.value = WebInspector.UIString("Edit\u2026"); |
| 391 this._editFileSystemButton.addEventListener("click", this._editFileSystemCli
cked.bind(this)); | 391 this._editFileSystemButton.addEventListener("click", this._editFileSystemCli
cked.bind(this), false); |
| 392 this._updateEditFileSystemButtonState(); | 392 this._updateEditFileSystemButtonState(); |
| 393 | 393 |
| 394 this._reset(); | 394 this._reset(); |
| 395 } | 395 } |
| 396 | 396 |
| 397 WebInspector.WorkspaceSettingsTab.prototype = { | 397 WebInspector.WorkspaceSettingsTab.prototype = { |
| 398 wasShown: function() | 398 wasShown: function() |
| 399 { | 399 { |
| 400 WebInspector.SettingsTab.prototype.wasShown.call(this); | 400 WebInspector.SettingsTab.prototype.wasShown.call(this); |
| 401 this._reset(); | 401 this._reset(); |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 444 | 444 |
| 445 /** | 445 /** |
| 446 * @param {!WebInspector.Event} event | 446 * @param {!WebInspector.Event} event |
| 447 */ | 447 */ |
| 448 _fileSystemDoubleClicked: function(event) | 448 _fileSystemDoubleClicked: function(event) |
| 449 { | 449 { |
| 450 var id = /** @type{?string} */ (event.data); | 450 var id = /** @type{?string} */ (event.data); |
| 451 this._editFileSystem(id); | 451 this._editFileSystem(id); |
| 452 }, | 452 }, |
| 453 | 453 |
| 454 /** | 454 _editFileSystemClicked: function() |
| 455 * @param {!WebInspector.Event=} event | |
| 456 */ | |
| 457 _editFileSystemClicked: function(event) | |
| 458 { | 455 { |
| 459 this._editFileSystem(this._selectedFileSystemPath()); | 456 this._editFileSystem(this._selectedFileSystemPath()); |
| 460 }, | 457 }, |
| 461 | 458 |
| 462 /** | 459 /** |
| 463 * @param {?string} id | 460 * @param {?string} id |
| 464 */ | 461 */ |
| 465 _editFileSystem: function(id) | 462 _editFileSystem: function(id) |
| 466 { | 463 { |
| 467 WebInspector.EditFileSystemDialog.show(WebInspector.inspectorView.elemen
t, id); | 464 WebInspector.EditFileSystemDialog.show(WebInspector.inspectorView.elemen
t, id); |
| (...skipping 330 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 798 * @param {string} itemId | 795 * @param {string} itemId |
| 799 * @return {!Element} | 796 * @return {!Element} |
| 800 */ | 797 */ |
| 801 itemForId: function(itemId) | 798 itemForId: function(itemId) |
| 802 { | 799 { |
| 803 return this._listItems[itemId]; | 800 return this._listItems[itemId]; |
| 804 }, | 801 }, |
| 805 | 802 |
| 806 /** | 803 /** |
| 807 * @param {?string} id | 804 * @param {?string} id |
| 808 * @param {!Event=} event | 805 * @param {?Event=} event |
| 809 */ | 806 */ |
| 810 _onDoubleClick: function(id, event) | 807 _onDoubleClick: function(id, event) |
| 811 { | 808 { |
| 812 this.dispatchEventToListeners(WebInspector.SettingsList.Events.DoubleCli
cked, id); | 809 this.dispatchEventToListeners(WebInspector.SettingsList.Events.DoubleCli
cked, id); |
| 813 }, | 810 }, |
| 814 | 811 |
| 815 /** | 812 /** |
| 816 * @param {?string} id | 813 * @param {?string} id |
| 817 * @param {!Event=} event | 814 * @param {?Event=} event |
| 818 */ | 815 */ |
| 819 selectItem: function(id, event) | 816 selectItem: function(id, event) |
| 820 { | 817 { |
| 821 if (typeof this._selectedId !== "undefined") { | 818 if (typeof this._selectedId !== "undefined") { |
| 822 this._listItems[this._selectedId].classList.remove("selected"); | 819 this._listItems[this._selectedId].classList.remove("selected"); |
| 823 } | 820 } |
| 824 | 821 |
| 825 this._selectedId = id; | 822 this._selectedId = id; |
| 826 if (typeof this._selectedId !== "undefined") { | 823 if (typeof this._selectedId !== "undefined") { |
| 827 this._listItems[this._selectedId].classList.add("selected"); | 824 this._listItems[this._selectedId].classList.add("selected"); |
| (...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 889 /** | 886 /** |
| 890 * @param {!Element} columnElement | 887 * @param {!Element} columnElement |
| 891 * @param {string} columnId | 888 * @param {string} columnId |
| 892 * @param {?string} itemId | 889 * @param {?string} itemId |
| 893 */ | 890 */ |
| 894 _renderColumn: function(columnElement, columnId, itemId) | 891 _renderColumn: function(columnElement, columnId, itemId) |
| 895 { | 892 { |
| 896 columnElement.classList.add("settings-list-column-" + columnId); | 893 columnElement.classList.add("settings-list-column-" + columnId); |
| 897 var placeholder = (columnId === "url") ? WebInspector.UIString("URL pref
ix") : WebInspector.UIString("Folder path"); | 894 var placeholder = (columnId === "url") ? WebInspector.UIString("URL pref
ix") : WebInspector.UIString("Folder path"); |
| 898 if (itemId === null) { | 895 if (itemId === null) { |
| 899 var inputElement = columnElement.createChild("input", "list-column-e
ditor"); | 896 var inputElement = /** @type {!HTMLInputElement} */ (columnElement.c
reateChild("input", "list-column-editor")); |
| 900 inputElement.placeholder = placeholder; | 897 inputElement.placeholder = placeholder; |
| 901 inputElement.addEventListener("blur", this._onAddMappingInputBlur.bi
nd(this)); | 898 inputElement.addEventListener("blur", this._onAddMappingInputBlur.bi
nd(this), false); |
| 902 inputElement.addEventListener("input", this._validateEdit.bind(this,
itemId)); | 899 inputElement.addEventListener("input", this._validateEdit.bind(this,
itemId), false); |
| 903 this._addInputElements[columnId] = inputElement; | 900 this._addInputElements[columnId] = inputElement; |
| 904 return; | 901 return; |
| 905 } | 902 } |
| 906 var validItemId = itemId; | 903 var validItemId = itemId; |
| 907 | 904 |
| 908 if (!this._editInputElements[itemId]) | 905 if (!this._editInputElements[itemId]) |
| 909 this._editInputElements[itemId] = {}; | 906 this._editInputElements[itemId] = {}; |
| 910 if (!this._textElements[itemId]) | 907 if (!this._textElements[itemId]) |
| 911 this._textElements[itemId] = {}; | 908 this._textElements[itemId] = {}; |
| 912 | 909 |
| 913 var value = this._valuesProvider(itemId, columnId); | 910 var value = this._valuesProvider(itemId, columnId); |
| 914 | 911 |
| 915 var textElement = columnElement.createChild("span", "list-column-text"); | 912 var textElement = /** @type {!HTMLSpanElement} */ (columnElement.createC
hild("span", "list-column-text")); |
| 916 textElement.textContent = value; | 913 textElement.textContent = value; |
| 917 textElement.title = value; | 914 textElement.title = value; |
| 918 columnElement.addEventListener("click", rowClicked.bind(this), false); | 915 columnElement.addEventListener("click", rowClicked.bind(this), false); |
| 919 this._textElements[itemId][columnId] = textElement; | 916 this._textElements[itemId][columnId] = textElement; |
| 920 | 917 |
| 921 var inputElement = columnElement.createChild("input", "list-column-edito
r"); | 918 var inputElement = /** @type {!HTMLInputElement} */ (columnElement.creat
eChild("input", "list-column-editor")); |
| 922 inputElement.value = value; | 919 inputElement.value = value; |
| 923 inputElement.addEventListener("blur", this._editMappingBlur.bind(this, i
temId)); | 920 inputElement.addEventListener("blur", this._editMappingBlur.bind(this, i
temId), false); |
| 924 inputElement.addEventListener("input", this._validateEdit.bind(this, ite
mId)); | 921 inputElement.addEventListener("input", this._validateEdit.bind(this, ite
mId), false); |
| 925 columnElement.inputElement = inputElement; | 922 columnElement.inputElement = inputElement; |
| 926 this._editInputElements[itemId][columnId] = inputElement; | 923 this._editInputElements[itemId][columnId] = inputElement; |
| 927 | 924 |
| 928 /** | 925 /** |
| 929 * @param {?Event} event | 926 * @param {?Event} event |
| 930 * @this {WebInspector.EditableSettingsList} | 927 * @this {WebInspector.EditableSettingsList} |
| 931 */ | 928 */ |
| 932 function rowClicked(event) | 929 function rowClicked(event) |
| 933 { | 930 { |
| 934 if (itemId === this._editingId) | 931 if (itemId === this._editingId) |
| (...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1004 if (oldValue !== newValue) { | 1001 if (oldValue !== newValue) { |
| 1005 hasChanges = true; | 1002 hasChanges = true; |
| 1006 break; | 1003 break; |
| 1007 } | 1004 } |
| 1008 } | 1005 } |
| 1009 return hasChanges; | 1006 return hasChanges; |
| 1010 }, | 1007 }, |
| 1011 | 1008 |
| 1012 /** | 1009 /** |
| 1013 * @param {string} itemId | 1010 * @param {string} itemId |
| 1014 * @param {!Event} event | 1011 * @param {?Event} event |
| 1015 */ | 1012 */ |
| 1016 _editMappingBlur: function(itemId, event) | 1013 _editMappingBlur: function(itemId, event) |
| 1017 { | 1014 { |
| 1018 var inputElements = Object.values(this._editInputElements[itemId]); | 1015 var inputElements = Object.values(this._editInputElements[itemId]); |
| 1019 if (inputElements.indexOf(event.relatedTarget) !== -1) | 1016 if (inputElements.indexOf(event.relatedTarget) !== -1) |
| 1020 return; | 1017 return; |
| 1021 | 1018 |
| 1022 var listItem = this.itemForId(itemId); | 1019 var listItem = this.itemForId(itemId); |
| 1023 listItem.classList.remove("item-editing"); | 1020 listItem.classList.remove("item-editing"); |
| 1024 delete this._editingId; | 1021 delete this._editingId; |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1057 var columnId = columns[i]; | 1054 var columnId = columns[i]; |
| 1058 var inputElement = this._addInputElements[columnId]; | 1055 var inputElement = this._addInputElements[columnId]; |
| 1059 inputElement.value = ""; | 1056 inputElement.value = ""; |
| 1060 } | 1057 } |
| 1061 }, | 1058 }, |
| 1062 | 1059 |
| 1063 __proto__: WebInspector.SettingsList.prototype | 1060 __proto__: WebInspector.SettingsList.prototype |
| 1064 } | 1061 } |
| 1065 | 1062 |
| 1066 WebInspector._settingsController = new WebInspector.SettingsController(); | 1063 WebInspector._settingsController = new WebInspector.SettingsController(); |
| OLD | NEW |