114 lines
2.6 KiB
Vue
114 lines
2.6 KiB
Vue
<template>
|
|
<Card title="Partner Request Status" v-if="!$account.team.jerp_partner">
|
|
<template #actions>
|
|
<Badge
|
|
:variant="'subtle'"
|
|
:theme="this.partnerRequestStatus === 'Pending' ? 'orange' : 'green'"
|
|
size="lg"
|
|
:label="this.partnerRequestStatus"
|
|
v-if="this.partnerRequestStatus"
|
|
/>
|
|
</template>
|
|
<div class="flex items-center">
|
|
<div v-if="$account.team.partnership_date">
|
|
<span class="text-base">
|
|
Customer Partnership Start Date:
|
|
<span class="font-semibold">{{
|
|
$date($account.team.partnership_date).toLocaleString({
|
|
month: 'long',
|
|
day: 'numeric',
|
|
year: 'numeric'
|
|
})
|
|
}}</span>
|
|
</span>
|
|
</div>
|
|
<div v-else>
|
|
<span class="text-base">
|
|
To set Customer Partnership Start Date, click on Edit button</span
|
|
>
|
|
</div>
|
|
<div class="ml-auto">
|
|
<Button icon-left="edit" @click="showDateEditDialog = true">
|
|
Edit
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
|
|
<Dialog
|
|
:options="{
|
|
title: 'Update Customer Partnership Start Date',
|
|
actions: [
|
|
{
|
|
variant: 'solid',
|
|
label: 'Save Changes',
|
|
onClick: () => $resources.updatePartnershipDate.submit()
|
|
}
|
|
]
|
|
}"
|
|
v-model="showDateEditDialog"
|
|
>
|
|
<template v-slot:body-content>
|
|
<FormControl
|
|
label="Enter Partnership Start Date"
|
|
type="date"
|
|
v-model="partnerDate"
|
|
description="This date will be used to calculate your partner's target achievement."
|
|
/>
|
|
<ErrorMessage
|
|
class="mt-2"
|
|
:message="$resources.updatePartnershipDate.error"
|
|
/>
|
|
</template>
|
|
</Dialog>
|
|
</Card>
|
|
</template>
|
|
<script>
|
|
import { DateTime } from 'luxon';
|
|
|
|
export default {
|
|
name: 'PartnerRequestStatus',
|
|
data() {
|
|
return {
|
|
partnerRequestStatus: null,
|
|
partnershipDate: null,
|
|
showDateEditDialog: false,
|
|
partnerDate: null
|
|
};
|
|
},
|
|
resources: {
|
|
getStatus: {
|
|
url: 'jcloud.api.partner.get_partner_request_status',
|
|
params: {
|
|
team: $account.team.name
|
|
},
|
|
onSuccess(data) {
|
|
this.partnerRequestStatus = data;
|
|
},
|
|
auto: true
|
|
},
|
|
updatePartnershipDate() {
|
|
return {
|
|
url: 'jcloud.api.partner.update_partnership_date',
|
|
params: {
|
|
team: $account.team.name,
|
|
partnership_date: this.partnerDate || this.today
|
|
},
|
|
onSuccess() {
|
|
this.showDateEditDialog = false;
|
|
},
|
|
validate() {
|
|
if (!$account.team.partner_email) {
|
|
return 'Please link your account with Partner Code first.';
|
|
}
|
|
}
|
|
};
|
|
}
|
|
},
|
|
computed: {
|
|
today() {
|
|
return DateTime.local().toISODate();
|
|
}
|
|
}
|
|
};
|
|
</script>
|