comindware.core.ui/src/layout/tabLayout/HeaderMenuPanelItemView.ts

Comindware Core UI provides the basic components like editors, lists, dropdowns, popups that we so desperately need while creating Marionette-based single-page applications.

import MenuItemView from '../../dropdown/views/MenuItemView';

export default MenuItemView.extend({
    modelEvents: {
        'change:error change:enabled change:visible change:isHidden': '__applyClasses'
    },

    onRender() {
        MenuItemView.prototype.onRender.apply(this);
        this.__applyClasses();
    },

    __applyClasses() {
        this.$el.toggleClass('popout-menu__i_error', Boolean(this.model.get('error')));
        this.$el.toggleClass('popout-menu__i_disabled', !this.model.get('enabled'));
        this.$el.toggleClass('popout-menu__i_hidden', !this.model.isShow());
    }
});