Differential D3044 Diff 8687 src/resources/vue/Resource/List.vue

Changeset View

Standalone View

				<template>
				<div class="container">
				<div class="card" id="resource-list">
				<div class="card-body">
				<div class="card-title">
				{{ $tc('resource.list-title', 2) }}
				<router-link class="btn btn-success float-end create-resource" :to="{ path: 'resource/new' }" tag="button">
				<svg-icon icon="cog"></svg-icon> {{ $t('resource.create') }}
				</router-link>
				</div>
				<div class="card-text">
				<table class="table table-sm table-hover">
				<thead>
				<tr>
				<th scope="col">{{ $t('form.name') }}</th>
				<th scope="col">{{ $t('form.email') }}</th>
				</tr>
				</thead>
				<tbody>
				<tr v-for="resource in resources" :key="resource.id" @click="$root.clickRecord">
				<td>
				<svg-icon icon="cog" :class="$root.resourceStatusClass(resource)" :title="$root.resourceStatusText(resource)"></svg-icon>
				<router-link :to="{ path: 'resource/' + resource.id }">{{ resource.name }}</router-link>
				</td>
				<td>
				<router-link :to="{ path: 'resource/' + resource.id }">{{ resource.email }}</router-link>
				</td>
				</tr>
				</tbody>
				<tfoot class="table-fake-body">
				<tr>
				<td colspan="2">{{ $t('resource.list-empty') }}</td>
				</tr>
				</tfoot>
				</table>
				</div>
				</div>
				</div>
				</div>
				</template>

				<script>
				export default {
				data() {
				return {
				resources: []
				}
				},
				created() {
				this.$root.startLoading()

				axios.get('/api/v4/resources')
				.then(response => {
				this.$root.stopLoading()
				this.resources = response.data
				})
				.catch(this.$root.errorHandler)
				}
				}
				</script>