[DevTools] Add touch to sensors view.

third_party/WebKit/Source/devtools/front_end/emulation/SensorsView.js

 // Copyright (c) 2015 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.SensorsView = function()
 {
     WebInspector.VBox.call(this, true);
     this.registerRequiredCSS("emulation/sensors.css");
     this.contentElement.classList.add("sensors-view");
 
     this._geolocationSetting = WebInspector.settings.createSetting("emulation.geolocationOverride", "");
     this._geolocation = WebInspector.Geolocation.parseSetting(this._geolocationSetting.get());
     this._geolocationEnabled = false;
     this._appendGeolocationOverrideControl();
 
     this._deviceOrientationSetting = WebInspector.settings.createSetting("emulation.deviceOrientationOverride", "");
     this._deviceOrientation = WebInspector.DeviceOrientation.parseSetting(this._deviceOrientationSetting.get());
     this._deviceOrientationEnabled = false;
     this._appendDeviceOrientationOverrideControl();
+
+    this._appendTouchControl();
 }
 
 WebInspector.SensorsView.prototype = {
     _appendGeolocationOverrideControl: function()
     {
         var checkboxLabel = createCheckboxLabel(WebInspector.UIString("Emulate geolocation coordinates"));
         this._geolocationOverrideCheckbox = checkboxLabel.checkboxElement;
         this._geolocationOverrideCheckbox.addEventListener("click", this._geolocationOverrideCheckboxClicked.bind(this));
         this.contentElement.appendChild(checkboxLabel);
         this._geolocationFieldset = this._createGeolocationOverrideElement(this._geolocation);
@@ skipping 256 matching lines @@
         var radius = Math.max(rect.width, rect.height) / 2;
         var sphereX = (x - rect.left - rect.width / 2) / radius;
         var sphereY = (y - rect.top - rect.height / 2) / radius;
         var sqrSum = sphereX * sphereX + sphereY * sphereY;
         if (sqrSum > 0.5)
             return new WebInspector.Geometry.Vector(sphereX, sphereY, 0.5 / Math.sqrt(sqrSum));
 
         return new WebInspector.Geometry.Vector(sphereX, sphereY, Math.sqrt(1 - sqrSum));
     },
 
+    _appendTouchControl: function()
+    {
+        var label = this.contentElement.createChild("label", "touch-label");
+        label.createChild("span", "").textContent = WebInspector.UIString("Touch");
+        var select = label.createChild("select", "chrome-select");
+        select.appendChild(new Option(WebInspector.UIString("Device-based"), "auto"));
+        select.appendChild(new Option(WebInspector.UIString("Force enabled"), "enabled"));
+        select.addEventListener("change", applyTouch, false);
+
+        function applyTouch()
+        {
+            WebInspector.MultitargetTouchModel.instance().setCustomTouchEnabled(select.value === "enabled");
+        }
+    },
+
     __proto__ : WebInspector.VBox.prototype
 }
 
 /** @enum {string} */
 WebInspector.SensorsView.DeviceOrientationModificationSource = {
     UserInput: "userInput",
     UserDrag: "userDrag",
     ResetButton: "resetButton"
 }
 
@@ skipping 21 matching lines @@
      * @param {!WebInspector.Context} context
      * @param {string} actionId
      * @return {boolean}
      */
     handleAction: function(context, actionId)
     {
         WebInspector.inspectorView.showViewInDrawer("sensors");
         return true;
     }
 }