SceneListView.vue
No OneTemporary
Actions

Subscribers

None

File Metadata

	<script setup>
	import { useRouter } from 'vue-router';

	import { useSceneStore } from '../stores';

	import ElemList from '../components/ElemList.vue';

	const router = useRouter();
	const store = useSceneStore();
	await store.fetch();

	const edit = async ({ id }) => await router.push(`/scenes/${id}/edit`);
	</script>

	<template>
	<v-container>
	<ElemList
	:elems="store.state"
	:elem-props="[
	{ header: 'Nom', prop: 'name' },
	{ header: 'Nombre de points d\'encrage', prop: 'numberOfAnchorPoints' },
	{ header: 'Nombre de distracteurs', prop: 'numberOfDistractors' }
	]"
	:deleteFunc="store.remove"
	:editFunc="edit"
	#="{ elem }"
	>
	<v-card class="my-4 pb-6">
	<v-card-title class="text-center text-h5">
	Image des points d'encrage sur la scène
	</v-card-title>
	<v-img :src="elem.urlAnchorSceneImage"></v-img>
	</v-card>
	<v-card class="my-4 pb-6">
	<v-card-title class="text-center text-h5">
	Image des distracteurs sur la scène
	</v-card-title>
	<v-img :src="elem.urlDistractorSceneImage"></v-img>
	</v-card>
	</ElemList>
	<v-row class="my-8" justify="center">
	<v-btn :to="`/scenes/add`">Ajouter</v-btn>
	</v-row>
	</v-container>
	</template>