diff --git a/framework/core/js/src/admin/components/MailPage.js b/framework/core/js/src/admin/components/MailPage.js index dcbbb8f13..5140240e0 100644 --- a/framework/core/js/src/admin/components/MailPage.js +++ b/framework/core/js/src/admin/components/MailPage.js @@ -6,6 +6,10 @@ import Select from '../../common/components/Select'; import LoadingIndicator from '../../common/components/LoadingIndicator'; import saveSettings from '../utils/saveSettings'; +// From https://www.30secondsofcode.org/snippet/deepFlatten +// Array.prototype.flatMap is not supported in IE or Edge +const deepFlatten = arr => [].concat(...arr.map(v => (Array.isArray(v) ? deepFlatten(v) : v))); + export default class MailPage extends Page { init() { super.init(); @@ -15,7 +19,6 @@ export default class MailPage extends Page { this.driverFields = {}; this.fields = ['mail_driver', 'mail_from']; - this.fieldsRequired = []; this.values = {}; const settings = app.data.settings; @@ -37,8 +40,6 @@ export default class MailPage extends Page { } } - this.fieldsRequired = response['data'].map(driver => driver['attributes']['fieldsRequired']).flat(); - this.loading = false; m.redraw(); }); @@ -56,6 +57,7 @@ export default class MailPage extends Page { } const fields = this.driverFields[this.values.mail_driver()]; + const fieldKeys = Object.keys(fields); return (
@@ -88,18 +90,18 @@ export default class MailPage extends Page { ] })} - {Object.keys(fields).length > 0 && FieldSet.component({ + {fieldKeys.length > 0 && FieldSet.component({ label: app.translator.trans(`core.admin.email.${this.values.mail_driver()}_heading`), className: 'MailPage-MailSettings', children: [ - fields.filter(field => this.fieldsRequired.includes(field) && !this.values[field]()).length > 0 && Alert.component({ + fieldKeys.filter(field => fields[field] && fields[field].indexOf('required') !== -1 && !this.values[field]()).length > 0 && Alert.component({ children: app.translator.trans('core.admin.email.incomplete_configuration_text'), dismissible: false, }),
- {Object.keys(fields).map(field => [ - , + {fieldKeys.map(field => [ + , this.renderField(field), ])}
@@ -125,7 +127,7 @@ export default class MailPage extends Page { const prop = this.values[name]; if (typeof field === 'string') { - return ; + return ; } else { return