Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Reseller/Dashboard.vue
<template> | <template> | ||||
<div class="container" dusk="dashboard-component"> | <div class="container" dusk="dashboard-component"> | ||||
<div id="dashboard-nav" class="mt-3"> | <div id="dashboard-nav" class="mt-3"> | ||||
<router-link class="card link-signups" :to="{ name: 'signups' }"> | |||||
<svg-icon icon="users"></svg-icon><span class="name">Signups</span> | |||||
<span v-if="signups > 0" class="badge badge-danger">{{ signups }}</span> | |||||
</router-link> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
export default { | export default { | ||||
data() { | |||||
return { | |||||
signups: 0 | |||||
} | |||||
}, | |||||
mounted() { | |||||
this.countSignups() | |||||
}, | |||||
methods: { | |||||
countSignups() { | |||||
axios.get('/api/v4/users/drafts?count=1') | |||||
.then(response => { | |||||
this.signups = response.data.count | |||||
}) | |||||
} | |||||
} | |||||
} | } | ||||
</script> | </script> |