loviuz/openstamanager
loviuz/openstamanager
1
0
Fork 0
mirror of https://github.com/devcode-it/openstamanager.git synced 2025-02-24 15:27:43 +01:00
Code Issues Releases Activity

feat: ✨ Aggiunto campo per precedenza dei campi

Browse Source
This commit is contained in:
Maicol Battistini 2022-01-03 13:31:37 +01:00
parent 552c69cce2
commit 080d70bd49
No known key found for this signature in database
GPG Key ID: 4FDB0F87CDB1D34A
1 changed files with 37 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
resources/js/Components/Pages/RecordsPage.jsx
View File

@ -59,10 +59,15 @@ export class RecordsPage extends Page {
dialogs: Children[];
recordDialogMaxWidth: string | number = '75%';
recordDialogMaxWidth: string | number = 'auto';
model: typeof Model;
/**
* What fields should take precedence when saving the record
*/
fieldsPrecedence: string[] = [];
async oninit(vnode) {
super.oninit(vnode);
const response = await this.model.all();
@ -193,7 +198,7 @@ export class RecordsPage extends Page {
id: field.id ?? fieldIndex,
name: field.name ?? field.id ?? fieldIndex,
'data-default-value': field.value ?? (field.selected ?? '')
})}
}, this.getFieldBody(field))}
</mwc-layout-grid-cell>
))
.toArray();
@ -285,10 +290,15 @@ export class RecordsPage extends Page {
// eslint-disable-next-line new-cap
const instance: Model = new this.model();
form.find('text-field, text-area, material-select')
.each((index, field: TextField | TextArea) => {
instance[field.id] = field.value;
});
const fields = form.find('text-field, text-area, material-select');
for (const fieldName of this.fieldsPrecedence) {
const field = fields.find(`#${fieldName}`);
instance[field.attr('id')] = field.val();
}
fields.each((index, field: TextField | TextArea) => {
instance[field.id] = field.value;
});
const response = await instance.save();
if (response.getModelId()) {
@ -328,11 +338,31 @@ export class RecordsPage extends Page {
case 'select':
return 'material-select';
/* Case 'checkbox':
return Checkbox;
case 'radio':
return Radio; */
default:
return 'text-field';
}
}
getFieldBody(field: TextFieldT | TextAreaT | SelectT) {
switch (field.type) {
case 'select':
return (
<>
{field.options.map((option: { value: string, label: string }) => {
return (
<mwc-list-item key={option} value={option.value}>{option.label}</mwc-list-item>
);
})}
</>
);
case 'checkbox':
return '';
case 'radio':
return '';
default:
return '';
}
}
}