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

Add saving and loading of custom classes

Browse Source 
[MAILPOET-2746]
This commit is contained in:
Rostislav Wolny
2020-03-12 14:59:37 +01:00
committed by Veljko V
parent bdd3be889c
commit 6c9d24a6ed
4 changed files with 53 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
assets/js/src/form_editor/store/blocks_to_form_body.jsx
View File

@@ -117,6 +117,7 @@ export const blocksToFormBodyFactory = (colorDefinitions, customFields = []) =>
type: 'text',
params: {
label: block.attributes.label,
class_name: block.attributes.className || null,
},
};
if (block.attributes.mandatory) {

5
assets/js/src/form_editor/store/form_body_to_blocks.jsx
View File

@@ -174,8 +174,12 @@ export const formBodyToBlocksFactory = (colorDefinitions, customFields = []) =>
attributes: {
labelWithinInput: false,
mandatory: false,
className: null,
},
};
if (item.params && has(item.params, 'class_name')) {
mapped.attributes.className = item.params.class_name;
}
if (item.params && has(item.params, 'required')) {
mapped.attributes.mandatory = !!item.params.required;
}
@@ -273,6 +277,7 @@ export const formBodyToBlocksFactory = (colorDefinitions, customFields = []) =>
...mapped,
name: 'mailpoet-form/html',
attributes: {
className: mapped.attributes.className,
content: item.params && item.params.text ? item.params.text : '',
nl2br: item.params && item.params.nl2br ? !!item.params.nl2br : false,
},

25
tests/javascript/form_editor/store/blocks_to_form_body.spec.js
View File

@@ -427,7 +427,7 @@ describe('Blocks to Form Body', () => {
expect(mapped2.params.background_color).to.be.equal('#bbbbbb');
});
it('Should map class name for columns and column', () => {
it('Should map class names', () => {
const columns = { ...nestedColumns };
columns.attributes = {
className: 'my-class',
@@ -441,5 +441,28 @@ describe('Blocks to Form Body', () => {
};
const [mappedColumn] = formBlocksToBody([column]);
expect(mappedColumn.params.class_name).to.be.equal('my-class-2');
const email = { ...emailBlock };
email.attributes.className = 'my-class-3';
const [mappedEmail] = formBlocksToBody([email]);
expect(mappedEmail.params.class_name).to.be.equal('my-class-3');
const customField = {
created_at: '2019-12-10T15:05:06+00:00',
id: 1,
name: 'Custom Field name',
params: {
label: 'Street name',
required: '1',
validate: '',
},
type: 'text',
updated_at: '2019-12-10T15:05:06+00:00',
};
const customText = { ...customTextBlock };
customText.attributes.className = 'my-class-4';
const map = blocksToFormBodyFactory(colorDefinitions, [customField]);
const [mappedCustomText] = map([customText]);
expect(mappedCustomText.params.class_name).to.be.equal('my-class-4');
});
});

23
tests/javascript/form_editor/store/form_body_to_blocks.spec.js
View File

@@ -485,6 +485,29 @@ describe('Form Body To Blocks', () => {
};
const [block] = formBodyToBlocks([nested]);
expect(block.attributes.className).to.be.equal('custom-class');
const email = { ...emailInput, position: '1' };
email.params.class_name = 'custom-class-2';
const [mappedEmail] = formBodyToBlocks([email]);
expect(mappedEmail.attributes.className).to.be.equal('custom-class-2');
const customField = {
created_at: '2019-12-10T15:05:06+00:00',
id: 1,
name: 'Custom Field ^name',
params: {
label: 'Street name',
required: '1',
validate: '',
},
type: 'text',
updated_at: '2019-12-10T15:05:06+00:00',
};
const customText = { ...customTextInput, position: '1' };
customText.params.class_name = 'custom-class-3 custom-class-4';
const map = formBodyToBlocksFactory(colorDefinitions, [customField]);
const [mappedCustomText] = map([customText]);
expect(mappedCustomText.attributes.className).to.be.equal('custom-class-3 custom-class-4');
});
it('It should map heading', () => {