add extjs 6.0.1 sources

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

/**\r
 * @private\r
 */\r
Ext.define('Ext.ux.colorpick.ButtonController', {\r
    extend: 'Ext.app.ViewController',\r
\r
    alias: 'controller.colorpick-buttoncontroller',\r
\r
    requires: [\r
        'Ext.window.Window',\r
        'Ext.layout.container.Fit',\r
        'Ext.ux.colorpick.Selector',\r
        'Ext.ux.colorpick.ColorUtils'\r
    ],\r
\r
    afterRender: function (view) {\r
        view.updateColor(view.getColor());\r
    },\r
\r
    destroy: function () {\r
        var view = this.getView(),\r
            colorPickerWindow = view.colorPickerWindow;\r
\r
        if (colorPickerWindow) {\r
            colorPickerWindow.destroy();\r
            view.colorPickerWindow = view.colorPicker = null;\r
        }\r
\r
        this.callParent();\r
    },\r
\r
    getPopup: function () {\r
        var view = this.getView(),\r
            popup = view.colorPickerWindow,\r
            selector;\r
\r
        if (!popup) {\r
            popup = Ext.create(view.getPopup());\r
\r
            view.colorPickerWindow = popup;\r
            popup.colorPicker = view.colorPicker = selector = popup.lookupReference('selector');\r
            selector.setFormat(view.getFormat());\r
            selector.on({\r
                ok: 'onColorPickerOK',\r
                cancel: 'onColorPickerCancel',\r
                scope: this\r
            });\r
\r
            popup.on({\r
                close: 'onColorPickerCancel',\r
                scope: this\r
            });\r
        }\r
\r
        return popup;\r
    },\r
\r
    // When button is clicked show the color picker window\r
    onClick: function() {\r
        var me = this,\r
            view = me.getView(),\r
            color = view.getColor(),\r
            popup = me.getPopup(),\r
            colorPicker = popup.colorPicker;\r
\r
        colorPicker.setColor(color);\r
        colorPicker.setPreviousColor(color);\r
\r
        popup.showBy(view, 'tl-br?');\r
    },\r
\r
    onColorPickerOK: function (picker) {\r
        var view  = this.getView(),\r
            color = picker.getColor(),\r
            cpWin = view.colorPickerWindow;\r
\r
        cpWin.hide();\r
\r
        view.setColor(color);\r
    },\r
\r
    onColorPickerCancel: function () {\r
        var view  = this.getView(),\r
            cpWin = view.colorPickerWindow;\r
\r
        cpWin.hide();\r
    },\r
\r
    syncColor: function (color) {\r
        var view = this.getView();\r
\r
        Ext.ux.colorpick.ColorUtils.setBackground(view.filterEl, color);\r
    }\r
});\r