Files

72 lines
1.7 KiB
Vue

<template>
<div class="sticky top-0 z-10 shrink-0">
<Header>
<FBreadcrumbs
:items="[{ label: 'Partnership', route: { name: 'Partnership' } }]"
/>
</Header>
<TabsWithRouter
v-if="
Boolean(this.$team.doc.erpnext_partner) && $session.hasPartnerAccess
"
:tabs="tabs"
/>
<div
v-else
class="mx-auto mt-60 w-fit rounded border border-dashed px-12 py-8 text-center text-gray-600"
>
<i-lucide-alert-triangle class="mx-auto mb-4 h-6 w-6 text-red-600" />
<ErrorMessage
message="You aren't permitted to view the partner page. Please ask the team owner to provide permission for your role."
/>
</div>
</div>
</template>
<script>
import Header from '../components/Header.vue';
import { Breadcrumbs, Tabs } from 'frappe-ui';
import TabsWithRouter from '../components/TabsWithRouter.vue';
export default {
name: 'Partner',
components: {
Header,
FBreadcrumbs: Breadcrumbs,
FTabs: Tabs,
TabsWithRouter,
},
data() {
return {
currentTab: 0,
tabs: [
{ label: 'Overview', route: { name: 'PartnerOverview' } },
{ label: 'Customers', route: { name: 'PartnerCustomers' } },
{
label: 'Approval Requests',
route: { name: 'PartnerApprovalRequests' },
},
{
label: 'Partner Certificates',
route: { name: 'PartnerCertificates' },
},
{
label: 'Local Payment Setup',
route: { name: 'LocalPaymentSetup' },
condition: () =>
Boolean(
this.$team.doc.country === 'Kenya' &&
this.$team.doc.mpesa_enabled,
),
},
{
label: 'Partner Payout',
route: { name: 'PartnerPayout' },
condition: () => Boolean(this.$team.doc.erpnext_partner),
},
],
};
},
};
</script>