comindware.core.ui/src/components/toolbar/models/SelectStateModel.js

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 SelectStateItemsCollection from '../collections/SelectStateItemsCollection';
import meta from '../meta';

export default Backbone.AssociatedModel.extend({
    defaults: {
        items: []
    },

    relations: [
        {
            type: Backbone.Many,
            key: 'items',
            collectionType: SelectStateItemsCollection
        }
    ],

    initialize() {
        const itemsCollection = this.get('items');
        this.listenTo(itemsCollection, 'select:one', model => this.set('iconClass', model.get('iconClass')));

        this.__selectDefaultModel(itemsCollection);
        this.__addDropdownClass();
    },

    __addDropdownClass() {
        const dropdownClass = this.get('dropdownClass');
        let SelectStateDropdownClass = 'toolbar-panel_container__select-state';
        dropdownClass && (SelectStateDropdownClass = `${dropdownClass} ${SelectStateDropdownClass}`);
        this.set('dropdownClass', SelectStateDropdownClass);
    },

    __selectDefaultModel(itemsCollection) {
        let firstNotHeadlineModel = null;

        firstNotHeadlineModel = itemsCollection.find(model => model.get('type') !== meta.toolbarItemType.HEADLINE && model.get('default'));

        if (!firstNotHeadlineModel) {
            firstNotHeadlineModel = itemsCollection.find(model => model.get('type') !== meta.toolbarItemType.HEADLINE);
        }

        itemsCollection.select(firstNotHeadlineModel);
    }
});