Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/User/List.vue
<template> | <template> | ||||
<div class="container"> | <div class="container"> | ||||
<div class="card" id="user-list"> | <div class="card" id="user-list"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-title"> | <div class="card-title"> | ||||
User Accounts | User Accounts | ||||
<router-link class="btn btn-success float-right create-user" :to="{ path: 'user/new' }" tag="button"> | <router-link class="btn btn-primary float-right create-user" :to="{ path: 'user/new' }" tag="button"> | ||||
<svg-icon icon="user"></svg-icon> Create user | <svg-icon icon="user"></svg-icon> Create user | ||||
</router-link> | </router-link> | ||||
</div> | </div> | ||||
<div class="card-text"> | <div class="card-text"> | ||||
<table class="table table-sm table-hover"> | <table class="table table-sm table-hover"> | ||||
<thead class="thead-light"> | <thead class="thead-light"> | ||||
<tr> | <tr> | ||||
<th scope="col">Primary Email</th> | <th scope="col">Primary Email</th> | ||||
<th scope="col"></th> | <th scope="col"></th> | ||||
</tr> | </tr> | ||||
</thead> | </thead> | ||||
<tbody> | <tbody> | ||||
<tr v-for="user in users" :id="'user' + user.id" :key="user.id"> | <tr v-for="user in users" :id="'user' + user.id" :key="user.id"> | ||||
<td> | <td> | ||||
<svg-icon icon="user" :class="$root.userStatusClass(user)" :title="$root.userStatusText(user)"></svg-icon> | |||||
bohlender: Again, I am not a fan of the (red) icon in the list to indicate the status. I'd keep it in… | |||||
<router-link :to="{ path: 'user/' + user.id }">{{ user.email }}</router-link> | <router-link :to="{ path: 'user/' + user.id }">{{ user.email }}</router-link> | ||||
</td> | </td> | ||||
<td class="buttons"> | <td class="buttons"> | ||||
<button v-if="$root.isController(user.wallet_id)" | <button v-if="$root.isController(user.wallet_id)" | ||||
title="Delete" | title="Delete" | ||||
class="btn btn-link text-danger button-delete p-0" | class="btn btn-link text-danger button-delete p-0" | ||||
@click="deleteUser(user.id)" | @click="deleteUser(user.id)" | ||||
> | > | ||||
▲ Show 20 Lines • Show All 94 Lines • Show Last 20 Lines |
Again, I am not a fan of the (red) icon in the list to indicate the status. I'd keep it in though and we can polish the UX another time. We probably need a standard "this is inactive/not usable" UI thing.