[DevTools] Cleanup various bindInput implementations.

third_party/WebKit/Source/devtools/front_end/ui/UIUtils.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
@@ skipping 1433 matching lines @@
         set gray(gray)
         {
             this._buttonElement.className = gray ? "close-button-gray" : "close-button";
         },
 
         __proto__: HTMLDivElement.prototype
     });
 })();
 
 /**
+ * @param {!Element} input
+ * @param {function(string)} apply
+ * @param {function(string):boolean} validate
+ * @param {boolean} numeric
+ * @return {function(string)}
+ */
+WebInspector.bindInput = function(input, apply, validate, numeric)
+{
+    input.addEventListener("change", onChange, false);
+    input.addEventListener("input", onInput, false);
+    input.addEventListener("keydown", onKeyDown, false);
+    input.addEventListener("focus", input.select.bind(input), false);
+
+    function onInput()
+    {
+        input.classList.toggle("error-input", !validate(input.value));
+    }
+
+    function onChange()
+    {
+        var valid = validate(input.value);
+        input.classList.toggle("error-input", !valid);
+        if (valid)
+            apply(input.value);
+    }
+
+    /**
+     * @param {!Event} event
+     */
+    function onKeyDown(event)
+    {
+        if (isEnterKey(event)) {
+            if (validate(input.value))
+                apply(input.value);
+            return;
+        }
+
+        if (!numeric)
+            return;
+
+        var increment = event.keyIdentifier === "Up" ? 1 : event.keyIdentifier === "Down" ? -1 : 0;
+        if (!increment)
+            return;
+        if (event.shiftKey)
+            increment *= 10;
+
+        var value = input.value;
+        if (!validate(value) || !value)
+            return;
+
+        value = (value ? Number(value) : 0) + increment;
+        var stringValue = value ? String(value) : "";
+        if (!validate(stringValue) || !value)
+            return;
+
+        input.value = stringValue;
+        apply(input.value);
+        event.preventDefault();
+    }
+
+    /**
+     * @param {string} value
+     */
+    function setValue(value)
+    {
+        if (value === input.value)
+            return;
+        var valid = validate(value);
+        input.classList.toggle("error-input", !valid);
+        input.value = value;
+        input.setSelectionRange(value.length, value.length);
+    }
+
+    return setValue;
+}
+
+/**
  * @constructor
  */
 WebInspector.StringFormatter = function()
 {
     this._processors = [];
     this._regexes = [];
 }
 
 WebInspector.StringFormatter.prototype = {
     /**
@@ skipping 280 matching lines @@
             [NetworkAgent.ResourcePriority.High, WebInspector.UIString("High")],
             [NetworkAgent.ResourcePriority.VeryHigh, WebInspector.UIString("Highest")]
         ]);
         WebInspector.uiLabelForPriority._priorityToUILabel = labelMap;
     }
     return labelMap.get(priority) || WebInspector.UIString("Unknown");
 }
 
 /** @type {!WebInspector.ThemeSupport} */
 WebInspector.themeSupport;