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 @autoserialize
scope: string; scope: string;
@autoserialize
style: string;
@autoserialize @autoserialize
value: any; 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 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 = { const parserOptions: ParserOptions = {
readOnly: this.readOnly, readOnly: this.readOnly,
@@ -46,6 +47,7 @@ export class RowParser {
// Iterate over row's fields // Iterate over row's fields
scopedFields.forEach((fieldData: FormFieldModel) => { scopedFields.forEach((fieldData: FormFieldModel) => {
const layoutFieldClass = (fieldData.style || layoutDefaultGridClass) + layoutClass;
const parserCo = ParserFactory.getConstructor(fieldData.input.type as ParserType); const parserCo = ParserFactory.getConstructor(fieldData.input.type as ParserType);
if (parserCo) { if (parserCo) {
fieldModel = new parserCo(fieldData, this.initFormValues, parserOptions).parse(); fieldModel = new parserCo(fieldData, this.initFormValues, parserOptions).parse();
@@ -56,7 +58,7 @@ export class RowParser {
if (fieldModel) { if (fieldModel) {
if (fieldModel.type === DYNAMIC_FORM_CONTROL_TYPE_ARRAY || fieldModel.type === DYNAMIC_FORM_CONTROL_TYPE_RELATION_GROUP) { if (fieldModel.type === DYNAMIC_FORM_CONTROL_TYPE_ARRAY || fieldModel.type === DYNAMIC_FORM_CONTROL_TYPE_RELATION_GROUP) {
if (this.rowData.fields.length > 1) { if (this.rowData.fields.length > 1) {
setLayout(fieldModel, 'grid', 'host', layoutGridClass); setLayout(fieldModel, 'grid', 'host', layoutFieldClass);
config.group.push(fieldModel); config.group.push(fieldModel);
// if (isEmpty(parsedResult)) { // if (isEmpty(parsedResult)) {
// parsedResult = []; // parsedResult = [];
@@ -73,7 +75,7 @@ export class RowParser {
return; return;
}) })
} else { } else {
setLayout(fieldModel, 'grid', 'host', layoutGridClass); setLayout(fieldModel, 'grid', 'host', layoutFieldClass);
config.group.push(fieldModel); config.group.push(fieldModel);
} }
} }