add extjs 6.0.1 sources

[extjs.git] / extjs / packages / ux / classic / src / colorpick / SliderController.js

/**\r
 * @private\r
 */\r
Ext.define('Ext.ux.colorpick.SliderController', {\r
    extend: 'Ext.app.ViewController',\r
    alias: 'controller.colorpick-slidercontroller',\r
\r
    // After the component is rendered\r
    boxReady: function (view) {\r
        var me         = this,\r
            container  = me.getDragContainer(),\r
            dragHandle = me.getDragHandle(),\r
            dd         = dragHandle.dd;\r
\r
        // configure draggable constraints \r
        dd.constrain = true;\r
        dd.constrainTo = container.getEl();\r
        dd.initialConstrainTo = dd.constrainTo; // needed otheriwse error EXTJS-13187\r
        \r
        // event handlers\r
        dd.on('drag', me.onHandleDrag, me);\r
    },\r
\r
    getDragHandle: function () {\r
        return this.view.lookupReference('dragHandle');\r
    },\r
\r
    getDragContainer: function () {\r
        return this.view.lookupReference('dragHandleContainer');\r
    },\r
\r
    // Fires when handle is dragged; fires "handledrag" event on the slider\r
    // with parameter  "percentY" 0-1, representing the handle position on the slider\r
    // relative to the height\r
    onHandleDrag: function(e) {\r
        var me              = this,\r
            view            = me.getView(),\r
            container       = me.getDragContainer(),\r
            dragHandle      = me.getDragHandle(),\r
            y               = dragHandle.getY() - container.getY(),\r
            containerEl     = container.getEl(),\r
            containerHeight = containerEl.getHeight(),\r
            yRatio          = y/containerHeight;\r
\r
        // Adjust y ratio for dragger always being 1 pixel from the edge on the bottom\r
        if (yRatio > 0.99) {\r
            yRatio = 1;\r
        }\r
\r
        view.fireEvent('handledrag', yRatio);\r
    },\r
\r
    // Whenever we mousedown over the slider area\r
    onMouseDown: function(e) {\r
        var me         = this,\r
            dragHandle = me.getDragHandle(),\r
            y = e.getY();\r
\r
        // position drag handle accordingly\r
        dragHandle.setY(y);\r
        me.onHandleDrag();\r
\r
        dragHandle.el.repaint();\r
        // tie into the default dd mechanism\r
        dragHandle.dd.onMouseDown(e, dragHandle.dd.el);\r
    },\r
\r
    // Whenever we start a drag over the colormap area\r
    onDragStart: function(e) {\r
        var me         = this,\r
            dragHandle = me.getDragHandle();\r
\r
        // tie into the default dd mechanism\r
        dragHandle.dd.onDragStart(e, dragHandle.dd.el);\r
    },\r
\r
    onMouseUp: function () {\r
        var dragHandle = this.getDragHandle();\r
\r
        dragHandle.dd.dragEnded = true; // work around DragTracker bug\r
    }\r
});\r