Page Menu
Home
c4science
Search
Configure Global Search
Log In
Files
F77453339
SceneListView.vue
No One
Temporary
Actions
Download File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Subscribers
None
File Metadata
Details
File Info
Storage
Attached
Created
Wed, Aug 14, 14:18
Size
1 KB
Mime Type
text/html
Expires
Fri, Aug 16, 14:18 (2 d)
Engine
blob
Format
Raw Data
Handle
19870594
Attached To
R12546 Sesame - Configurator
SceneListView.vue
View Options
<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>
Event Timeline
Log In to Comment