Differential D2371 Diff 6580 src/resources/vue/Dashboard.vue

Changeset View

Standalone View

src/resources/vue/Dashboard.vue

	<template>			<template>
	<div class="container" dusk="dashboard-component">			<div class="container" dusk="dashboard-component">
	<status-component :status="status" @status-update="statusUpdate"></status-component>			<status-component :status="status" @status-update="statusUpdate"></status-component>

				<div id="status-degraded" v-if="$root.isDegraded()" class="d-flex justify-content-center">
				<p class="alert alert-danger">
				The account is degraded. Some features has been disabled. Please, make a payment.
				</p>
				</div>

	<div id="dashboard-nav">			<div id="dashboard-nav">
	<router-link class="card link-profile" :to="{ name: 'profile' }">			<router-link class="card link-profile" :to="{ name: 'profile' }">
	<svg-icon icon="user-cog"></svg-icon><span class="name">Your profile</span>			<svg-icon icon="user-cog"></svg-icon><span class="name">Your profile</span>
	</router-link>			</router-link>
	<router-link v-if="status.enableDomains" class="card link-domains" :to="{ name: 'domains' }">			<router-link v-if="status.enableDomains" class="card link-domains" :to="{ name: 'domains' }">
	<svg-icon icon="globe"></svg-icon><span class="name">Domains</span>			<svg-icon icon="globe"></svg-icon><span class="name">Domains</span>
	</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>
	<router-link v-if="$root.hasSKU('meet')" class="card link-chat" :to="{ name: 'rooms' }">			<router-link v-if="$root.hasSKU('meet') && !$root.isDegraded()" class="card link-chat" :to="{ name: 'rooms' }">
	<svg-icon icon="comments"></svg-icon><span class="name">Video chat</span>			<svg-icon icon="comments"></svg-icon><span class="name">Video chat</span>
	<span class="badge badge-primary">beta</span>			<span class="badge badge-primary">beta</span>
	</router-link>			</router-link>
	<a v-if="webmailURL" class="card link-webmail" :href="webmailURL">			<a v-if="webmailURL" class="card link-webmail" :href="webmailURL">
	<svg-icon icon="envelope"></svg-icon><span class="name">Webmail</span>			<svg-icon icon="envelope"></svg-icon><span class="name">Webmail</span>
	</a>			</a>
	</div>			</div>
	</div>			</div>
	Show All 36 Lines