comindware.core.ui/src/form/editors/impl/context/views/PopoutButtonView.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 template from '../templates/popoutButton.html';

export default Marionette.View.extend({
    tagName: 'span',

    className: 'source-text',

    template: Handlebars.compile(template),

    templateContext() {
        const value = this.model.get('value');
        return {
            buttonText: value || this.model.get('placeholder')
        };
    },

    modelEvents: {
        'change:value': 'render',
        'change:placeholder': 'render'
    }
});