Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(108)

Side by Side Diff: Source/devtools/front_end/StylesSidebarPane.js

Issue 136613004: DevTools: [Styles] Remove the color format selector Cog menu (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2007 Apple Inc. All rights reserved. 2 * Copyright (C) 2007 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Joseph Pecoraro 3 * Copyright (C) 2009 Joseph Pecoraro
4 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions 6 * modification, are permitted provided that the following conditions
7 * are met: 7 * are met:
8 * 8 *
9 * 1. Redistributions of source code must retain the above copyright 9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer. 10 * notice, this list of conditions and the following disclaimer.
(...skipping 19 matching lines...) Expand all
30 /** 30 /**
31 * @constructor 31 * @constructor
32 * @extends {WebInspector.SidebarPane} 32 * @extends {WebInspector.SidebarPane}
33 * @param {!WebInspector.ComputedStyleSidebarPane} computedStylePane 33 * @param {!WebInspector.ComputedStyleSidebarPane} computedStylePane
34 * @param {function(!DOMAgent.NodeId, string, boolean)} setPseudoClassCallback 34 * @param {function(!DOMAgent.NodeId, string, boolean)} setPseudoClassCallback
35 */ 35 */
36 WebInspector.StylesSidebarPane = function(computedStylePane, setPseudoClassCallb ack) 36 WebInspector.StylesSidebarPane = function(computedStylePane, setPseudoClassCallb ack)
37 { 37 {
38 WebInspector.SidebarPane.call(this, WebInspector.UIString("Styles")); 38 WebInspector.SidebarPane.call(this, WebInspector.UIString("Styles"));
39 39
40 this.settingsSelectElement = document.createElement("select");
41 this.settingsSelectElement.className = "select-settings";
42
43 var option = document.createElement("option");
44 option.value = WebInspector.Color.Format.Original;
45 option.label = WebInspector.UIString(WebInspector.useLowerCaseMenuTitles() ? "As authored" : "As Authored");
46 this.settingsSelectElement.appendChild(option);
47
48 option = document.createElement("option");
49 option.value = WebInspector.Color.Format.HEX;
50 option.label = WebInspector.UIString("Hex Colors");
51 this.settingsSelectElement.appendChild(option);
52
53 option = document.createElement("option");
54 option.value = WebInspector.Color.Format.RGB;
55 option.label = WebInspector.UIString("RGB Colors");
56 this.settingsSelectElement.appendChild(option);
57
58 option = document.createElement("option");
59 option.value = WebInspector.Color.Format.HSL;
60 option.label = WebInspector.UIString("HSL Colors");
61 this.settingsSelectElement.appendChild(option);
62
63 // Prevent section from collapsing.
64 var muteEventListener = function(event) { event.consume(true); };
65
66 this.settingsSelectElement.addEventListener("click", muteEventListener, true );
67 this.settingsSelectElement.addEventListener("change", this._changeSetting.bi nd(this), false);
68 this._updateColorFormatFilter();
69
70 this.titleElement.appendChild(this.settingsSelectElement);
71
72 this._elementStateButton = document.createElement("button"); 40 this._elementStateButton = document.createElement("button");
73 this._elementStateButton.className = "pane-title-button element-state"; 41 this._elementStateButton.className = "pane-title-button element-state";
74 this._elementStateButton.title = WebInspector.UIString("Toggle Element State "); 42 this._elementStateButton.title = WebInspector.UIString("Toggle Element State ");
75 this._elementStateButton.addEventListener("click", this._toggleElementStateP ane.bind(this), false); 43 this._elementStateButton.addEventListener("click", this._toggleElementStateP ane.bind(this), false);
76 this.titleElement.appendChild(this._elementStateButton); 44 this.titleElement.appendChild(this._elementStateButton);
77 45
78 var addButton = document.createElement("button"); 46 var addButton = document.createElement("button");
79 addButton.className = "pane-title-button add"; 47 addButton.className = "pane-title-button add";
80 addButton.id = "add-style-button-test-id"; 48 addButton.id = "add-style-button-test-id";
81 addButton.title = WebInspector.UIString("New Style Rule"); 49 addButton.title = WebInspector.UIString("New Style Rule");
(...skipping 658 matching lines...) Expand 10 before | Expand all | Expand 10 after
740 var property = properties[i]; 708 var property = properties[i];
741 // Does this style contain non-overridden inherited property? 709 // Does this style contain non-overridden inherited property?
742 if (property.isLive && WebInspector.CSSMetadata.isPropertyInherited( property.name)) 710 if (property.isLive && WebInspector.CSSMetadata.isPropertyInherited( property.name))
743 return true; 711 return true;
744 } 712 }
745 return false; 713 return false;
746 }, 714 },
747 715
748 _colorFormatSettingChanged: function(event) 716 _colorFormatSettingChanged: function(event)
749 { 717 {
750 this._updateColorFormatFilter();
751 for (var pseudoId in this.sections) { 718 for (var pseudoId in this.sections) {
752 var sections = this.sections[pseudoId]; 719 var sections = this.sections[pseudoId];
753 for (var i = 0; i < sections.length; ++i) 720 for (var i = 0; i < sections.length; ++i)
754 sections[i].update(true); 721 sections[i].update(true);
755 } 722 }
756 }, 723 },
757 724
758 _updateColorFormatFilter: function()
759 {
760 // Select the correct color format setting again, since it needs to be s elected.
761 var selectedIndex = 0;
762 var value = WebInspector.settings.colorFormat.get();
763 var options = this.settingsSelectElement.options;
764 for (var i = 0; i < options.length; ++i) {
765 if (options[i].value === value) {
766 selectedIndex = i;
767 break;
768 }
769 }
770 this.settingsSelectElement.selectedIndex = selectedIndex;
771 },
772
773 _changeSetting: function(event)
774 {
775 var options = this.settingsSelectElement.options;
776 var selectedOption = options[this.settingsSelectElement.selectedIndex];
777 WebInspector.settings.colorFormat.set(selectedOption.value);
778 },
779
780 _createNewRule: function(event) 725 _createNewRule: function(event)
781 { 726 {
782 event.consume(); 727 event.consume();
783 this.expand(); 728 this.expand();
784 this.addBlankSection().startEditingSelector(); 729 this.addBlankSection().startEditingSelector();
785 }, 730 },
786 731
787 addBlankSection: function() 732 addBlankSection: function()
788 { 733 {
789 var blankSection = new WebInspector.BlankStylePropertiesSection(this, th is.node ? WebInspector.DOMPresentationUtils.appropriateSelectorFor(this.node, tr ue) : ""); 734 var blankSection = new WebInspector.BlankStylePropertiesSection(this, th is.node ? WebInspector.DOMPresentationUtils.appropriateSelectorFor(this.node, tr ue) : "");
(...skipping 2252 matching lines...) Expand 10 before | Expand all | Expand 10 after
3042 return; 2987 return;
3043 } 2988 }
3044 2989
3045 var results = this._cssCompletions.startsWith(prefix); 2990 var results = this._cssCompletions.startsWith(prefix);
3046 var selectedIndex = this._cssCompletions.mostUsedOf(results); 2991 var selectedIndex = this._cssCompletions.mostUsedOf(results);
3047 completionsReadyCallback(results, selectedIndex); 2992 completionsReadyCallback(results, selectedIndex);
3048 }, 2993 },
3049 2994
3050 __proto__: WebInspector.TextPrompt.prototype 2995 __proto__: WebInspector.TextPrompt.prototype
3051 } 2996 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698