Commits

Giuseppe Digilio authored f991b4edb2e
[CST-4506] Fix item access condition form layout
No tags

src/app/submission/sections/accesses/section-accesses.model.ts

Modified
24 24 }
25 25 };
26 26
27 27 export const ACCESS_CONDITION_GROUP_CONFIG: DynamicFormGroupModelConfig = {
28 28 id: 'accessConditionGroup',
29 29 group: []
30 30 };
31 31
32 32 export const ACCESS_CONDITION_GROUP_LAYOUT: DynamicFormControlLayout = {
33 33 element: {
34 - host: 'form-group flex-fill access-condition-group',
34 + host: 'form-group access-condition-group col',
35 35 container: 'pl-1 pr-1',
36 36 control: 'form-row '
37 37 }
38 38 };
39 39
40 40 export const ACCESS_CONDITIONS_FORM_ARRAY_CONFIG: DynamicFormArrayModelConfig = {
41 41 id: 'accessCondition',
42 42 groupFactory: null,
43 43 };
44 44 export const ACCESS_CONDITIONS_FORM_ARRAY_LAYOUT: DynamicFormControlLayout = {
45 45 grid: {
46 46 group: 'form-row pt-4',
47 47 }
48 48 };
49 49
50 50 export const FORM_ACCESS_CONDITION_TYPE_CONFIG: DynamicSelectModelConfig<any> = {
51 51 id: 'name',
52 - label: 'submission.sections.upload.form.access-condition-label',
52 + label: 'submission.sections.accesses.form.access-condition-label',
53 + hint: 'submission.sections.accesses.form.access-condition-hint',
53 54 options: []
54 55 };
55 56 export const FORM_ACCESS_CONDITION_TYPE_LAYOUT: DynamicFormControlLayout = {
56 57 element: {
57 58 host: 'col-12',
58 59 label: 'col-form-label name-label'
59 60 }
60 61 };
61 62
62 63 export const FORM_ACCESS_CONDITION_START_DATE_CONFIG: DynamicDatePickerModelConfig = {
63 64 id: 'startDate',
64 - label: 'submission.sections.upload.form.from-label',
65 - placeholder: 'submission.sections.upload.form.from-placeholder',
65 + label: 'submission.sections.accesses.form.from-label',
66 + hint: 'submission.sections.accesses.form.from-hint',
67 + placeholder: 'submission.sections.accesses.form.from-placeholder',
66 68 inline: false,
67 69 toggleIcon: 'far fa-calendar-alt',
68 70 relations: [
69 71 {
70 72 match: MATCH_ENABLED,
71 73 operator: OR_OPERATOR,
72 74 when: []
73 75 }
74 76 ],
75 77 required: true,
76 78 validators: {
77 79 required: null
78 80 },
79 81 errorMessages: {
80 - required: 'submission.sections.upload.form.date-required-from'
82 + required: 'submission.sections.accesses.form.date-required-from'
81 83 }
82 84 };
83 85 export const FORM_ACCESS_CONDITION_START_DATE_LAYOUT: DynamicFormControlLayout = {
84 86 element: {
85 87 label: 'col-form-label'
86 88 },
87 89 grid: {
88 90 host: 'col-6'
89 91 }
90 92 };
91 93
92 94 export const FORM_ACCESS_CONDITION_END_DATE_CONFIG: DynamicDatePickerModelConfig = {
93 95 id: 'endDate',
94 - label: 'submission.sections.upload.form.until-label',
95 - placeholder: 'submission.sections.upload.form.until-placeholder',
96 + label: 'submission.sections.accesses.form.until-label',
97 + hint: 'submission.sections.accesses.form.until-hint',
98 + placeholder: 'submission.sections.accesses.form.until-placeholder',
96 99 inline: false,
97 100 toggleIcon: 'far fa-calendar-alt',
98 101 relations: [
99 102 {
100 103 match: MATCH_ENABLED,
101 104 operator: OR_OPERATOR,
102 105 when: []
103 106 }
104 107 ],
105 108 required: true,
106 109 validators: {
107 110 required: null
108 111 },
109 112 errorMessages: {
110 - required: 'submission.sections.upload.form.date-required-until'
113 + required: 'submission.sections.accesses.form.date-required-until'
111 114 }
112 115 };
113 116 export const FORM_ACCESS_CONDITION_END_DATE_LAYOUT: DynamicFormControlLayout = {
114 117 element: {
115 118 label: 'col-form-label'
116 119 },
117 120 grid: {
118 121 host: 'col-6'
119 122 }
120 123 };

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut