mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-31 05:30:38 +02:00
Code Issues Releases Wiki Activity

Connect labels with their form fields

Browse Source
This commit is contained in:
Franz Liedke
2020-01-24 15:26:20 +01:00
parent 5643ee649b
commit 833ea4e06e
2 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
js/src/admin/components/MailPage.js
View File

@@ -73,8 +73,10 @@ export default class MailPage extends Page {
className: 'MailPage-MailSettings', className: 'MailPage-MailSettings',
children: [ children: [
<div className="MailPage-MailSettings-input"> <div className="MailPage-MailSettings-input">
<label>{app.translator.trans('core.admin.email.from_label')}</label> <label>
<input className="FormControl" value={this.values.mail_from() || ''} oninput={m.withAttr('value', this.values.mail_from)} /> {app.translator.trans('core.admin.email.from_label')}
<input className="FormControl" value={this.values.mail_from() || ''} oninput={m.withAttr('value', this.values.mail_from)} />
</label>
</div> </div>
] ]
})} })}
@@ -84,8 +86,10 @@ export default class MailPage extends Page {
className: 'MailPage-MailSettings', className: 'MailPage-MailSettings',
children: [ children: [
<div className="MailPage-MailSettings-input"> <div className="MailPage-MailSettings-input">
<label>{app.translator.trans('core.admin.email.driver_label')}</label> <label>
<Select value={this.values.mail_driver()} options={Object.keys(this.driverFields).reduce((memo, val) => ({...memo, [val]: val}), {})} onchange={this.values.mail_driver} /> {app.translator.trans('core.admin.email.driver_label')}
<Select value={this.values.mail_driver()} options={Object.keys(this.driverFields).reduce((memo, val) => ({...memo, [val]: val}), {})} onchange={this.values.mail_driver} />
</label>
</div> </div>
] ]
})} })}
@@ -101,8 +105,10 @@ export default class MailPage extends Page {
children: [ children: [
<div className="MailPage-MailSettings-input"> <div className="MailPage-MailSettings-input">
{fieldKeys.map(field => [ {fieldKeys.map(field => [
<label>{app.translator.trans(`core.admin.email.${field}_label`)}</label>, <label>
this.renderField(field), {app.translator.trans(`core.admin.email.${field}_label`)}
{this.renderField(field)}
</label>,
this.status.errors[field] && <p className='ValidationError'>{this.status.errors[field]}</p>, this.status.errors[field] && <p className='ValidationError'>{this.status.errors[field]}</p>,
])} ])}
</div> </div>

9
less/admin/MailPage.less
View File

@@ -22,18 +22,11 @@
.MailPage-MailSettings-input { .MailPage-MailSettings-input {
label { label {
margin-bottom: 5px; display: block;
}
.FormControl {
margin-bottom: 7px; margin-bottom: 7px;
} }
.Select { .Select {
display: block; display: block;
} }
:last-child {
margin-bottom: 0;
}
} }