hazza/yel-dspace-angular
1
0
Fork 0
forked from hazza/dspace-angular
Code Pull Requests Activity

Added style customization for submission form field

Browse Source
This commit is contained in:
Giuseppe Digilio
2018-12-06 23:51:58 +01:00
parent 0dff8a21ea
commit bc970be54b
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/shared/form/builder/models/form-field.model.ts
View File

@@ -38,6 +38,9 @@ export class FormFieldModel {
@autoserialize
scope: string;
@autoserialize
style: string;
@autoserialize
value: any;
}

8
src/app/shared/form/builder/parsers/row-parser.ts
View File

@@ -35,7 +35,8 @@ export class RowParser {
const scopedFields: FormFieldModel[] = this.filterScopedFields(this.rowData.fields);
const layoutGridClass = ' col-sm-' + Math.trunc(12 / scopedFields.length) + ' d-flex flex-column justify-content-start';
const layoutDefaultGridClass = ' col-sm-' + Math.trunc(12 / scopedFields.length);
const layoutClass = ' d-flex flex-column justify-content-start';
const parserOptions: ParserOptions = {
readOnly: this.readOnly,
@@ -46,6 +47,7 @@ export class RowParser {
// Iterate over row's fields
scopedFields.forEach((fieldData: FormFieldModel) => {
const layoutFieldClass = (fieldData.style || layoutDefaultGridClass) + layoutClass;
const parserCo = ParserFactory.getConstructor(fieldData.input.type as ParserType);
if (parserCo) {
fieldModel = new parserCo(fieldData, this.initFormValues, parserOptions).parse();
@@ -56,7 +58,7 @@ export class RowParser {
if (fieldModel) {
if (fieldModel.type === DYNAMIC_FORM_CONTROL_TYPE_ARRAY || fieldModel.type === DYNAMIC_FORM_CONTROL_TYPE_RELATION_GROUP) {
if (this.rowData.fields.length > 1) {
setLayout(fieldModel, 'grid', 'host', layoutGridClass);
setLayout(fieldModel, 'grid', 'host', layoutFieldClass);
config.group.push(fieldModel);
// if (isEmpty(parsedResult)) {
// parsedResult = [];
@@ -73,7 +75,7 @@ export class RowParser {
return;
})
} else {
setLayout(fieldModel, 'grid', 'host', layoutGridClass);
setLayout(fieldModel, 'grid', 'host', layoutFieldClass);
config.group.push(fieldModel);
}
}