[DevTools] Remove unnecessary emulation checkboxes and simplify UX.

Source/devtools/front_end/ui/SettingsUI.js

 /*
  * Copyright (C) 2014 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 71 matching lines @@
 }
 
 /**
  * @param {string} label
  * @param {!WebInspector.Setting} setting
  * @param {boolean} numeric
  * @param {number=} maxLength
  * @param {string=} width
  * @param {function(string):?string=} validatorCallback
  * @param {boolean=} instant
+ * @param {boolean=} clearForZero
+ * @param {string=} placeholder
  * @return {!Element}
  */
-WebInspector.SettingsUI.createSettingInputField = function(label, setting, numeric, maxLength, width, validatorCallback, instant)
+WebInspector.SettingsUI.createSettingInputField = function(label, setting, numeric, maxLength, width, validatorCallback, instant, clearForZero, placeholder)
 {
     var p = document.createElement("p");
     var labelElement = p.createChild("label");
     labelElement.textContent = label;
     var inputElement = p.createChild("input");
-    inputElement.value = setting.get();
     inputElement.type = "text";
     if (numeric)
         inputElement.className = "numeric";
     if (maxLength)
         inputElement.maxLength = maxLength;
     if (width)
         inputElement.style.width = width;
+    inputElement.placeholder = placeholder || "";
 
     if (validatorCallback || instant) {
         inputElement.addEventListener("change", onInput, false);
         inputElement.addEventListener("input", onInput, false);
     }
     inputElement.addEventListener("keydown", onKeyDown, false);
 
     var errorMessageLabel;
     if (validatorCallback) {
         errorMessageLabel = p.createChild("div");
@@ skipping 33 matching lines @@
             return;
         setting.removeChangeListener(onSettingChange);
         setting.set(numeric ? Number(inputElement.value) : inputElement.value);
         setting.addChangeListener(onSettingChange);
     }
 
     setting.addChangeListener(onSettingChange);
 
     function onSettingChange()
     {
-        inputElement.value = setting.get();
+        var value = setting.get();
+        if (clearForZero && !value)
+            value = "";
+        inputElement.value = value;
     }
+    onSettingChange();
 
     return p;
 }
 
-/**
- * @param {string} label
- * @param {!WebInspector.Setting} setting
- * @param {number=} maxLength
- * @param {string=} width
- * @param {string=} defaultText
- * @return {!Element}
- */
-WebInspector.SettingsUI.createSettingLabel = function(label, setting, maxLength, width, defaultText)
-{
-    var p = document.createElement("p");
-    var labelElement = p.createChild("span");
-    labelElement.textContent = label;
-    if (label)
-        labelElement.style.marginRight = "5px";
-    var spanElement = p.createChild("span");
-    spanElement.textContent = setting.get();
-    if (width)
-        p.style.width = width;
-
-    setting.addChangeListener(onSettingChange);
-    onSettingChange();
-
-    function onSettingChange()
-    {
-        var text = setting.get() || defaultText;
-        spanElement.title = text;
-        if (maxLength && text.length > maxLength)
-            text = text.substring(0, maxLength - 2) + "...";
-        spanElement.textContent = text;
-    }
-
-    return p;
-}
-
 /**
  * @param {string} name
  * @param {!Element} element
  * @return {!Element}
  */
 WebInspector.SettingsUI.createCustomSetting = function(name, element)
 {
     var p = document.createElement("p");
     var fieldsetElement = document.createElement("fieldset");
     fieldsetElement.createChild("label").textContent = name;
@@ skipping 73 matching lines @@
 
 WebInspector.UISettingDelegate.prototype = {
     /**
      * @return {?Element}
      */
     settingElement: function()
     {
         return null;
     }
 }