Server : Apache/2.4.41 (Ubuntu) System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory :  /proc/self/root/var/www/html/libs/absol-form/js/components/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import FCore from "../core/FCore";
import ScalableComponent from "../core/ScalableComponent";
import inheritComponentClass from "../core/inheritComponentClass";
import TextStyleHandlers from "./handlers/TextStyleHandlers";
import InputAttributeHandlers, {InputAttributeNames} from "./handlers/InputAttributeHandlers";
import {AssemblerInstance} from "../core/Assembler";

var _ = FCore._;

/***
 * @extends ScalableComponent
 * @constructor
 */
function Button() {
    ScalableComponent.call(this);
}

inheritComponentClass(Button, ScalableComponent);

Button.prototype.tag = "Button";
Button.prototype.menuIcon = "span.mdi.mdi-alpha-b-box";

Object.assign(Button.prototype.styleHandlers, TextStyleHandlers);

Object.assign(Button.prototype.attributeHandlers, InputAttributeHandlers);

Button.prototype.attributeHandlers.text = {
    set: function (value) {
        this.domElt.text = value;
    },
    get: function () {
        return this.domElt.text;
    },
    descriptor: {
        type: "text",
        sign: 'SimpleText'
    }
};

Button.prototype.attributeHandlers.icon = {
    set: function (value) {
        this.domElt.icon = value;
    },
    get: function () {
        return this.domElt.icon;
    },
    descriptor: {
        type: "icon",
        sign: "SimpleIcon"
    }
};


Button.prototype.attributeHandlers.disabled = {
    set: function (value) {
        this.domElt.disabled = !!value;
    },
    get: function () {
        return this.domElt.disabled;
    },
    descriptor: {
        type: 'bool'
    }
};

Button.prototype.pinHandlers.signal = {
    get: function () {
        return true;
    },
    descriptor: {
        type: "bool"
    }
};

Button.prototype.pinHandlers.disabled = {
    receives: function (value) {
        this.attributes.disabled = value;
    },
    descriptor: {
        type: "bool"
    }
};


Button.prototype.colorThemeList = ['default', 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', 'link'];

Button.prototype.styleHandlers.colorTheme = {
    set: function (value) {
        if (this.colorThemeList.indexOf(value) < 0) value = this.colorThemeList[0];
        var currentValue = arguments[arguments.length - 1].get();
        this.domElt.removeClass(currentValue || 'default')
            .addClass(value);
        return value;
    },
    descriptor: {
        type: 'enum',
        values: Button.prototype.colorThemeList
    }
}


Button.prototype.onCreate = function () {
    ScalableComponent.prototype.onCreate.call(this);
    this.attributes.text = this.attributes.name;
    this.attributes.icon = 'span.mdi.mdi-format-font';
    this.style.colorTheme = 'default';
    this.style.font = 'none';
};

Button.prototype.onCreated = function () {
    ScalableComponent.prototype.onCreated.call(this);
    var self = this;
    this.domElt.on('click', function (event) {
        self.emit('click', {type: 'click', target: this, originEvent: event.originEvent || event}, self);
        self.pinFire('signal');
    });
};


Button.prototype.render = function () {
    return _('flexiconbutton');
};


Button.prototype.getAcceptsEventNames = function () {
    return ScalableComponent.prototype.getAcceptsEventNames.call(this).concat(['click']);
};

Button.prototype.measureMinSize = function () {

    var fontSize = (this.domElt && this.domElt.getFontSize()) || 14;
    return {width: fontSize * 2 + 2, height: fontSize * 2 + 2}
};

AssemblerInstance.addClass(Button);

export default Button;