Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Dashboard.vue
Show All 10 Lines | <div class="container" dusk="dashboard-component"> | ||||
</router-link> | </router-link> | ||||
<router-link v-if="status.enableUsers" class="card link-users" :to="{ name: 'users' }"> | <router-link v-if="status.enableUsers" class="card link-users" :to="{ name: 'users' }"> | ||||
<svg-icon icon="users"></svg-icon><span class="name">User accounts</span> | <svg-icon icon="users"></svg-icon><span class="name">User accounts</span> | ||||
</router-link> | </router-link> | ||||
<router-link v-if="status.enableWallets" class="card link-wallet" :to="{ name: 'wallet' }"> | <router-link v-if="status.enableWallets" class="card link-wallet" :to="{ name: 'wallet' }"> | ||||
<svg-icon icon="wallet"></svg-icon><span class="name">Wallet</span> | <svg-icon icon="wallet"></svg-icon><span class="name">Wallet</span> | ||||
<span v-if="balance < 0" class="badge badge-danger">{{ $root.price(balance) }}</span> | <span v-if="balance < 0" class="badge badge-danger">{{ $root.price(balance) }}</span> | ||||
</router-link> | </router-link> | ||||
<a v-if="webmailURL" class="card link-webmail" :href="webmailURL"> | |||||
<svg-icon icon="envelope"></svg-icon><span class="name">Webmail</span> | |||||
</a> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import StatusComponent from './Widgets/Status' | import StatusComponent from './Widgets/Status' | ||||
export default { | export default { | ||||
components: { | components: { | ||||
StatusComponent | StatusComponent | ||||
}, | }, | ||||
data() { | data() { | ||||
return { | return { | ||||
status: {}, | status: {}, | ||||
balance: 0 | balance: 0, | ||||
webmailURL: window.config['app.webmail_url'] | |||||
} | } | ||||
}, | }, | ||||
mounted() { | mounted() { | ||||
const authInfo = this.$store.state.authInfo | const authInfo = this.$store.state.authInfo | ||||
this.status = authInfo.statusInfo | this.status = authInfo.statusInfo | ||||
this.getBalance(authInfo) | this.getBalance(authInfo) | ||||
}, | }, | ||||
methods: { | methods: { | ||||
Show All 14 Lines |