Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (184818 => 184819)
--- trunk/Source/WebInspectorUI/ChangeLog 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/ChangeLog 2015-05-23 06:27:24 UTC (rev 184819)
@@ -1,5 +1,88 @@
2015-05-22 Joseph Pecoraro <[email protected]>
+ Web Inspector: Inline use once class names and remove some unused class names
+ https://bugs.webkit.org/show_bug.cgi?id=145334
+
+ Reviewed by Timothy Hatcher.
+
+ * UserInterface/Views/ApplicationCacheFrameContentView.js:
+ (WebInspector.ApplicationCacheFrameContentView):
+ * UserInterface/Views/BoxModelDetailsSectionRow.js:
+ (WebInspector.BoxModelDetailsSectionRow):
+ * UserInterface/Views/CSSStyleDeclarationSection.js:
+ (WebInspector.CSSStyleDeclarationSection):
+ * UserInterface/Views/CSSStyleDetailsSidebarPanel.js:
+ (WebInspector.CSSStyleDetailsSidebarPanel):
+ * UserInterface/Views/ClusterContentView.js:
+ (WebInspector.ClusterContentView):
+ * UserInterface/Views/CompletionSuggestionsView.js:
+ (WebInspector.CompletionSuggestionsView):
+ * UserInterface/Views/ConsolePrompt.js:
+ (WebInspector.ConsolePrompt):
+ * UserInterface/Views/ContentBrowser.js:
+ (WebInspector.ContentBrowser):
+ * UserInterface/Views/ContentFlowTreeElement.js:
+ (WebInspector.ContentFlowTreeElement):
+ * UserInterface/Views/ContentView.js:
+ (WebInspector.ContentView):
+ * UserInterface/Views/ContentViewContainer.js:
+ (WebInspector.ContentViewContainer):
+ * UserInterface/Views/CookieStorageContentView.js:
+ (WebInspector.CookieStorageContentView):
+ * UserInterface/Views/CookieStorageTreeElement.js:
+ (WebInspector.CookieStorageTreeElement):
+ * UserInterface/Views/DOMStorageContentView.js:
+ (WebInspector.DOMStorageContentView):
+ * UserInterface/Views/DOMTreeContentView.js:
+ (WebInspector.DOMTreeContentView):
+ * UserInterface/Views/DashboardView.js:
+ (WebInspector.DashboardView):
+ * UserInterface/Views/DatabaseTableContentView.js:
+ (WebInspector.DatabaseTableContentView):
+ * UserInterface/Views/DebuggerDashboardView.js:
+ (WebInspector.DebuggerDashboardView):
+ (WebInspector.DebuggerDashboardView.prototype._rebuildLocation):
+ * UserInterface/Views/DetailsSection.js:
+ (WebInspector.DetailsSection):
+ * UserInterface/Views/DetailsSectionSimpleRow.js:
+ * UserInterface/Views/FontResourceContentView.js:
+ (WebInspector.FontResourceContentView):
+ (WebInspector.FontResourceContentView.prototype.createMetricElement):
+ (WebInspector.FontResourceContentView.prototype.contentAvailable):
+ * UserInterface/Views/HierarchicalPathComponent.js:
+ (WebInspector.HierarchicalPathComponent):
+ (WebInspector.HierarchicalPathComponent.prototype.set selectorArrows):
+ * UserInterface/Views/IndexedDatabaseObjectStoreContentView.js:
+ * UserInterface/Views/LayoutTimelineOverviewGraph.js:
+ (WebInspector.LayoutTimelineOverviewGraph):
+ * UserInterface/Views/NetworkTimelineOverviewGraph.js:
+ (WebInspector.NetworkTimelineOverviewGraph):
+ * UserInterface/Views/OverviewTimelineView.js:
+ * UserInterface/Views/ProbeSetDetailsSection.js:
+ * UserInterface/Views/QuickConsole.js:
+ * UserInterface/Views/ReplayDashboardView.js:
+ * UserInterface/Views/ScriptContentView.js:
+ (WebInspector.ScriptContentView):
+ * UserInterface/Views/ScriptTimelineOverviewGraph.js:
+ (WebInspector.ScriptTimelineOverviewGraph):
+ * UserInterface/Views/TextContentView.js:
+ (WebInspector.TextContentView):
+ * UserInterface/Views/TimelineOverview.js:
+ (WebInspector.TimelineOverview):
+ * UserInterface/Views/TimelineOverviewGraph.js:
+ (WebInspector.TimelineOverviewGraph):
+ * UserInterface/Views/TimelineRecordBar.js:
+ (WebInspector.TimelineRecordBar):
+ * UserInterface/Views/TimelineRecordFrame.js:
+ (WebInspector.TimelineRecordFrame):
+ * UserInterface/Views/TimelineRecordingContentView.js:
+ (WebInspector.TimelineRecordingContentView):
+ * UserInterface/Views/TimelineRuler.js:
+ (WebInspector.TimelineRuler):
+ (WebInspector.TimelineRuler.prototype.set allowsTimeRangeSelection):
+
+2015-05-22 Joseph Pecoraro <[email protected]>
+
Web Inspector: DOMTree Keyboard Shortcut 'H' to toggle element visibility is not working
https://bugs.webkit.org/show_bug.cgi?id=145331
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ApplicationCacheFrameContentView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ApplicationCacheFrameContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ApplicationCacheFrameContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -29,7 +29,7 @@
WebInspector.ContentView.call(this, representedObject);
- this.element.classList.add(WebInspector.ApplicationCacheFrameContentView.StyleClassName);
+ this.element.classList.add("application-cache-frame");
this.element.classList.add("storage-view");
this.element.classList.add("table");
@@ -48,8 +48,6 @@
WebInspector.applicationCacheManager.addEventListener(WebInspector.ApplicationCacheManager.Event.FrameManifestStatusChanged, this._updateStatus, this);
}
-WebInspector.ApplicationCacheFrameContentView.StyleClassName = "application-cache-frame";
-
WebInspector.ApplicationCacheFrameContentView.prototype = {
constructor: WebInspector.ApplicationCacheFrameContentView,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -29,7 +29,7 @@
{
super(WebInspector.UIString("No Box Model Information"));
- this.element.classList.add(WebInspector.BoxModelDetailsSectionRow.StyleClassName);
+ this.element.classList.add("box-model");
this._nodeStyles = null;
}
@@ -424,6 +424,5 @@
}
};
-WebInspector.BoxModelDetailsSectionRow.StyleClassName = "box-model";
WebInspector.BoxModelDetailsSectionRow.StyleValueDelimiters = " \xA0\t\n\"':;,/()";
WebInspector.BoxModelDetailsSectionRow.CSSNumberRegex = /^(-?(?:\d+(?:\.\d+)?|\.\d+))$/;
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -32,26 +32,26 @@
this._style = style || null;
this._element = document.createElement("div");
- this._element.className = WebInspector.CSSStyleDeclarationSection.StyleClassName;
+ this._element.className = "style-declaration-section";
this._headerElement = document.createElement("div");
- this._headerElement.className = WebInspector.CSSStyleDeclarationSection.HeaderElementStyleClassName;
+ this._headerElement.className = "header";
this._iconElement = document.createElement("img");
- this._iconElement.className = WebInspector.CSSStyleDeclarationSection.IconElementStyleClassName;
+ this._iconElement.className = "icon";
this._headerElement.appendChild(this._iconElement);
this._selectorElement = document.createElement("span");
- this._selectorElement.className = WebInspector.CSSStyleDeclarationSection.SelectorElementStyleClassName;
+ this._selectorElement.className = "selector";
this._selectorElement.setAttribute("spellcheck", "false");
this._headerElement.appendChild(this._selectorElement);
this._originElement = document.createElement("span");
- this._originElement.className = WebInspector.CSSStyleDeclarationSection.OriginElementStyleClassName;
+ this._originElement.className = "origin";
this._headerElement.appendChild(this._originElement);
this._propertiesElement = document.createElement("div");
- this._propertiesElement.className = WebInspector.CSSStyleDeclarationSection.PropertiesElementStyleClassName;
+ this._propertiesElement.className = "properties";
this._propertiesTextEditor = new WebInspector.CSSStyleDeclarationTextEditor(this, style);
this._propertiesElement.appendChild(this._propertiesTextEditor.element);
@@ -106,15 +106,9 @@
this.refresh();
};
-WebInspector.CSSStyleDeclarationSection.StyleClassName = "style-declaration-section";
WebInspector.CSSStyleDeclarationSection.LockedStyleClassName = "locked";
WebInspector.CSSStyleDeclarationSection.SelectorLockedStyleClassName = "selector-locked";
WebInspector.CSSStyleDeclarationSection.LastInGroupStyleClassName = "last-in-group";
-WebInspector.CSSStyleDeclarationSection.HeaderElementStyleClassName = "header";
-WebInspector.CSSStyleDeclarationSection.IconElementStyleClassName = "icon";
-WebInspector.CSSStyleDeclarationSection.SelectorElementStyleClassName = "selector";
-WebInspector.CSSStyleDeclarationSection.OriginElementStyleClassName = "origin";
-WebInspector.CSSStyleDeclarationSection.PropertiesElementStyleClassName = "properties";
WebInspector.CSSStyleDeclarationSection.MatchedSelectorElementStyleClassName = "matched";
WebInspector.CSSStyleDeclarationSection.AuthorStyleRuleIconStyleClassName = "author-style-rule-icon";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -39,7 +39,7 @@
if (WebInspector.cssStyleManager.canForcePseudoClasses()) {
this._forcedPseudoClassContainer = document.createElement("div");
- this._forcedPseudoClassContainer.className = WebInspector.CSSStyleDetailsSidebarPanel.PseudoClassesElementStyleClassName;
+ this._forcedPseudoClassContainer.className = "pseudo-classes";
var groupElement = null;
@@ -60,7 +60,7 @@
if (!groupElement || groupElement.children.length === 2) {
groupElement = document.createElement("div");
- groupElement.className = WebInspector.CSSStyleDetailsSidebarPanel.PseudoClassesGroupElementStyleClassName;
+ groupElement.className = "group";
this._forcedPseudoClassContainer.appendChild(groupElement);
}
@@ -226,6 +226,4 @@
}
};
-WebInspector.CSSStyleDetailsSidebarPanel.PseudoClassesElementStyleClassName = "pseudo-classes";
-WebInspector.CSSStyleDetailsSidebarPanel.PseudoClassesGroupElementStyleClassName = "group";
WebInspector.CSSStyleDetailsSidebarPanel.NoForcedPseudoClassesScrollOffset = 38; // Default height of the forced pseudo classes container. Updated in widthDidChange.
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ClusterContentView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ClusterContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ClusterContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -27,7 +27,7 @@
{
WebInspector.ContentView.call(this, representedObject);
- this.element.classList.add(WebInspector.ClusterContentView.StyleClassName);
+ this.element.classList.add("cluster");
this._contentViewContainer = new WebInspector.ContentViewContainer();
this._contentViewContainer.addEventListener(WebInspector.ContentViewContainer.Event.CurrentContentViewDidChange, this._currentContentViewDidChange, this);
@@ -38,8 +38,6 @@
WebInspector.ContentView.addEventListener(WebInspector.ContentView.Event.NumberOfSearchResultsDidChange, this._contentViewNumberOfSearchResultsDidChange, this);
};
-WebInspector.ClusterContentView.StyleClassName = "cluster";
-
WebInspector.ClusterContentView.prototype = {
constructor: WebInspector.ClusterContentView,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -34,10 +34,10 @@
this._selectedIndex = NaN;
this._element = document.createElement("div");
- this._element.className = WebInspector.CompletionSuggestionsView.StyleClassName;
+ this._element.className = "completion-suggestions";
this._containerElement = document.createElement("div");
- this._containerElement.className = WebInspector.CompletionSuggestionsView.ContainerElementStyleClassName;
+ this._containerElement.className = "completion-suggestions-container";
this._containerElement.addEventListener("mousedown", this._mouseDown.bind(this));
this._containerElement.addEventListener("mouseup", this._mouseUp.bind(this));
this._containerElement.addEventListener("click", this._itemClicked.bind(this));
@@ -219,7 +219,5 @@
}
};
-WebInspector.CompletionSuggestionsView.StyleClassName = "completion-suggestions";
-WebInspector.CompletionSuggestionsView.ContainerElementStyleClassName = "completion-suggestions-container";
WebInspector.CompletionSuggestionsView.ItemElementStyleClassName = "item";
WebInspector.CompletionSuggestionsView.SelectedItemStyleClassName = "selected";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ConsolePrompt.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ConsolePrompt.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ConsolePrompt.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -31,7 +31,7 @@
mimeType = parseMIMEType(mimeType).type;
this._element = element || document.createElement("div");
- this._element.classList.add(WebInspector.ConsolePrompt.StyleClassName);
+ this._element.classList.add("console-prompt");
this._element.classList.add(WebInspector.SyntaxHighlightedStyleClassName);
this._delegate = delegate || null;
@@ -63,7 +63,6 @@
this._historyIndex = 0;
};
-WebInspector.ConsolePrompt.StyleClassName = "console-prompt";
WebInspector.ConsolePrompt.MaximumHistorySize = 30;
WebInspector.ConsolePrompt.prototype = {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -29,7 +29,7 @@
// WebInspector.Object.call(this);
this._element = element || document.createElement("div");
- this._element.classList.add(WebInspector.ContentBrowser.StyleClassName);
+ this._element.classList.add("content-browser");
this._navigationBar = new WebInspector.NavigationBar;
this._element.appendChild(this._navigationBar.element);
@@ -92,8 +92,6 @@
// FIXME: Move to a WebInspector.Object subclass and we can remove this.
WebInspector.Object.deprecatedAddConstructorFunctions(WebInspector.ContentBrowser);
-WebInspector.ContentBrowser.StyleClassName = "content-browser";
-
WebInspector.ContentBrowser.Event = {
CurrentRepresentedObjectsDidChange: "content-browser-current-represented-objects-did-change",
CurrentContentViewDidChange: "content-browser-current-content-view-did-change"
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ContentFlowTreeElement.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ContentFlowTreeElement.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ContentFlowTreeElement.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -34,10 +34,8 @@
{
console.assert(representedObject instanceof WebInspector.ContentFlow);
- super([WebInspector.ContentFlowTreeElement.StyleClassName, WebInspector.ContentFlowTreeElement.ContentFlowIconStyleClassName], representedObject.name, null, representedObject, false);
+ super("content-flow-icon", representedObject.name, null, representedObject, false);
this.small = true;
}
};
-
-WebInspector.ContentFlowTreeElement.ContentFlowIconStyleClassName = "content-flow-icon";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ContentView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -132,7 +132,7 @@
this._representedObject = representedObject;
this._element = document.createElement("div");
- this._element.classList.add(WebInspector.ContentView.StyleClassName);
+ this._element.classList.add("content-view");
this._parentContainer = null;
};
@@ -183,8 +183,6 @@
return false;
};
-WebInspector.ContentView.StyleClassName = "content-view";
-
WebInspector.ContentView.Event = {
SelectionPathComponentsDidChange: "content-view-selection-path-components-did-change",
SupplementalRepresentedObjectsDidChange: "content-view-supplemental-represented-objects-did-change",
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ContentViewContainer.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ContentViewContainer.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ContentViewContainer.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -29,14 +29,12 @@
// WebInspector.Object.call(this);
this._element = element || document.createElement("div");
- this._element.classList.add(WebInspector.ContentViewContainer.StyleClassName);
+ this._element.classList.add("content-view-container");
this._backForwardList = [];
this._currentIndex = -1;
};
-WebInspector.ContentViewContainer.StyleClassName = "content-view-container";
-
WebInspector.ContentViewContainer.Event = {
CurrentContentViewDidChange: "content-view-container-current-content-view-did-change"
};
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageContentView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -27,13 +27,11 @@
{
WebInspector.ContentView.call(this, representedObject);
- this.element.classList.add(WebInspector.CookieStorageContentView.StyleClassName);
+ this.element.classList.add("cookie-storage");
this.update();
};
-WebInspector.CookieStorageContentView.StyleClassName = "cookie-storage";
-
WebInspector.CookieStorageContentView.prototype = {
constructor: WebInspector.CookieStorageContentView,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageTreeElement.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageTreeElement.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageTreeElement.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -29,7 +29,7 @@
{
console.assert(representedObject instanceof WebInspector.CookieStorageObject);
- super(WebInspector.CookieStorageTreeElement.CookieIconStyleClassName, WebInspector.displayNameForHost(representedObject.host), representedObject);
+ super("cookie-icon", WebInspector.displayNameForHost(representedObject.host), representedObject);
}
// Public
@@ -44,5 +44,3 @@
return WebInspector.UIString("Cookies");
}
};
-
-WebInspector.CookieStorageTreeElement.CookieIconStyleClassName = "cookie-icon";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DOMStorageContentView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DOMStorageContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DOMStorageContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -28,7 +28,7 @@
{
WebInspector.ContentView.call(this, representedObject);
- this.element.classList.add(WebInspector.DOMStorageContentView.StyleClassName);
+ this.element.classList.add("dom-storage");
representedObject.addEventListener(WebInspector.DOMStorageObject.Event.ItemsCleared, this.itemsCleared, this);
representedObject.addEventListener(WebInspector.DOMStorageObject.Event.ItemAdded, this.itemAdded, this);
@@ -49,7 +49,6 @@
this._populate();
};
-WebInspector.DOMStorageContentView.StyleClassName = "dom-storage";
WebInspector.DOMStorageContentView.DuplicateKeyStyleClassName = "duplicate-key";
WebInspector.DOMStorageContentView.MissingKeyStyleClassName = "missing-key";
WebInspector.DOMStorageContentView.MissingValueStyleClassName = "missing-value";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeContentView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -44,7 +44,7 @@
this._showsShadowDOMButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._toggleShowsShadowDOMSetting, this);
this._showShadowDOMSettingChanged();
- this.element.classList.add(WebInspector.DOMTreeContentView.StyleClassName);
+ this.element.classList.add("dom-tree");
this.element.addEventListener("click", this._mouseWasClicked.bind(this), false);
this._domTreeOutline = new WebInspector.DOMTreeOutline(true, true, true);
@@ -63,8 +63,6 @@
this._numberOfSearchResults = null;
};
-WebInspector.DOMTreeContentView.StyleClassName = "dom-tree";
-
WebInspector.DOMTreeContentView.prototype = {
constructor: WebInspector.DOMTreeContentView,
__proto__: WebInspector.ContentView.prototype,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DashboardView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DashboardView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DashboardView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -34,7 +34,7 @@
this._representedObject = representedObject;
this._element = document.createElement("div");
- this._element.classList.add(WebInspector.DashboardView.StyleClassName);
+ this._element.classList.add("dashboard");
this._element.classList.add(identifier);
}
@@ -83,5 +83,3 @@
// Implemented by subclasses.
}
};
-
-WebInspector.DashboardView.StyleClassName = "dashboard";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DatabaseTableContentView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DatabaseTableContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DatabaseTableContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -27,7 +27,7 @@
{
WebInspector.ContentView.call(this, representedObject);
- this.element.classList.add(WebInspector.DatabaseTableContentView.StyleClassName);
+ this.element.classList.add("database-table");
this._refreshButtonNavigationItem = new WebInspector.ButtonNavigationItem("database-table-refresh", WebInspector.UIString("Refresh"), "Images/ReloadFull.svg", 13, 13);
this._refreshButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._refreshButtonClicked, this);
@@ -35,8 +35,6 @@
this.update();
};
-WebInspector.DatabaseTableContentView.StyleClassName = "database-table";
-
WebInspector.DatabaseTableContentView.prototype = {
constructor: WebInspector.DatabaseTableContentView,
__proto__: WebInspector.ContentView.prototype,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -41,16 +41,16 @@
this._navigationBar.addNavigationItem(this._debuggerResumeButtonItem);
var message = this._messageElement = document.createElement("div");
- message.classList.add(WebInspector.DebuggerDashboardView.MessageStyleClassName);
+ message.classList.add("message");
message.title = message.textContent = WebInspector.UIString("Debugger Paused");
this.element.appendChild(message);
var dividerElement = document.createElement("div");
- dividerElement.classList.add(WebInspector.DebuggerDashboardView.DividerStyleClassName);
+ dividerElement.classList.add("divider");
this.element.appendChild(dividerElement);
var locationElement = this._locationElement = document.createElement("div");
- locationElement.classList.add(WebInspector.DebuggerDashboardView.LocationStyleClassName);
+ locationElement.classList.add("location");
this.element.appendChild(locationElement);
this._rebuildLocation();
@@ -80,12 +80,12 @@
this._locationElement.appendChild(iconElement);
var iconImageElement = document.createElement("img");
- iconImageElement.className = WebInspector.DebuggerDashboardView.IconStyleClassName;
+ iconImageElement.className = "icon";
iconElement.appendChild(iconImageElement);
var nameElement = document.createElement("div");
nameElement.appendChild(document.createTextNode(functionName));
- nameElement.classList.add(WebInspector.DebuggerDashboardView.FunctionNameStyleClassName);
+ nameElement.classList.add("function-name");
this._locationElement.appendChild(nameElement);
var sourceCodeLocation = WebInspector.debuggerManager.activeCallFrame.sourceCodeLocation;
@@ -102,9 +102,3 @@
WebInspector.DebuggerDashboardView.FunctionIconStyleClassName = WebInspector.CallFrameView.FunctionIconStyleClassName;
WebInspector.DebuggerDashboardView.EventListenerIconStyleClassName = WebInspector.CallFrameView.EventListenerIconStyleClassName;
-
-WebInspector.DebuggerDashboardView.IconStyleClassName = "icon";
-WebInspector.DebuggerDashboardView.MessageStyleClassName = "message";
-WebInspector.DebuggerDashboardView.DividerStyleClassName = "divider";
-WebInspector.DebuggerDashboardView.LocationStyleClassName = "location";
-WebInspector.DebuggerDashboardView.FunctionNameStyleClassName = "function-name";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -36,7 +36,7 @@
this._headerElement = document.createElement("div");
this._headerElement.addEventListener("click", this._headerElementClicked.bind(this));
- this._headerElement.className = WebInspector.DetailsSection.HeaderElementStyleClassName;
+ this._headerElement.className = "header";
this._element.appendChild(this._headerElement);
if (optionsElement instanceof HTMLElement) {
@@ -50,7 +50,7 @@
this._headerElement.appendChild(this._titleElement);
this._contentElement = document.createElement("div");
- this._contentElement.className = WebInspector.DetailsSection.ContentElementStyleClassName;
+ this._contentElement.className = "content";
this._element.appendChild(this._contentElement);
this._generateDisclosureTrianglesIfNeeded();
@@ -160,9 +160,6 @@
}
};
-WebInspector.DetailsSection.HeaderElementStyleClassName = "header";
-WebInspector.DetailsSection.TitleElementStyleClassName = "title";
-WebInspector.DetailsSection.ContentElementStyleClassName = "content";
WebInspector.DetailsSection.CollapsedStyleClassName = "collapsed";
WebInspector.DetailsSection.MouseOverOptionsElementStyleClassName = "mouse-over-options-element";
WebInspector.DetailsSection.DisclosureTriangleOpenCanvasIdentifier = "details-section-disclosure-triangle-open";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSectionSimpleRow.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSectionSimpleRow.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSectionSimpleRow.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -32,11 +32,11 @@
this.element.classList.add("simple");
this._labelElement = document.createElement("div");
- this._labelElement.className = WebInspector.DetailsSectionSimpleRow.LabelElementStyleClassName;
+ this._labelElement.className = "label";
this.element.appendChild(this._labelElement);
this._valueElement = document.createElement("div");
- this._valueElement.className = WebInspector.DetailsSectionSimpleRow.ValueElementStyleClassName;
+ this._valueElement.className = "value";
this.element.appendChild(this._valueElement);
// Workaround for <rdar://problem/12668870> Triple-clicking text within a
@@ -113,5 +113,3 @@
WebInspector.DetailsSectionSimpleRow.DataStyleClassName = "data";
WebInspector.DetailsSectionSimpleRow.EmptyStyleClassName = "empty";
-WebInspector.DetailsSectionSimpleRow.LabelElementStyleClassName = "label";
-WebInspector.DetailsSectionSimpleRow.ValueElementStyleClassName = "value";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -25,7 +25,7 @@
WebInspector.FontResourceContentView = function(resource)
{
- WebInspector.ResourceContentView.call(this, resource, WebInspector.FontResourceContentView.StyleClassName);
+ WebInspector.ResourceContentView.call(this, resource, "font");
this._styleElement = null;
this._previewElement = null;
@@ -33,16 +33,6 @@
WebInspector.FontResourceContentView._uniqueFontIdentifier = 0;
-WebInspector.FontResourceContentView.StyleClassName = "font";
-WebInspector.FontResourceContentView.PreviewElementStyleClassName = "preview";
-WebInspector.FontResourceContentView.LineElementStyleClassName = "line";
-WebInspector.FontResourceContentView.ContentElementStyleClassName = "content";
-WebInspector.FontResourceContentView.MetricElementStyleClassName = "metric";
-WebInspector.FontResourceContentView.TopMetricElementStyleClassName = "top";
-WebInspector.FontResourceContentView.XHeightMetricElementStyleClassName = "xheight";
-WebInspector.FontResourceContentView.MiddleMetricElementStyleClassName = "middle";
-WebInspector.FontResourceContentView.BaselineMetricElementStyleClassName = "baseline";
-WebInspector.FontResourceContentView.BottomMetricElementStyleClassName = "bottom";
WebInspector.FontResourceContentView.PreviewLines = ["ABCDEFGHIJKLM", "NOPQRSTUVWXYZ", "abcdefghijklm", "nopqrstuvwxyz", "1234567890"];
WebInspector.FontResourceContentView.MaximumFontSize = 72;
@@ -96,29 +86,29 @@
document.head.appendChild(this._styleElement);
this._previewElement = document.createElement("div");
- this._previewElement.className = WebInspector.FontResourceContentView.PreviewElementStyleClassName;
+ this._previewElement.className = "preview";
this._previewElement.style.fontFamily = uniqueFontName;
function createMetricElement(className)
{
var metricElement = document.createElement("div");
- metricElement.className = WebInspector.FontResourceContentView.MetricElementStyleClassName + " " + className;
+ metricElement.className = "metric " + className;
return metricElement;
}
var lines = WebInspector.FontResourceContentView.PreviewLines;
for (var i = 0; i < lines.length; ++i) {
var lineElement = document.createElement("div");
- lineElement.className = WebInspector.FontResourceContentView.LineElementStyleClassName;
+ lineElement.className = "line";
- lineElement.appendChild(createMetricElement(WebInspector.FontResourceContentView.TopMetricElementStyleClassName));
- lineElement.appendChild(createMetricElement(WebInspector.FontResourceContentView.XHeightMetricElementStyleClassName));
- lineElement.appendChild(createMetricElement(WebInspector.FontResourceContentView.MiddleMetricElementStyleClassName));
- lineElement.appendChild(createMetricElement(WebInspector.FontResourceContentView.BaselineMetricElementStyleClassName));
- lineElement.appendChild(createMetricElement(WebInspector.FontResourceContentView.BottomMetricElementStyleClassName));
+ lineElement.appendChild(createMetricElement("top"));
+ lineElement.appendChild(createMetricElement("xheight"));
+ lineElement.appendChild(createMetricElement("middle"));
+ lineElement.appendChild(createMetricElement("baseline"));
+ lineElement.appendChild(createMetricElement("bottom"));
var contentElement = document.createElement("div");
- contentElement.className = WebInspector.FontResourceContentView.ContentElementStyleClassName;
+ contentElement.className = "content";
contentElement.textContent = lines[i];
lineElement.appendChild(contentElement);
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/HierarchicalPathComponent.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/HierarchicalPathComponent.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/HierarchicalPathComponent.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -48,21 +48,21 @@
if (!textOnly) {
this._iconElement = document.createElement("img");
- this._iconElement.className = WebInspector.HierarchicalPathComponent.IconElementStyleClassName;
+ this._iconElement.className = "icon";
this._element.appendChild(this._iconElement);
} else
this._element.classList.add(WebInspector.HierarchicalPathComponent.TextOnlyStyleClassName);
this._titleElement = document.createElement("div");
- this._titleElement.className = WebInspector.HierarchicalPathComponent.TitleElementStyleClassName;
+ this._titleElement.className = "title";
this._element.appendChild(this._titleElement);
this._titleContentElement = document.createElement("div");
- this._titleContentElement.className = WebInspector.HierarchicalPathComponent.TitleContentElementStyleClassName;
+ this._titleContentElement.className = "content";
this._titleElement.appendChild(this._titleContentElement);
this._separatorElement = document.createElement("div");
- this._separatorElement.className = WebInspector.HierarchicalPathComponent.SeparatorElementStyleClassName;
+ this._separatorElement.className = "separator";
this._element.appendChild(this._separatorElement);
this._selectElement = document.createElement("select");
@@ -198,7 +198,7 @@
{
if (flag) {
this._selectorArrowsElement = document.createElement("img");
- this._selectorArrowsElement.className = WebInspector.HierarchicalPathComponent.SelectorArrowsElementStyleClassName;
+ this._selectorArrowsElement.className = "selector-arrows";
this._element.insertBefore(this._selectorArrowsElement, this._separatorElement);
this._element.classList.add(WebInspector.HierarchicalPathComponent.ShowSelectorArrowsStyleClassName);
@@ -316,13 +316,8 @@
WebInspector.HierarchicalPathComponent.HiddenStyleClassName = "hidden";
WebInspector.HierarchicalPathComponent.CollapsedStyleClassName = "collapsed";
-WebInspector.HierarchicalPathComponent.IconElementStyleClassName = "icon";
WebInspector.HierarchicalPathComponent.TextOnlyStyleClassName = "text-only";
WebInspector.HierarchicalPathComponent.ShowSelectorArrowsStyleClassName = "show-selector-arrows";
-WebInspector.HierarchicalPathComponent.TitleElementStyleClassName = "title";
-WebInspector.HierarchicalPathComponent.TitleContentElementStyleClassName = "content";
-WebInspector.HierarchicalPathComponent.SelectorArrowsElementStyleClassName = "selector-arrows";
-WebInspector.HierarchicalPathComponent.SeparatorElementStyleClassName = "separator";
WebInspector.HierarchicalPathComponent.MinimumWidth = 32;
WebInspector.HierarchicalPathComponent.MinimumWidthCollapsed = 24;
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseObjectStoreContentView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseObjectStoreContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseObjectStoreContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -27,7 +27,7 @@
{
WebInspector.ContentView.call(this, objectStoreOrIndex);
- this.element.classList.add(WebInspector.IndexedDatabaseObjectStoreContentView.StyleClassName);
+ this.element.classList.add("indexed-database-object-store");
if (objectStoreOrIndex instanceof WebInspector.IndexedDatabaseObjectStore) {
this._objectStore = objectStoreOrIndex;
@@ -77,8 +77,6 @@
this._refreshButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._refreshButtonClicked, this);
};
-WebInspector.IndexedDatabaseObjectStoreContentView.StyleClassName = "indexed-database-object-store";
-
WebInspector.IndexedDatabaseObjectStoreContentView.prototype = {
constructor: WebInspector.IndexedDatabaseObjectStoreContentView,
__proto__: WebInspector.ContentView.prototype,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/LayoutTimelineOverviewGraph.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/LayoutTimelineOverviewGraph.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/LayoutTimelineOverviewGraph.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -27,7 +27,7 @@
{
WebInspector.TimelineOverviewGraph.call(this, timeline);
- this.element.classList.add(WebInspector.LayoutTimelineOverviewGraph.StyleClassName);
+ this.element.classList.add("layout");
this._layoutTimeline = timeline;
this._layoutTimeline.addEventListener(WebInspector.Timeline.Event.RecordAdded, this._layoutTimelineRecordAdded, this);
@@ -37,8 +37,6 @@
this.reset();
};
-WebInspector.LayoutTimelineOverviewGraph.StyleClassName = "layout";
-
WebInspector.LayoutTimelineOverviewGraph.prototype = {
constructor: WebInspector.LayoutTimelineOverviewGraph,
__proto__: WebInspector.TimelineOverviewGraph.prototype,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTimelineOverviewGraph.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTimelineOverviewGraph.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTimelineOverviewGraph.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -28,7 +28,7 @@
{
WebInspector.TimelineOverviewGraph.call(this, timeline);
- this.element.classList.add(WebInspector.NetworkTimelineOverviewGraph.StyleClassName);
+ this.element.classList.add("network");
timeline.addEventListener(WebInspector.Timeline.Event.RecordAdded, this._networkTimelineRecordAdded, this);
timeline.addEventListener(WebInspector.Timeline.Event.TimesUpdated, this.needsLayout, this);
@@ -36,7 +36,6 @@
this.reset();
};
-WebInspector.NetworkTimelineOverviewGraph.StyleClassName = "network";
WebInspector.NetworkTimelineOverviewGraph.GraphRowStyleClassName = "graph-row";
WebInspector.NetworkTimelineOverviewGraph.BarStyleClassName = "bar";
WebInspector.NetworkTimelineOverviewGraph.InactiveBarStyleClassName = "inactive";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -44,7 +44,7 @@
this._currentTimeMarker = new WebInspector.TimelineMarker(0, WebInspector.TimelineMarker.Type.CurrentTime);
this._timelineRuler.addMarker(this._currentTimeMarker);
- this.element.classList.add(WebInspector.OverviewTimelineView.StyleClassName);
+ this.element.classList.add("overview");
this.element.appendChild(this._dataGrid.element);
this._networkTimeline = recording.timelines.get(WebInspector.TimelineRecord.Type.Network);
@@ -55,8 +55,6 @@
this._pendingRepresentedObjects = [];
};
-WebInspector.OverviewTimelineView.StyleClassName = "overview";
-
WebInspector.OverviewTimelineView.prototype = {
constructor: WebInspector.OverviewTimelineView,
__proto__: WebInspector.TimelineView.prototype,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ProbeSetDetailsSection.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ProbeSetDetailsSection.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ProbeSetDetailsSection.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -149,4 +149,3 @@
WebInspector.ProbeSetDetailsSection.ProbeClearSamplesStyleClassName = "probe-clear-samples";
WebInspector.ProbeSetDetailsSection.ProbeRemoveStyleClassName = "probe-remove";
WebInspector.ProbeSetDetailsSection.SectionOptionsStyleClassName = "options";
-WebInspector.ProbeSetDetailsSection.StyleClassName = "probe-set";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/QuickConsole.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/QuickConsole.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/QuickConsole.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -42,7 +42,7 @@
this._element.classList.add("quick-console");
this.prompt = new WebInspector.ConsolePrompt(null, "text/_javascript_");
- this.prompt.element.classList.add(WebInspector.QuickConsole.TextPromptStyleClassName);
+ this.prompt.element.classList.add("text-prompt");
this._element.appendChild(this.prompt.element);
// FIXME: CodeMirror 4 has a default "Esc" key handler that always prevents default.
@@ -340,9 +340,6 @@
};
WebInspector.QuickConsole.ShowingLogClassName = "showing-log";
-WebInspector.QuickConsole.NavigationBarContainerStyleClassName = "navigation-bar-container";
-WebInspector.QuickConsole.NavigationBarSpacerStyleClassName = "navigation-bar-spacer";
-WebInspector.QuickConsole.TextPromptStyleClassName = "text-prompt";
WebInspector.QuickConsole.ToolbarSingleLineHeight = 21;
WebInspector.QuickConsole.ToolbarPromptPadding = 4;
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -114,7 +114,3 @@
this._replayButtonItem.toggled = false;
}
};
-
-WebInspector.ReplayDashboardView.RecordingContainerStyleClassName = "recording-container";
-WebInspector.ReplayDashboardView.RecordButtonStyleClassName = "record-button";
-WebInspector.ReplayDashboardView.ReplayButtonStyleClassName = "replay-button";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -27,7 +27,7 @@
{
WebInspector.ContentView.call(this, script);
- this.element.classList.add(WebInspector.ScriptContentView.StyleClassName);
+ this.element.classList.add("script");
// Append a spinner while waiting for _contentWillPopulate.
var spinner = new WebInspector.IndeterminateProgressSpinner;
@@ -63,8 +63,6 @@
WebInspector.showJavaScriptTypeInformationSetting.addEventListener(WebInspector.Setting.Event.Changed, this._showJavaScriptTypeInformationSettingChanged, this);
};
-WebInspector.ScriptContentView.StyleClassName = "script";
-
WebInspector.ScriptContentView.prototype = {
constructor: WebInspector.ScriptContentView,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ScriptTimelineOverviewGraph.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ScriptTimelineOverviewGraph.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ScriptTimelineOverviewGraph.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -27,7 +27,7 @@
{
WebInspector.TimelineOverviewGraph.call(this, timeline);
- this.element.classList.add(WebInspector.ScriptTimelineOverviewGraph.StyleClassName);
+ this.element.classList.add("script");
this._scriptTimeline = timeline;
this._scriptTimeline.addEventListener(WebInspector.Timeline.Event.RecordAdded, this._scriptTimelineRecordAdded, this);
@@ -37,8 +37,6 @@
this.reset();
};
-WebInspector.ScriptTimelineOverviewGraph.StyleClassName = "script";
-
WebInspector.ScriptTimelineOverviewGraph.prototype = {
constructor: WebInspector.ScriptTimelineOverviewGraph,
__proto__: WebInspector.TimelineOverviewGraph.prototype,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TextContentView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TextContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TextContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -27,7 +27,7 @@
{
WebInspector.ContentView.call(this, string);
- this.element.classList.add(WebInspector.TextContentView.StyleClassName);
+ this.element.classList.add("text");
this._textEditor = new WebInspector.TextEditor;
this._textEditor.addEventListener(WebInspector.TextEditor.Event.NumberOfSearchResultsDidChange, this._numberOfSearchResultsDidChange, this);
@@ -51,8 +51,6 @@
this._showTypesButtonNavigationItem.enabled = false;
};
-WebInspector.TextContentView.StyleClassName = "text";
-
WebInspector.TextContentView.prototype = {
constructor: WebInspector.TextContentView,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -33,11 +33,11 @@
this._recording.addEventListener(WebInspector.TimelineRecording.Event.TimelineRemoved, this._timelineRemoved, this);
this._element = document.createElement("div");
- this._element.className = WebInspector.TimelineOverview.StyleClassName;
+ this._element.className = "timeline-overview";
this._element.addEventListener("wheel", this._handleWheelEvent.bind(this));
this._graphsContainerElement = document.createElement("div");
- this._graphsContainerElement.className = WebInspector.TimelineOverview.GraphsContainerStyleClassName;
+ this._graphsContainerElement.className = "graphs-container";
this._element.appendChild(this._graphsContainerElement);
this._timelineOverviewGraphsMap = new Map;
@@ -52,12 +52,12 @@
this._timelineRuler.addMarker(this._currentTimeMarker);
this._scrollContainerElement = document.createElement("div");
- this._scrollContainerElement.className = WebInspector.TimelineOverview.ScrollContainerStyleClassName;
+ this._scrollContainerElement.className = "scroll-container";
this._scrollContainerElement.addEventListener("scroll", this._handleScrollEvent.bind(this));
this._element.appendChild(this._scrollContainerElement);
this._scrollWidthSizer = document.createElement("div");
- this._scrollWidthSizer.className = WebInspector.TimelineOverview.ScrollWidthSizerStyleClassName;
+ this._scrollWidthSizer.className = "scroll-width-sizer";
this._scrollContainerElement.appendChild(this._scrollWidthSizer);
this._defaultSettingsValues = defaultSettingsValues;
@@ -85,10 +85,6 @@
this._resetSelection();
};
-WebInspector.TimelineOverview.StyleClassName = "timeline-overview";
-WebInspector.TimelineOverview.GraphsContainerStyleClassName = "graphs-container";
-WebInspector.TimelineOverview.ScrollContainerStyleClassName = "scroll-container";
-WebInspector.TimelineOverview.ScrollWidthSizerStyleClassName = "scroll-width-sizer";
WebInspector.TimelineOverview.ScrollDeltaDenominator = 500;
WebInspector.TimelineOverview.Event = {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverviewGraph.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverviewGraph.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverviewGraph.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -53,7 +53,7 @@
// WebInspector.Object.call(this);
this.element = document.createElement("div");
- this.element.classList.add(WebInspector.TimelineOverviewGraph.StyleClassName);
+ this.element.classList.add("timeline-overview-graph");
this._zeroTime = 0;
this._startTime = 0;
@@ -62,8 +62,6 @@
this._timelineOverview = null;
};
-WebInspector.TimelineOverviewGraph.StyleClassName = "timeline-overview-graph";
-
WebInspector.TimelineOverviewGraph.prototype = {
constructor: WebInspector.TimelineOverviewGraph,
__proto__: WebInspector.Object.prototype,
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -29,7 +29,7 @@
// WebInspector.Object.call(this);
this._element = document.createElement("div");
- this._element.classList.add(WebInspector.TimelineRecordBar.StyleClassName);
+ this._element.classList.add("timeline-record-bar");
this.renderMode = renderMode;
this.records = records;
@@ -38,7 +38,6 @@
// FIXME: Move to a WebInspector.Object subclass and we can remove this.
WebInspector.Object.deprecatedAddConstructorFunctions(WebInspector.TimelineRecordBar);
-WebInspector.TimelineRecordBar.StyleClassName = "timeline-record-bar";
WebInspector.TimelineRecordBar.BarSegmentStyleClassName = "segment";
WebInspector.TimelineRecordBar.InactiveStyleClassName = "inactive";
WebInspector.TimelineRecordBar.UnfinishedStyleClassName = "unfinished";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -29,7 +29,7 @@
// WebInspector.Object.call(this);
this._element = document.createElement("div");
- this._element.classList.add(WebInspector.TimelineRecordFrame.StyleClassName);
+ this._element.classList.add("timeline-record-frame");
this._graphDataSource = graphDataSource;
this._record = record || null;
@@ -38,7 +38,6 @@
// FIXME: Move to a WebInspector.Object subclass and we can remove this.
WebInspector.Object.deprecatedAddConstructorFunctions(WebInspector.TimelineRecordFrame);
-WebInspector.TimelineRecordFrame.StyleClassName = "timeline-record-frame";
WebInspector.TimelineRecordFrame.MaximumWidthPixels = 16;
WebInspector.TimelineRecordFrame.MinimumWidthPixels = 4;
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordingContentView.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordingContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordingContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -34,7 +34,7 @@
this._recording = recording;
this._timelineSidebarPanel = extraArguments.timelineSidebarPanel;
- this.element.classList.add(WebInspector.TimelineRecordingContentView.StyleClassName);
+ this.element.classList.add("timeline-recording");
this._linearTimelineOverview = new WebInspector.LinearTimelineOverview(this._recording);
this._linearTimelineOverview.addEventListener(WebInspector.TimelineOverview.Event.TimeRangeSelectionChanged, this._timeRangeSelectionChanged, this);
@@ -84,8 +84,6 @@
this.showOverviewTimelineView();
};
-WebInspector.TimelineRecordingContentView.StyleClassName = "timeline-recording";
-
WebInspector.TimelineRecordingContentView.SelectedTimelineTypeCookieKey = "timeline-recording-content-view-selected-timeline-type";
WebInspector.TimelineRecordingContentView.OverviewTimelineViewCookieValue = "timeline-recording-content-view-overview-timeline-view";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.js (184818 => 184819)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.js 2015-05-23 06:27:24 UTC (rev 184819)
@@ -29,14 +29,14 @@
// WebInspector.Object.call(this);
this._element = document.createElement("div");
- this._element.className = WebInspector.TimelineRuler.StyleClassName;
+ this._element.className = "timeline-ruler";
this._headerElement = document.createElement("div");
- this._headerElement.className = WebInspector.TimelineRuler.HeaderElementStyleClassName;
+ this._headerElement.className = "header";
this._element.appendChild(this._headerElement);
this._markersElement = document.createElement("div");
- this._markersElement.className = WebInspector.TimelineRuler.MarkersElementStyleClassName;
+ this._markersElement.className = "markers";
this._element.appendChild(this._markersElement);
this._zeroTime = 0;
@@ -57,19 +57,10 @@
WebInspector.TimelineRuler.MinimumLeftDividerSpacing = 48;
WebInspector.TimelineRuler.MinimumDividerSpacing = 64;
-WebInspector.TimelineRuler.StyleClassName = "timeline-ruler";
WebInspector.TimelineRuler.AllowsTimeRangeSelectionStyleClassName = "allows-time-range-selection";
-WebInspector.TimelineRuler.HeaderElementStyleClassName = "header";
WebInspector.TimelineRuler.DividerElementStyleClassName = "divider";
WebInspector.TimelineRuler.DividerLabelElementStyleClassName = "label";
-WebInspector.TimelineRuler.MarkersElementStyleClassName = "markers";
-WebInspector.TimelineRuler.BaseMarkerElementStyleClassName = "marker";
-WebInspector.TimelineRuler.ShadedAreaElementStyleClassName = "shaded-area";
-WebInspector.TimelineRuler.SelectionDragElementStyleClassName = "selection-drag";
-WebInspector.TimelineRuler.SelectionHandleElementStyleClassName = "selection-handle";
-WebInspector.TimelineRuler.LeftSelectionElementStyleClassName = "left";
-WebInspector.TimelineRuler.RightSelectionElementStyleClassName = "right";
WebInspector.TimelineRuler.MinimumSelectionTimeRange = 0.01;
WebInspector.TimelineRuler.Event = {
@@ -130,25 +121,25 @@
this._element.addEventListener("mousedown", this._mouseDownEventListener);
this._leftShadedAreaElement = document.createElement("div");
- this._leftShadedAreaElement.classList.add(WebInspector.TimelineRuler.ShadedAreaElementStyleClassName);
- this._leftShadedAreaElement.classList.add(WebInspector.TimelineRuler.LeftSelectionElementStyleClassName);
+ this._leftShadedAreaElement.classList.add("shaded-area");
+ this._leftShadedAreaElement.classList.add("left");
this._rightShadedAreaElement = document.createElement("div");
- this._rightShadedAreaElement.classList.add(WebInspector.TimelineRuler.ShadedAreaElementStyleClassName);
- this._rightShadedAreaElement.classList.add(WebInspector.TimelineRuler.RightSelectionElementStyleClassName);
+ this._rightShadedAreaElement.classList.add("shaded-area");
+ this._rightShadedAreaElement.classList.add("right");
this._leftSelectionHandleElement = document.createElement("div");
- this._leftSelectionHandleElement.classList.add(WebInspector.TimelineRuler.SelectionHandleElementStyleClassName);
- this._leftSelectionHandleElement.classList.add(WebInspector.TimelineRuler.LeftSelectionElementStyleClassName);
+ this._leftSelectionHandleElement.classList.add("selection-handle");
+ this._leftSelectionHandleElement.classList.add("left");
this._leftSelectionHandleElement.addEventListener("mousedown", this._handleSelectionHandleMouseDown.bind(this));
this._rightSelectionHandleElement = document.createElement("div");
- this._rightSelectionHandleElement.classList.add(WebInspector.TimelineRuler.SelectionHandleElementStyleClassName);
- this._rightSelectionHandleElement.classList.add(WebInspector.TimelineRuler.RightSelectionElementStyleClassName);
+ this._rightSelectionHandleElement.classList.add("selection-handle");
+ this._rightSelectionHandleElement.classList.add("right");
this._rightSelectionHandleElement.addEventListener("mousedown", this._handleSelectionHandleMouseDown.bind(this));
this._selectionDragElement = document.createElement("div");
- this._selectionDragElement.classList.add(WebInspector.TimelineRuler.SelectionDragElementStyleClassName);
+ this._selectionDragElement.classList.add("selection-drag");
this._needsSelectionLayout();
} else {
@@ -304,7 +295,7 @@
marker.addEventListener(WebInspector.TimelineMarker.Event.TimeChanged, this._timelineMarkerTimeChanged, this);
var markerElement = document.createElement("div");
- markerElement.classList.add(marker.type, WebInspector.TimelineRuler.BaseMarkerElementStyleClassName);
+ markerElement.classList.add(marker.type, "marker");
this._markerElementMap.set(marker, markerElement);
