Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Dashboard.vue
<template> | <template> | ||||
<div v-if="!$root.isLoading" class="container" dusk="dashboard-component"> | <div v-if="!$root.isLoading" class="container" dusk="dashboard-component"> | ||||
<div v-if="!isReady" id="status-box" class="card"> | <div v-if="!isReady" id="status-box" class="card"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-title">Account status: <span class="text-danger">Not ready</span></div> | <div class="card-title">Account status: <span class="text-danger">Not ready</span></div> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<p>The process to create your account have not been completed yet. | <p>The process to create your account has not been completed yet. | ||||
Some features may be disabled or readonly.</p> | Some features may be disabled or readonly.</p> | ||||
<ul class="status-list"> | <ul class="status-list"> | ||||
bohlender: "have not" should be "has not" ? | |||||
Done Inline ActionsI'll fix that machniak: I'll fix that | |||||
<li v-for="item in statusProcess" :key="item.label"> | <li v-for="item in statusProcess" :key="item.label"> | ||||
Not Done Inline Actionsin the end we might only want to display the things that have not happened yet. bohlender: in the end we might only want to display the things that have not happened yet.
let's do this… | |||||
Done Inline ActionsI think it's better visually to display all. It looks nicer when the unchecked boxes change live. machniak: I think it's better visually to display all. It looks nicer when the unchecked boxes change… | |||||
<svg-icon :icon="['far', item.state ? 'check-square' : 'square']" | <svg-icon :icon="['far', item.state ? 'check-square' : 'square']" | ||||
:class="item.state ? 'text-success' : 'text-muted'" | :class="item.state ? 'text-success' : 'text-muted'" | ||||
></svg-icon> | ></svg-icon> | ||||
<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> | ||||
▲ Show 20 Lines • Show All 86 Lines • Show Last 20 Lines |
"have not" should be "has not" ?