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

Side by Side Diff: inspector/front-end/StylesSidebarPane.js

Issue 542055: DevTools: injected script per context(WebCore part) (Closed) Base URL: http://svn.webkit.org/repository/webkit/trunk/WebCore/
Patch Set: '' Created 10 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
« no previous file with comments | « inspector/front-end/ScriptsPanel.js ('k') | inspector/front-end/WatchExpressionsSidebarPane.js » ('j') | 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 97 matching lines...) Expand 10 before | Expand all | Expand 10 after
108 108
109 var self = this; 109 var self = this;
110 function callback(styles) 110 function callback(styles)
111 { 111 {
112 if (!styles) 112 if (!styles)
113 return; 113 return;
114 node._setStyles(styles.computedStyle, styles.inlineStyle, styles.sty leAttributes, styles.matchedCSSRules); 114 node._setStyles(styles.computedStyle, styles.inlineStyle, styles.sty leAttributes, styles.matchedCSSRules);
115 self._update(refresh, body, node, editedSection, forceUpdate); 115 self._update(refresh, body, node, editedSection, forceUpdate);
116 } 116 }
117 117
118 InjectedScriptAccess.getStyles(node.id, !WebInspector.settings.showUserA gentStyles, callback); 118 InjectedScriptAccess.get(node.injectedScriptId).getStyles(node.id, !WebI nspector.settings.showUserAgentStyles, callback);
119 }, 119 },
120 120
121 _update: function(refresh, body, node, editedSection, forceUpdate) 121 _update: function(refresh, body, node, editedSection, forceUpdate)
122 { 122 {
123 if (!refresh) { 123 if (!refresh) {
124 body.removeChildren(); 124 body.removeChildren();
125 this.sections = []; 125 this.sections = [];
126 } 126 }
127 127
128 var styleRules = []; 128 var styleRules = [];
(...skipping 556 matching lines...) Expand 10 before | Expand all | Expand 10 after
685 var oldIdentifier = this.identifier; 685 var oldIdentifier = this.identifier;
686 self.identifier = newRule.selectorText + ":" + self.subtitleElement. textContent; 686 self.identifier = newRule.selectorText + ":" + self.subtitleElement. textContent;
687 687
688 self.pane.update(); 688 self.pane.update();
689 689
690 WebInspector.panels.elements.renameSelector(oldIdentifier, this.iden tifier, oldContent, newContent); 690 WebInspector.panels.elements.renameSelector(oldIdentifier, this.iden tifier, oldContent, newContent);
691 691
692 moveToNextIfNeeded.call(self); 692 moveToNextIfNeeded.call(self);
693 } 693 }
694 694
695 InjectedScriptAccess.applyStyleRuleText(this.rule.id, newContent, this.p ane.node.id, callback); 695 InjectedScriptAccess.get(this.rule.injectedScriptId).applyStyleRuleText( this.rule.id, newContent, this.pane.node.id, callback);
696 }, 696 },
697 697
698 editingSelectorCancelled: function() 698 editingSelectorCancelled: function()
699 { 699 {
700 // Do nothing, this is overridden by BlankStylePropertiesSection. 700 // Do nothing, this is overridden by BlankStylePropertiesSection.
701 } 701 }
702 } 702 }
703 703
704 WebInspector.StylePropertiesSection.prototype.__proto__ = WebInspector.Propertie sSection.prototype; 704 WebInspector.StylePropertiesSection.prototype.__proto__ = WebInspector.Propertie sSection.prototype;
705 705
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
739 self.noAffect = true; 739 self.noAffect = true;
740 self.element.addStyleClass("no-affect"); 740 self.element.addStyleClass("no-affect");
741 } 741 }
742 742
743 self.subtitleElement.textContent = WebInspector.UIString("via inspec tor"); 743 self.subtitleElement.textContent = WebInspector.UIString("via inspec tor");
744 self.expand(); 744 self.expand();
745 745
746 self.addNewBlankProperty().startEditing(); 746 self.addNewBlankProperty().startEditing();
747 } 747 }
748 748
749 InjectedScriptAccess.addStyleSelector(newContent, this.pane.node.id, cal lback); 749 InjectedScriptAccess.get(this.pane.node.injectedScriptId).addStyleSelect or(newContent, this.pane.node.id, callback);
750 }, 750 },
751 751
752 editingSelectorCancelled: function() 752 editingSelectorCancelled: function()
753 { 753 {
754 this.pane.removeSection(this); 754 this.pane.removeSection(this);
755 }, 755 },
756 756
757 makeNormal: function(styleRule) 757 makeNormal: function(styleRule)
758 { 758 {
759 this.element.removeStyleClass("blank-section"); 759 this.element.removeStyleClass("blank-section");
(...skipping 286 matching lines...) Expand 10 before | Expand all | Expand 10 after
1046 // Set the disabled property here, since the code above replies on i t not changing 1046 // Set the disabled property here, since the code above replies on i t not changing
1047 // until after the value and priority are retrieved. 1047 // until after the value and priority are retrieved.
1048 self.disabled = disabled; 1048 self.disabled = disabled;
1049 1049
1050 if (self.treeOutline.section && self.treeOutline.section.pane) 1050 if (self.treeOutline.section && self.treeOutline.section.pane)
1051 self.treeOutline.section.pane.dispatchEventToListeners("style pr operty toggled"); 1051 self.treeOutline.section.pane.dispatchEventToListeners("style pr operty toggled");
1052 1052
1053 self.updateAll(true); 1053 self.updateAll(true);
1054 } 1054 }
1055 1055
1056 InjectedScriptAccess.toggleStyleEnabled(this.style.id, this.name, disabl ed, callback); 1056 InjectedScriptAccess.get(this.style.injectedScriptId).toggleStyleEnabled (this.style.id, this.name, disabled, callback);
1057 }, 1057 },
1058 1058
1059 updateState: function() 1059 updateState: function()
1060 { 1060 {
1061 if (!this.listItemElement) 1061 if (!this.listItemElement)
1062 return; 1062 return;
1063 1063
1064 if (this.style.isPropertyImplicit(this.name) || this.value === "initial" ) 1064 if (this.style.isPropertyImplicit(this.name) || this.value === "initial" )
1065 this.listItemElement.addStyleClass("implicit"); 1065 this.listItemElement.addStyleClass("implicit");
1066 else 1066 else
(...skipping 142 matching lines...) Expand 10 before | Expand all | Expand 10 after
1209 event.preventDefault(); 1209 event.preventDefault();
1210 event.handled = true; 1210 event.handled = true;
1211 1211
1212 if (!this.originalCSSText) { 1212 if (!this.originalCSSText) {
1213 // Remember the rule's original CSS text, so it can be restored 1213 // Remember the rule's original CSS text, so it can be restored
1214 // if the editing is canceled and before each apply. 1214 // if the editing is canceled and before each apply.
1215 this.originalCSSText = this.style.styleTextWithShorthands(); 1215 this.originalCSSText = this.style.styleTextWithShorthands();
1216 } else { 1216 } else {
1217 // Restore the original CSS text before applying user changes. This is needed to prevent 1217 // Restore the original CSS text before applying user changes. This is needed to prevent
1218 // new properties from sticking around if the user adds one, then re moves it. 1218 // new properties from sticking around if the user adds one, then re moves it.
1219 InjectedScriptAccess.setStyleText(this.style.id, this.originalCSSTex t); 1219 InjectedScriptAccess.get(this.style.injectedScriptId).setStyleText(t his.style.id, this.originalCSSText);
1220 } 1220 }
1221 1221
1222 this.applyStyleText(this.listItemElement.textContent); 1222 this.applyStyleText(this.listItemElement.textContent);
1223 }, 1223 },
1224 1224
1225 editingEnded: function(context) 1225 editingEnded: function(context)
1226 { 1226 {
1227 this.hasChildren = context.hasChildren; 1227 this.hasChildren = context.hasChildren;
1228 if (context.expanded) 1228 if (context.expanded)
1229 this.expand(); 1229 this.expand();
1230 delete this.listItemElement.handleKeyEvent; 1230 delete this.listItemElement.handleKeyEvent;
1231 delete this.originalCSSText; 1231 delete this.originalCSSText;
1232 }, 1232 },
1233 1233
1234 editingCancelled: function(element, context) 1234 editingCancelled: function(element, context)
1235 { 1235 {
1236 if (this._newProperty) 1236 if (this._newProperty)
1237 this.treeOutline.removeChild(this); 1237 this.treeOutline.removeChild(this);
1238 else if (this.originalCSSText) { 1238 else if (this.originalCSSText) {
1239 InjectedScriptAccess.setStyleText(this.style.id, this.originalCSSTex t); 1239 InjectedScriptAccess.get(this.style.injectedScriptId).setStyleText(t his.style.id, this.originalCSSText);
1240 1240
1241 if (this.treeOutline.section && this.treeOutline.section.pane) 1241 if (this.treeOutline.section && this.treeOutline.section.pane)
1242 this.treeOutline.section.pane.dispatchEventToListeners("style ed ited"); 1242 this.treeOutline.section.pane.dispatchEventToListeners("style ed ited");
1243 1243
1244 this.updateAll(); 1244 this.updateAll();
1245 } else 1245 } else
1246 this.updateTitle(); 1246 this.updateTitle();
1247 1247
1248 this.editingEnded(context); 1248 this.editingEnded(context);
1249 }, 1249 },
(...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after
1354 if (section && section.pane) 1354 if (section && section.pane)
1355 section.pane.dispatchEventToListeners("style edited"); 1355 section.pane.dispatchEventToListeners("style edited");
1356 1356
1357 if (updateInterface) 1357 if (updateInterface)
1358 self.updateAll(true); 1358 self.updateAll(true);
1359 1359
1360 if (!section.rule) 1360 if (!section.rule)
1361 WebInspector.panels.elements.treeOutline.update(); 1361 WebInspector.panels.elements.treeOutline.update();
1362 } 1362 }
1363 1363
1364 InjectedScriptAccess.applyStyleText(this.style.id, styleText.trimWhitesp ace(), this.name, callback); 1364 InjectedScriptAccess.get(this.style.injectedScriptId).applyStyleText(thi s.style.id, styleText.trimWhitespace(), this.name, callback);
1365 } 1365 }
1366 } 1366 }
1367 1367
1368 WebInspector.StylePropertyTreeElement.prototype.__proto__ = TreeElement.prototyp e; 1368 WebInspector.StylePropertyTreeElement.prototype.__proto__ = TreeElement.prototyp e;
OLDNEW
« no previous file with comments | « inspector/front-end/ScriptsPanel.js ('k') | inspector/front-end/WatchExpressionsSidebarPane.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698