Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/components/Dashboard.vue
<template> | <template> | ||||
<div class="container" dusk="dashboard-component"> | <div class="container" dusk="dashboard-component"> | ||||
<div v-if="!$root.isLoading" id="status-box" class="card"> | <div v-if="!$root.isLoading" id="status-box" class="card"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-title">Status</div> | <div class="card-title">Status</div> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<ul style="list-style: none; padding: 0"> | <ul style="list-style: none; padding: 0"> | ||||
<li v-for="item in statusProcess"> | <li v-for="item in statusProcess"> | ||||
<span v-if="item.state">✓</span><span v-else>○</span> | <span v-if="item.state">✓</span><span v-else>○</span> | ||||
<router-link v-if="item.link" :to="{ path: item.link }">{{ item.title }}</router-link> | <router-link v-if="item.link" :to="{ path: item.link }">{{ item.title }}</router-link> | ||||
<span v-if="!item.link">{{ item.title }}</span> | <span v-if="!item.link">{{ item.title }}</span> | ||||
</li> | </li> | ||||
</ul> | </ul> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<p id="dashboard-nav"> | <div id="dashboard-nav"> | ||||
<router-link class="link-profile" :to="{ name: 'profile' }">Your profile</router-link> | <router-link class="card link-profile" :to="{ name: 'profile' }"> | ||||
<router-link class="link-domains" :to="{ name: 'domains' }">Domains</router-link> | <svg-icon icon="user-cog"></svg-icon><span class="name">Your profile</span> | ||||
<router-link class="link-users" :to="{ name: 'users' }">User accounts</router-link> | </router-link> | ||||
</p> | <router-link class="card link-domains" :to="{ name: 'domains' }"> | ||||
<div v-if="!$root.isLoading" id="dashboard-box" class="card"> | <svg-icon icon="globe"></svg-icon><span class="name">Domains</span> | ||||
</router-link> | |||||
<router-link class="card link-users" :to="{ name: 'users' }"> | |||||
<svg-icon icon="users"></svg-icon><span class="name">User accounts</span> | |||||
</router-link> | |||||
<router-link class="card link-wallet disabled" :to="{ name: 'users' }"> | |||||
<svg-icon icon="wallet"></svg-icon><span class="name">Wallet</span> | |||||
</router-link> | |||||
</div> | |||||
<div v-if="false && !$root.isLoading" id="dashboard-box" class="card"> | |||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-title">Dashboard</div> | <div class="card-title">Dashboard</div> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<pre>{{ data }}</pre> | <pre>{{ data }}</pre> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
▲ Show 20 Lines • Show All 57 Lines • Show Last 20 Lines |