.page--single.f-row.between
article(v-if="post").f-grow.shadow
header
h1 {{ type }}:{{ $route.params.slug }} {{ post.title }}
p(v-if="post.categories") categories: {{ post.categories }}
p(v-if="post.type") type: {{ post.type }}
.date-info(v-if="type === 'events' || post.type === 'exhibitions'")
p start: {{ dateFrom(post.start) }}
p end: {{ dateFrom(post.end) }}
.post-single.block-wrapper(v-for="(block, i) in post.blocks" :key="`block-${i}`")
//- ?: are objects are always gallery blocks
.gallery.block(v-if="typeof block === 'object'" :class="`gallery-${i}`")
p gallery number: {{ i }}
ul.t-cntr
li(v-for="(imageID, j) in post.galleries[block.gallery].ids" :class="`gallery-${i}--image-${j+1}`" :key="`block-${i}-${j}`")
img(@click="openGallery(i - 1, imageID)" :src="post.attached[imageID]['thumbnail']")
//- TO DO Caption stuff and full screen Title/Description
p Caption goes here
button(@click="openGallery(i - 1, imageID)") gallery: {{ i }} image: {{ imageID }}
br
//- Fullscreen gallery component for every gallery block
gallery(
v-if="activeGalleryIndex == (i - 1)"
:activeImageIndex="activeImageIndex"
v-on:close="activeGalleryIndex = -1"
:images="imagesInGallery"
)
//- Just a regular block (html or img)
.block(v-else v-html="block")
sidebar(v-if="sidebar" :type="`${type}`")
.shadow
h1.t-up single slot
div
p body whatever