Differential D3544 Diff 10168 src/resources/vue/Resource/List.vue

Changeset View

Standalone View

src/resources/vue/Resource/List.vue

	<template>			<template>
	<div class="container">			<div class="container">
	<div class="card" id="resource-list">			<div class="card" id="resource-list">
	<div class="card-body">			<div class="card-body">
	<div class="card-title">			<div class="card-title">
	{{ $tc('resource.list-title', 2) }}			{{ $tc('resource.list-title', 2) }}
	<small><sup class="badge bg-primary">{{ $t('dashboard.beta') }}</sup></small>			<small><sup class="badge bg-primary">{{ $t('dashboard.beta') }}</sup></small>
	<btn-router v-if="!$root.isDegraded()" to="resource/new" class="btn-success float-end" icon="gear">			<btn-router v-if="!$root.isDegraded()" to="resource/new" class="btn-success float-end" icon="gear">
	{{ $t('resource.create') }}			{{ $t('resource.create') }}
	</btn-router>			</btn-router>
	</div>			</div>
	<div class="card-text">			<div class="card-text">
	<table class="table table-sm table-hover">			<list-widget :list="resources"></list-widget>
	<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="gear" :class="$root.statusClass(resource)" :title="$root.statusText(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>
	</div>			</div>
	</div>			</div>
	</template>			</template>

	<script>			<script>
				import ListWidget from './ListWidget'
	import { library } from '@fortawesome/fontawesome-svg-core'			import { library } from '@fortawesome/fontawesome-svg-core'

	library.add(			library.add(
	require('@fortawesome/free-solid-svg-icons/faGear').definition,			require('@fortawesome/free-solid-svg-icons/faGear').definition,
	)			)

	export default {			export default {
				components: {
				ListWidget
				},
	data() {			data() {
	return {			return {
	resources: []			resources: []
	}			}
	},			},
	created() {			created() {
	axios.get('/api/v4/resources', { loader: true })			axios.get('/api/v4/resources', { loader: true })
	.then(response => {			.then(response => {
	this.resources = response.data.list			this.resources = response.data.list
	})			})
	.catch(this.$root.errorHandler)			.catch(this.$root.errorHandler)
	}			}
	}			}
	</script>			</script>