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.
77 lines (71 loc) • 2.42 kB
JavaScript
/**
* Developer: Stepan Burguchev
* Date: 2/27/2017
* Copyright: 2009-2017 Stepan Burguchev®
* All Rights Reserved
* Published under the MIT license
*/
define(
[
'comindware/core'
],
function(core) {
'use strict';
return function() {
const model = new Backbone.Model({
title: 'foo',
idealDays: 12,
dueDate: '2015-07-20T10:46:37Z',
description: 'bar\nbaz',
blocked: true
});
const formSchema = {
title: {
title: 'Title',
type: 'Text'
},
idealDays: {
title: 'Ideal Days',
type: 'Number'
},
dueDate: {
title: 'Due Date',
type: 'DateTime'
},
description: {
title: 'Description',
type: 'TextArea'
},
blocked: {
type: 'Boolean',
displayText: 'Blocked by another task'
}
};
const view = new core.layout.Form({
model: model,
schema: formSchema,
content: new core.layout.VerticalLayout({
rows: [
core.layout.createFieldAnchor('title'),
new core.layout.HorizontalLayout({
columns: [
core.layout.createFieldAnchor('idealDays'),
core.layout.createFieldAnchor('dueDate')
]
}),
core.layout.createFieldAnchor('description'),
core.layout.createEditorAnchor('blocked'),
new core.layout.Button({
text: 'Commit',
handler () {
view.form.commit();
alert(JSON.stringify(model.toJSON(), null, 4));
}
})
]
})
});
return view;
};
}
);