comindware.ui
Version:
Comindware Core UI provides the basic components like editors, lists, dropdowns, popups that we so desperately need while creating Marionette-based single-page applications.
55 lines (43 loc) • 2.01 kB
JavaScript
define(['comindware/core'],
function (core) {
'use strict';
return function () {
var PopupView = Marionette.ItemView.extend({
initialize: function (options) {
this.index = (options && options.index) || 1;
},
template: Handlebars.compile(
'<div class="msg-popup__desc">Your popup message {{index}}</div> ' +
'<input class="js-open__button msg-popup__button_default msg-popup__button" style="margin-left:140px;" type="button" value="Show popup" /> ' +
'<input class="js-close__button msg-popup__button_default msg-popup__button" style="margin-right:10px;" type="button" value="Close" />'),
templateHelpers: function () {
return {
index: this.index
};
},
className: 'demo-popup',
events: {
'click .js-close__button': '__closePopup',
'click .js-open__button': '__showPopup'
},
__closePopup: function () {
core.services.WindowService.closePopup();
},
__showPopup: function () {
core.services.WindowService.showPopup(new PopupView({
index: this.index + 1 || 1
}));
}
});
var View = Marionette.ItemView.extend({
template: Handlebars.compile('<input class="js-show__button" type="button" value="Show Popup"/>'),
events: {
'click .js-show__button': '__showPopup'
},
__showPopup: function () {
core.services.WindowService.showPopup(new PopupView());
}
});
return new View();
};
});