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

Add alignment control

Browse Source 
[MAILPOET-2809]
This commit is contained in:
Pavel Dohnal
2020-04-20 12:32:48 +02:00
committed by Veljko V
parent f93379fd70
commit 3c311ce7c5
2 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/js/src/form_editor/components/form_settings/styles_settings_panel.jsx
View File

@@ -3,6 +3,7 @@ import {
Panel, Panel,
PanelBody, PanelBody,
RangeControl, RangeControl,
SelectControl,
} from '@wordpress/components'; } from '@wordpress/components';
import MailPoet from 'mailpoet'; import MailPoet from 'mailpoet';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
@@ -79,6 +80,16 @@ const BasicSettingsPanel = ({ onToggle, isOpened }) => {
value={settings.borderColor} value={settings.borderColor}
onChange={partial(updateStyles, 'borderColor')} onChange={partial(updateStyles, 'borderColor')}
/> />
<SelectControl
label={MailPoet.I18n.t('formSettingsAlignment')}
onChange={partial(updateStyles, 'alignment')}
options={[
{ value: 'left', label: MailPoet.I18n.t('formSettingsAlignmentLeft') },
{ value: 'center', label: MailPoet.I18n.t('formSettingsAlignmentCenter') },
{ value: 'right', label: MailPoet.I18n.t('formSettingsAlignmentRight') },
]}
value={settings.alignment !== undefined ? settings.alignment : 'left'}
/>
</div> </div>
</PanelBody> </PanelBody>
</Panel> </Panel>

4
views/form/editor.html
View File

@@ -53,6 +53,10 @@
'formSettingsBorderSize': _x('Border Size', 'A label for checkbox in form style settings'), 'formSettingsBorderSize': _x('Border Size', 'A label for checkbox in form style settings'),
'formSettingsBorderRadius': _x('Border Radius', 'A label for checkbox in form style settings'), 'formSettingsBorderRadius': _x('Border Radius', 'A label for checkbox in form style settings'),
'formSettingsInputPadding': _x('Input Padding', 'A label for form style settings'), 'formSettingsInputPadding': _x('Input Padding', 'A label for form style settings'),
'formSettingsAlignment': _x('Alignment', 'A label for form style settings'),
'formSettingsAlignmentLeft': _x('left', 'An alignment value for form editor'),
'formSettingsAlignmentCenter': _x('center', 'An alignment value for form editor'),
'formSettingsAlignmentRight': _x('right', 'An alignment value for form editor'),
'formSettingsBorderColor': _x('Border Color', 'A label for checkbox in form style settings'), 'formSettingsBorderColor': _x('Border Color', 'A label for checkbox in form style settings'),
'formSettingsApplyToAll': __('Apply styles to all inputs'), 'formSettingsApplyToAll': __('Apply styles to all inputs'),
'customFieldSettings': _x('Custom field settings', 'A settings section heading'), 'customFieldSettings': _x('Custom field settings', 'A settings section heading'),