diff --git a/framework/core/js/src/admin/components/MailPage.js b/framework/core/js/src/admin/components/MailPage.js index 6a7b41e62..dcbbb8f13 100644 --- a/framework/core/js/src/admin/components/MailPage.js +++ b/framework/core/js/src/admin/components/MailPage.js @@ -15,6 +15,7 @@ export default class MailPage extends Page { this.driverFields = {}; this.fields = ['mail_driver', 'mail_from']; + this.fieldsRequired = []; this.values = {}; const settings = app.data.settings; @@ -36,6 +37,8 @@ export default class MailPage extends Page { } } + this.fieldsRequired = response['data'].map(driver => driver['attributes']['fieldsRequired']).flat(); + this.loading = false; m.redraw(); }); @@ -52,6 +55,8 @@ export default class MailPage extends Page { ); } + const fields = this.driverFields[this.values.mail_driver()]; + return (
@@ -83,13 +88,18 @@ export default class MailPage extends Page { ] })} - {Object.keys(this.driverFields[this.values.mail_driver()]).length > 0 && FieldSet.component({ + {Object.keys(fields).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({ + children: app.translator.trans('core.admin.email.incomplete_configuration_text'), + dismissible: false, + }), +
- {Object.keys(this.driverFields[this.values.mail_driver()]).map(field => [ - , + {Object.keys(fields).map(field => [ + , this.renderField(field), ])}
@@ -115,7 +125,7 @@ export default class MailPage extends Page { const prop = this.values[name]; if (typeof field === 'string') { - return ; + return ; } else { return