Index: third_party/WebKit/Source/devtools/front_end/css_tracker/CSSTrackerView.js |
diff --git a/third_party/WebKit/Source/devtools/front_end/css_tracker/CSSTrackerView.js b/third_party/WebKit/Source/devtools/front_end/css_tracker/CSSTrackerView.js |
index d94adb02d2a0224a8a810dfac2e2ed321bd4b267..51049b45243b01b48e18bc2adce586bff462c713 100644 |
--- a/third_party/WebKit/Source/devtools/front_end/css_tracker/CSSTrackerView.js |
+++ b/third_party/WebKit/Source/devtools/front_end/css_tracker/CSSTrackerView.js |
@@ -11,9 +11,8 @@ CSSTracker.CSSTrackerView = class extends UI.VBox { |
var toolbarContainer = this.contentElement.createChild('div', 'css-tracker-toolbar-container'); |
var topToolbar = new UI.Toolbar('css-tracker-toolbar', toolbarContainer); |
- this._recordButton = new UI.ToolbarToggle(Common.UIString('Start recording'), |
- 'largeicon-resume', |
- 'largeicon-pause'); |
+ this._recordButton = |
+ new UI.ToolbarToggle(Common.UIString('Start recording'), 'largeicon-resume', 'largeicon-pause'); |
this._recordButton.addEventListener(UI.ToolbarButton.Events.Click, () => this._toggleRecording(!this._isRecording)); |
topToolbar.appendToolbarItem(this._recordButton); |
@@ -23,7 +22,7 @@ CSSTracker.CSSTrackerView = class extends UI.VBox { |
this._cssResultsElement = this.contentElement.createChild('div', 'css-results'); |
this._progressElement = this._cssResultsElement.createChild('div', 'progress-view'); |
- this._treeOutline = new TreeOutlineInShadow(); |
+ this._treeOutline = new UI.TreeOutlineInShadow(); |
this._treeOutline.registerRequiredCSS('css_tracker/unusedRulesTree.css'); |
this._statusToolbarElement = this.contentElement.createChild('div', 'css-toolbar-summary'); |
@@ -105,17 +104,16 @@ CSSTracker.CSSTrackerView = class extends UI.VBox { |
var gutterRange = Common.TextRange.fromObject(rule.range); |
if (gutterRange.startColumn) |
gutterRange.startColumn--; |
- uiSourceCode.addDecoration(gutterRange, |
- CSSTracker.CSSTrackerView.LineDecorator.type, rule.wasUsed); |
+ uiSourceCode.addDecoration(gutterRange, CSSTracker.CSSTrackerView.LineDecorator.type, rule.wasUsed); |
} |
var percentUnused = Math.round(100 * unusedRulesCount / ruleUsageList.length); |
if (unusedRulesCount === 1) { |
this._statusMessageElement.textContent = |
- Common.UIString('%d CSS rule is not used. (%d%%)', unusedRulesCount, percentUnused); |
+ Common.UIString('%d CSS rule is not used. (%d%%)', unusedRulesCount, percentUnused); |
} else { |
this._statusMessageElement.textContent = |
Common.UIString('%d CSS rules are not used. (%d%%)', unusedRulesCount, percentUnused); |
- } |
+ } |
this._renderRuleUsage(cssModel, ruleUsageList); |
} |
@@ -203,16 +201,15 @@ CSSTracker.CSSTrackerView = class extends UI.VBox { |
if (unattributedRulesCount) { |
if (unattributedRulesCount === 1) { |
var removedStyleSheetStats = Common.UIString('1 unused rule in a removed style sheet.'); |
- } |
- else { |
+ } else { |
var removedStyleSheetStats = |
Common.UIString('%d unused rules in removed style sheets.', unattributedRulesCount); |
} |
- var treeElement = new TreeElement(Common.UIString('Unknown style sheets'), true); |
+ var treeElement = new UI.TreeElement(Common.UIString('Unknown style sheets'), true); |
treeElement.toggleOnClick = true; |
treeElement.selectable = false; |
- var stats = new TreeElement(removedStyleSheetStats, false); |
+ var stats = new UI.TreeElement(removedStyleSheetStats, false); |
stats.selectable = false; |
treeElement.appendChild(stats); |
this._treeOutline.appendChild(treeElement); |
@@ -236,8 +233,7 @@ CSSTracker.CSSTrackerView = class extends UI.VBox { |
startPosition = i; |
} |
var url = this._urlForStyleSheetId(cssModel, ruleList[startPosition].styleSheetId); |
- var styleSheetTreeElement = |
- new CSSTracker.CSSTrackerView.StyleSheetTreeElement(url, ruleList.slice(startPosition)); |
+ var styleSheetTreeElement = new CSSTracker.CSSTrackerView.StyleSheetTreeElement(url, ruleList.slice(startPosition)); |
this._treeOutline.appendChild(styleSheetTreeElement); |
} |
@@ -266,7 +262,7 @@ CSSTracker.ParsedStyleSheet; |
CSSTracker.CSSTrackerView._rulesShownAtOnce = 20; |
-CSSTracker.CSSTrackerView.StyleSheetTreeElement = class extends TreeElement { |
+CSSTracker.CSSTrackerView.StyleSheetTreeElement = class extends UI.TreeElement { |
/** |
* @param {string} url |
* @param {!Array<!CSSTracker.RuleUsage>} ruleList |
@@ -293,7 +289,7 @@ CSSTracker.CSSTrackerView.StyleSheetTreeElement = class extends TreeElement { |
this.toggleOnClick = true; |
this.selectable = false; |
- /** @type {?TreeElement} */ |
+ /** @type {?UI.TreeElement} */ |
this._showAllRulesTreeElement = null; |
var title = createElementWithClass('div', 'rule-result'); |
@@ -354,7 +350,7 @@ CSSTracker.CSSTrackerView.StyleSheetTreeElement = class extends TreeElement { |
var contentSpan = anchor.createChild('span', 'rule-match-content'); |
contentSpan.textContent = rule.selector; |
- var ruleElement = new TreeElement(); |
+ var ruleElement = new UI.TreeElement(); |
ruleElement.selectable = true; |
this.appendChild(ruleElement); |
ruleElement.listItemElement.className = 'rule-match source-code'; |
@@ -367,9 +363,9 @@ CSSTracker.CSSTrackerView.StyleSheetTreeElement = class extends TreeElement { |
*/ |
_appendShowAllRulesButton(startMatchIndex) { |
var rulesLeftCount = this._unusedRules.length - startMatchIndex; |
- var button = createTextButton('', this._showMoreRulesElementSelected.bind(this, startMatchIndex)); |
+ var button = UI.createTextButton('', this._showMoreRulesElementSelected.bind(this, startMatchIndex)); |
button.textContent = Common.UIString('Show all rules (%d more).', rulesLeftCount); |
- this._showAllRulesTreeElement = new TreeElement(button); |
+ this._showAllRulesTreeElement = new UI.TreeElement(button); |
this._showAllRulesTreeElement.selectable = false; |
this.appendChild(this._showAllRulesTreeElement); |
} |