Add initial masquerading settings item

dashboard/src/views/EmailDomainView.vue

@@ -77,6 +77,10 @@ async function onEnableIncoming() {
   }, 2000);
 }
 
+
+const mailFromValidation = ref(false);
+
+
 async function refreshMailConfig() {
 
   const [error, result] = await mailModel.config(domain.value);
@@ -84,7 +88,7 @@ async function refreshMailConfig() {
 
   mailConfig.value = result;
   incomingEnabled.value = result.enabled;
-  domainProvider.value = '';
+  mailFromValidation.value = result.mailFromValidation;
 
   refreshBusy.value = false;
 }
@@ -137,6 +141,14 @@ onMounted(async () => {
         </FormGroup>
         <Switch v-model="incomingEnabled" :disabled="refreshBusy" @change="onAskIncomingToggle"/>
       </SettingsItem>
+
+      <SettingsItem>
+        <FormGroup>
+          <label>{{ $t('email.masquerading.title') }}</label>
+          <div v-html="$t('email.masquerading.description')"></div>
+        </FormGroup>
+        <Switch v-model="mailFromValidation" @change="onToggleMailFromValidation"/>
+      </SettingsItem>
     </Section>
   </div>
 </template>