Differential D2572 Diff 7258 src/resources/vue/Reseller/Dashboard.vue

Changeset View

Standalone View

				<template>
				<div class="container" dusk="dashboard-component">
				<user-search></user-search>
				<div id="dashboard-nav" class="mt-3">
				<router-link v-if="status.enableWallets" class="card link-wallet" :to="{ name: 'wallet' }">
				<svg-icon icon="wallet"></svg-icon><span class="name">Wallet</span>
				<span :class="'badge badge-' + (balance < 0 ? 'danger' : 'success')">{{ $root.price(balance) }}</span>
				</router-link>
				<router-link class="card link-invitations" :to="{ name: 'invitations' }">
				<svg-icon icon="envelope-open-text"></svg-icon><span class="name">Invitations</span>
				</router-link>
				<router-link class="card link-stats" :to="{ name: 'stats' }">
				<svg-icon icon="chart-line"></svg-icon><span class="name">Stats</span>
				</router-link>
				</div>
				</div>
				</template>

				<script>
				import UserSearch from '../Widgets/UserSearch'
				import { library } from '@fortawesome/fontawesome-svg-core'
				import { faChartLine, faEnvelopeOpenText, faWallet } from '@fortawesome/free-solid-svg-icons'

				library.add(faChartLine, faEnvelopeOpenText, faWallet)

				export default {
				components: {
				UserSearch
				},
				data() {
				return {
				status: {},
				balance: 0
				}
				},
				mounted() {
				const authInfo = this.$store.state.authInfo
				this.status = authInfo.statusInfo
				this.getBalance(authInfo)
				},
				methods: {
				getBalance(authInfo) {
				this.balance = 0;
				// TODO: currencies, multi-wallets, accounts
				authInfo.wallets.forEach(wallet => {
				this.balance += wallet.balance
				})
				}
				}
				}
				</script>