aandres/cineclub-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix [front]: film list display

Browse source
This commit is contained in:
Alice 2022-12-30 22:28:55 +01:00
parent aa6d69d2c8
commit 478b4895db
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
front/pages/admin/index.vue
View file

@ -4,9 +4,10 @@
<ul class="list has-visible-pointer-controls"> <ul class="list has-visible-pointer-controls">
<li v-for="film of films" :key="film.id" class="list-item"> <li v-for="film of films" :key="film.id" class="list-item">
<nuxt-link :to="`/admin/${film.id}`" class="list-item-content"> <nuxt-link :to="`/admin/${film.id}`" class="list-item-content">
<time v-if="film.projectionDate" :datetime="film.projectionDate">{{ new Date(film.projectionDate).toLocaleString()}}</time> <time v-if="film.projectionDate" :datetime="film.projectionDate">
<template v-else>À planifier</template> - {{ new Date(film.projectionDate).toLocaleString() }}
{{ film.title }} </time>
<template v-else>À planifier</template>
- {{ film.title }} - {{ film.title }}
<template v-if="film.director"> de {{ film.director }}</template> <template v-if="film.director"> de {{ film.director }}</template>
</nuxt-link> </nuxt-link>
@ -30,3 +31,8 @@ const films = reactive<ShortFilm[]>([])
Object.assign(films, (await apiGet("admin/films/")).data.value) Object.assign(films, (await apiGet("admin/films/")).data.value)
</script> </script>
<style lang="sass">
.list-item-content
display: block
</style>