82 lines
1.7 KiB
Vue
82 lines
1.7 KiB
Vue
<template>
|
|
<Card title="Email Notifications">
|
|
<template #actions>
|
|
<Button icon-left="edit" @click="showEmailsEditDialog = true">
|
|
Edit
|
|
</Button>
|
|
</template>
|
|
<ListItem
|
|
v-if="emailData"
|
|
v-for="email in emailData"
|
|
:title="fieldLabelMap[email.type] || email.type"
|
|
:description="email.value"
|
|
:key="email.type"
|
|
>
|
|
</ListItem>
|
|
<Dialog
|
|
:options="{
|
|
title: 'Edit Emails',
|
|
actions: [
|
|
{
|
|
label: 'Save Changes',
|
|
variant: 'solid',
|
|
onClick: () => $resources.changeEmail.submit()
|
|
}
|
|
]
|
|
}"
|
|
v-model="showEmailsEditDialog"
|
|
>
|
|
<template v-slot:body-content>
|
|
<div class="mt-3" v-for="email in emailData" :key="email.type">
|
|
<FormControl
|
|
:label="fieldLabelMap[email.type] || email.type"
|
|
v-model="email.value"
|
|
/>
|
|
</div>
|
|
<ErrorMessage class="mt-2" :message="$resources.changeEmail.error" />
|
|
</template>
|
|
</Dialog>
|
|
</Card>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: 'AccountEmails',
|
|
resources: {
|
|
getEmails() {
|
|
return {
|
|
url: 'jcloud.api.account.get_emails',
|
|
auto: true,
|
|
onSuccess(res) {
|
|
this.emailData = res;
|
|
}
|
|
};
|
|
},
|
|
changeEmail() {
|
|
return {
|
|
url: 'jcloud.api.account.update_emails',
|
|
params: {
|
|
data: JSON.stringify(this.emailData)
|
|
},
|
|
onSuccess(res) {
|
|
this.showEmailsEditDialog = false;
|
|
}
|
|
};
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
showEmailsEditDialog: false,
|
|
emailData: []
|
|
};
|
|
},
|
|
computed: {
|
|
fieldLabelMap() {
|
|
return {
|
|
invoices: 'Send invoices to',
|
|
marketplace_notifications: 'Send marketplace emails to'
|
|
};
|
|
}
|
|
}
|
|
};
|
|
</script>
|