Add . and @ for domain selection labels

dashboard/src/components/MailboxDialog.vue

@@ -24,11 +24,12 @@ const storageQuotaTicks = [ 500*1000*1000, 5*1000*1000*1000, 15*1000*1000*1000,
 const storageQuota = ref(5*1000*1000*1000);
 const active = ref(false);
 const enablePop3 = ref(false);
+const domainList = ref([]);
 
 function onAddAlias() {
   aliases.value.push({
     name: '',
-    domain: props.domains[0].domain,
+    domain: '@' + props.domains[0].domain,
   });
 }
 
@@ -98,6 +99,13 @@ defineExpose({
       u.name = u.name || u.username || u.label || u.fqdn;
     });
 
+    domainList.value = props.domains.map(d => {
+      return {
+        domain: d.domain,
+        label: '@' + d.domain,
+      };
+    });
+
     dialog.value.open();
   }
 });
@@ -125,8 +133,7 @@ defineExpose({
             <label for="nameInput">{{ $t('email.addMailboxDialog.name') }}</label>
             <InputGroup>
               <TextInput id="nameInput" style="flex-grow: 1;" v-model="name"/>
-              <div class="input-group-label">@</div>
-              <SingleSelect v-model="domain" :options="domains" option-key="domain" option-label="domain" />
+              <SingleSelect v-model="domain" :options="domainList" option-key="domain" option-label="label" />
             </InputGroup>
             <div class="error-label" v-if="formError">{{ formError }}</div>
           </FormGroup>
@@ -154,8 +161,7 @@ defineExpose({
             <div v-for="(alias, index) in aliases" :key="alias" style="margin: 5px 0;">
               <InputGroup>
                 <TextInput style="flex-grow: 1;" v-model="alias.name"/>
-                <div class="input-group-label">@</div>
-                <SingleSelect v-model="alias.domain" :options="domains" option-key="domain" option-label="domain" />
+                <SingleSelect v-model="alias.domain" :options="domainList" option-key="domain" option-label="label" />
                 <Button tool danger icon="fa-solid fa-trash-alt" @click="onRemoveAlias(index)"/>
               </InputGroup>
             </div>