Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Domain/List.vue
<template> | <template> | ||||
<div class="container"> | <div class="container"> | ||||
<div class="card" id="domain-list"> | <div class="card" id="domain-list"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-title">Domains</div> | <div class="card-title">Domains</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">Name</th> | <th scope="col">Name</th> | ||||
<th scope="col"></th> | <th scope="col"></th> | ||||
</tr> | </tr> | ||||
</thead> | </thead> | ||||
<tbody> | <tbody> | ||||
<tr v-for="domain in domains" :key="domain.id"> | <tr v-for="domain in domains" :key="domain.id"> | ||||
<td><router-link :to="{ path: 'domain/' + domain.id }">{{ domain.namespace }}</router-link></td> | <td> | ||||
<svg-icon icon="globe" :class="$root.domainStatusClass(domain)" :title="$root.domainStatusText(domain)"></svg-icon> | |||||
bohlender: I am not a fan of the (red) icon in the list to indicate the status. I'd keep it in though and… | |||||
<router-link :to="{ path: 'domain/' + domain.id }">{{ domain.namespace }}</router-link> | |||||
</td> | |||||
<td class="buttons"></td> | <td class="buttons"></td> | ||||
</tr> | </tr> | ||||
</tbody> | </tbody> | ||||
</table> | </table> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
Show All 18 Lines |
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.