Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Distlist/List.vue
<template> | <template> | ||||
<div class="container"> | <div class="container"> | ||||
<div class="card" id="distlist-list"> | <div class="card" id="distlist-list"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<div class="card-title"> | <div class="card-title"> | ||||
{{ $tc('distlist.list-title', 2) }} | {{ $tc('distlist.list-title', 2) }} | ||||
<router-link class="btn btn-success float-end create-list" :to="{ path: 'distlist/new' }" tag="button"> | <router-link class="btn btn-success float-end create-list" :to="{ path: 'distlist/new' }" tag="button"> | ||||
<svg-icon icon="users"></svg-icon> {{ $t('distlist.create') }} | <svg-icon icon="users"></svg-icon> {{ $t('distlist.create') }} | ||||
</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> | <thead> | ||||
<tr> | <tr> | ||||
<th scope="col">{{ $t('distlist.name') }}</th> | |||||
<th scope="col">{{ $t('distlist.email') }}</th> | <th scope="col">{{ $t('distlist.email') }}</th> | ||||
</tr> | </tr> | ||||
</thead> | </thead> | ||||
<tbody> | <tbody> | ||||
<tr v-for="list in lists" :key="list.id" @click="$root.clickRecord"> | <tr v-for="list in lists" :key="list.id" @click="$root.clickRecord"> | ||||
<td> | <td> | ||||
<svg-icon icon="users" :class="$root.distlistStatusClass(list)" :title="$root.distlistStatusText(list)"></svg-icon> | <svg-icon icon="users" :class="$root.distlistStatusClass(list)" :title="$root.distlistStatusText(list)"></svg-icon> | ||||
<router-link :to="{ path: 'distlist/' + list.id }">{{ list.name }}</router-link> | |||||
</td> | |||||
<td> | |||||
<router-link :to="{ path: 'distlist/' + list.id }">{{ list.email }}</router-link> | <router-link :to="{ path: 'distlist/' + list.id }">{{ list.email }}</router-link> | ||||
</td> | </td> | ||||
</tr> | </tr> | ||||
</tbody> | </tbody> | ||||
<tfoot class="table-fake-body"> | <tfoot class="table-fake-body"> | ||||
<tr> | <tr> | ||||
<td>{{ $t('distlist.list-empty') }}</td> | <td colspan="2">{{ $t('distlist.list-empty') }}</td> | ||||
</tr> | </tr> | ||||
</tfoot> | </tfoot> | ||||
</table> | </table> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
Show All 20 Lines |