DevTools: [SSP] implement "add rule to end" of arbitrary style sheet.

Source/devtools/front_end/ui/StatusBarButton.js

 /*
  * Copyright (C) 2009 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 223 matching lines @@
  * @extends {WebInspector.StatusBarItem}
  * @param {string} title
  * @param {string} className
  * @param {number=} states
  */
 WebInspector.StatusBarButton = function(title, className, states)
 {
     WebInspector.StatusBarItem.call(this, "button");
     this.element.className = className + " status-bar-item";
     this.element.addEventListener("click", this._clicked.bind(this), false);
+    this._longClickController = new WebInspector.LongClickController(this.element);
+    this._longClickController.addEventListener(WebInspector.LongClickController.Events.LongClick, this._onLongClick.bind(this));
+    this._longClickController.addEventListener(WebInspector.LongClickController.Events.LongPress, this._onLongPress.bind(this));
 
     this.glyph = this.element.createChild("div", "glyph");
     this.glyphShadow = this.element.createChild("div", "glyph shadow");
 
     this.states = states;
     if (!states)
         this.states = 2;
 
     if (states == 2)
         this._state = false;
     else
         this._state = 0;
 
     this.title = title;
     this.className = className;
 }
 
 WebInspector.StatusBarButton.prototype = {
+    /**
+     * @param {!WebInspector.Event} event
+     */
+    _onLongClick: function(event)
+    {
+        this.dispatchEventToListeners("longClickDown");
+    },
+
+    /**
+     * @param {!WebInspector.Event} event
+     */
+    _onLongPress: function(event)
+    {
+        this.dispatchEventToListeners("longPressDown");
+    },
+
     _clicked: function()
     {
         this.dispatchEventToListeners("click");
-        if (this._longClickInterval) {
-            clearInterval(this._longClickInterval);
-            delete this._longClickInterval;
-        }
+        this._longClickController.reset();
     },
 
     /**
      * @override
      */
     applyEnabledState: function()
     {
         this.element.disabled = !this._enabled;
-        if (this._longClickInterval) {
-            clearInterval(this._longClickInterval);
-            delete this._longClickInterval;
-        }
+        this._longClickController.reset();
     },
 
     /**
      * @return {boolean}
      */
     enabled: function()
     {
         return this._enabled;
     },
 
@@ skipping 39 matching lines @@
 
     set toggled(x)
     {
         if (this.states !== 2)
             throw("Only used toggled when there are 2 states, otherwise, use state");
         this.state = x;
     },
 
     makeLongClickEnabled: function()
     {
-        var boundMouseDown = mouseDown.bind(this);
-        var boundMouseUp = mouseUp.bind(this);
-
-        this.element.addEventListener("mousedown", boundMouseDown, false);
-        this.element.addEventListener("mouseout", boundMouseUp, false);
-        this.element.addEventListener("mouseup", boundMouseUp, false);
-
-        var longClicks = 0;
-
-        this._longClickData = { mouseUp: boundMouseUp, mouseDown: boundMouseDown };
-
-        /**
-         * @param {!Event} e
-         * @this {WebInspector.StatusBarButton}
-         */
-        function mouseDown(e)
-        {
-            if (e.which !== 1)
-                return;
-            longClicks = 0;
-            this._longClickInterval = setInterval(longClicked.bind(this), 200);
-        }
-
-        /**
-         * @param {!Event} e
-         * @this {WebInspector.StatusBarButton}
-         */
-        function mouseUp(e)
-        {
-            if (e.which !== 1)
-                return;
-            if (this._longClickInterval) {
-                clearInterval(this._longClickInterval);
-                delete this._longClickInterval;
-            }
-        }
-
-        /**
-         * @this {WebInspector.StatusBarButton}
-         */
-        function longClicked()
-        {
-            ++longClicks;
-            this.dispatchEventToListeners(longClicks === 1 ? "longClickDown" : "longClickPress");
-        }
+        this._longClickController.enable();
     },
 
     unmakeLongClickEnabled: function()
     {
-        if (!this._longClickData)
-            return;
-        this.element.removeEventListener("mousedown", this._longClickData.mouseDown, false);
-        this.element.removeEventListener("mouseout", this._longClickData.mouseUp, false);
-        this.element.removeEventListener("mouseup", this._longClickData.mouseUp, false);
-        delete this._longClickData;
+        this._longClickController.disable();
     },
 
     /**
      * @param {?function():!Array.<!WebInspector.StatusBarButton>} buttonsProvider
      */
     setLongClickOptionsEnabled: function(buttonsProvider)
     {
         if (buttonsProvider) {
             if (!this._longClickOptionsData) {
                 this.makeLongClickEnabled();
@@ skipping 342 matching lines @@
         var options = [];
         for (var index = 0; index < this._states.length; index++) {
             if (this._states[index] !== this.state && this._states[index] !== this._currentState)
                 options.push(this._buttons[index]);
         }
         return options;
     },
 
     __proto__: WebInspector.StatusBarButton.prototype
 }