[DevTools] Remove HelpScreen, turn SettingsScreen into dialog and web component.

third_party/WebKit/Source/devtools/front_end/settings/FrameworkBlackboxDialog.js

 /*
  * Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  */
 WebInspector.FrameworkBlackboxDialog = function()
 {
     WebInspector.VBox.call(this);

[yurys, 2015/10/13 00:52:11]

Should we make this a component too?

[dgozman, 2015/10/13 01:57:42]

Not that easy to do - requires splitting settingsScreen.css into parts. Maybe
another patch.

+    this.registerRequiredCSS("settings/settingsScreen.css");
     this.element.classList.add("blackbox-dialog", "dialog-contents", "settings-dialog", "settings-tab");
     this.element.addEventListener("keydown", this._onKeyDown.bind(this), false);
 
     var header = this.element.createChild("div", "header");
     header.createChild("span").textContent = WebInspector.UIString("Framework blackbox patterns");
 
     var contents = this.element.createChild("div", "contents");
 
     var contentScriptsSection = contents.createChild("div", "blackbox-content-scripts");
     contentScriptsSection.appendChild(WebInspector.SettingsUI.createSettingCheckbox(WebInspector.UIString("Blackbox content scripts"), WebInspector.moduleSetting("skipContentScripts"), true));
@@ skipping 158 matching lines @@
     _onKeyDown: function(event)
     {
         if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Enter.code) {
             event.consume(true);
             this.element.focus();
         }
     },
 
     __proto__: WebInspector.VBox.prototype
 }