STEINNI
104 lines
2.7 KiB
JavaScript
104 lines
2.7 KiB
JavaScript
/**
|
|
* Class SubmissionShortFormTabView
|
|
* Handles a form chunk as a local form by matching form fields with model data,
|
|
* managing modes (read-only or edition) and handling form specific encoding rules.
|
|
* Compatible with all proposal form versions.
|
|
*
|
|
* @author Michael Fallise
|
|
* @version 1.0
|
|
*/
|
|
class SubmissionShortFormTabView extends EICDomContent {
|
|
|
|
options = {
|
|
mode: 'read'
|
|
}
|
|
|
|
DOMContentLoaded(options) {
|
|
this.components = ui.eicfy(this.el);
|
|
|
|
//this.mode = options && options.mode ? options.mode: this.options.mode;
|
|
this.form = new Form(this.el);
|
|
|
|
if(options.model) this.model = options.model;
|
|
|
|
this.setupRules();
|
|
|
|
if(!this.model && !this.model.data) {
|
|
console.warn('SubmissionShortFormTabView: No model provided.')
|
|
}
|
|
}
|
|
|
|
DOMContentFocused(options) {
|
|
if(options) this.model = options.models.submission
|
|
}
|
|
|
|
|
|
/**
|
|
* Validates the local form
|
|
* Overridable.
|
|
*/
|
|
validate() { return this.form.validate(true); }
|
|
|
|
/**
|
|
* Initializes the local form with specific field rules
|
|
* Overridable.
|
|
*/
|
|
setupRules() {}
|
|
|
|
/**
|
|
* Fills the local form with available Model data
|
|
*/
|
|
fill(mode) {
|
|
|
|
this.mode = mode;
|
|
|
|
let fields = this.form.scan();
|
|
for(let field of fields) {
|
|
let component = this.el2component(field.el.dataset.path, field.el.name);
|
|
if(component) component.disabled = this.mode == 'read';
|
|
|
|
let item = this.findField(field.el.dataset.path, field.el.name)
|
|
if(item) {
|
|
if(component.el.type == 'checkbox'){
|
|
component.el.checked = item == true;
|
|
}
|
|
else
|
|
component.value = item;
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Retrieves a data field value based on path an name
|
|
* @param {*} path
|
|
* @param {*} name
|
|
* @returns
|
|
*/
|
|
findField(path, name) {
|
|
|
|
let levels = path && path != '' && path !== undefined ? path.split('.'): [];
|
|
let tree = this.model.data;
|
|
|
|
for(let level of levels)
|
|
if(tree.hasOwnProperty(level)) tree = tree[level];
|
|
if(tree.hasOwnProperty(name)) return tree[name];
|
|
}
|
|
|
|
/**
|
|
* Converts a DOM Element into EICUI Component
|
|
* @param {*} path
|
|
* @param {*} name
|
|
* @returns
|
|
*/
|
|
el2component(path, name) {
|
|
return (
|
|
this.components
|
|
.find(o =>
|
|
o.el.hasAttribute('name') && o.el.getAttribute('name') == name &&
|
|
( !path || (path && o.el.dataset.path == path))
|
|
)
|
|
)
|
|
}
|
|
}
|
|
|
|
app.registerClass('SubmissionShortFormTabView', SubmissionShortFormTabView); |