Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Set form default styles in mapper

Browse Source 
[MAILPOET-2938]
This commit is contained in:
Rostislav Wolny
2020-06-03 10:29:32 +02:00
committed by Veljko V
parent 9f9b21169a
commit fb278924cc
3 changed files with 25 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/js/src/form_editor/store/defaults.ts
View File

@@ -51,3 +51,11 @@ export const slideInForm = {
position: 'right', position: 'right',
formDelay: 15, formDelay: 15,
}; };
export const formStyles = {
formPadding: 20,
inputPadding: 5,
borderSize: 0,
borderRadius: 0,
alignment: 'left',
};

17
assets/js/src/form_editor/store/map_form_data_after_loading.jsx
View File

@@ -24,10 +24,19 @@ export default function mapFormDataAfterLoading(data) {
? asNum(data.settings.slide_in_form_delay) ? asNum(data.settings.slide_in_form_delay)
: defaults.slideInForm.formDelay, : defaults.slideInForm.formDelay,
slideInFormPosition: data.settings.slide_in_form_position ?? defaults.slideInForm.position, slideInFormPosition: data.settings.slide_in_form_position ?? defaults.slideInForm.position,
borderRadius: asNum(data.settings.border_radius), alignment: data.settings.alignment ?? defaults.formStyles.alignment,
borderSize: asNum(data.settings.border_size), borderRadius: data.settings.border_radius !== undefined
formPadding: data.settings.form_padding ? asNum(data.settings.form_padding) : 20, ? asNum(data.settings.border_radius)
inputPadding: data.settings.input_padding ? asNum(data.settings.input_padding) : 5, : defaults.formStyles.borderRadius,
borderSize: data.settings.border_size !== undefined
? asNum(data.settings.border_size)
: defaults.formStyles.borderSize,
formPadding: data.settings.form_padding !== undefined
? asNum(data.settings.form_padding)
: defaults.formStyles.formPadding,
inputPadding: data.settings.input_padding !== undefined
? asNum(data.settings.input_padding)
: defaults.formStyles.inputPadding,
borderColor: data.settings.border_color, borderColor: data.settings.border_color,
fontFamily: data.settings.font_family, fontFamily: data.settings.font_family,
successValidationColor: data.settings.success_validation_color, successValidationColor: data.settings.success_validation_color,

5
tests/javascript/form_editor/store/map_form_data_after_loading.spec.js
View File

@@ -59,9 +59,12 @@ describe('Form Data Load Mapper', () => {
expect(map(data).settings).to.have.property('placeFormBellowAllPosts', false); expect(map(data).settings).to.have.property('placeFormBellowAllPosts', false);
}); });
it('Sets default paddings', () => { it('Sets default form styles', () => {
expect(map(data).settings).to.have.property('formPadding', 20); expect(map(data).settings).to.have.property('formPadding', 20);
expect(map(data).settings).to.have.property('inputPadding', 5); expect(map(data).settings).to.have.property('inputPadding', 5);
expect(map(data).settings).to.have.property('alignment', 'left');
expect(map(data).settings).to.have.property('borderRadius', 0);
expect(map(data).settings).to.have.property('borderSize', 0);
}); });
it('Maps form and input padding', () => { it('Maps form and input padding', () => {