comments : prepare new comment working
This commit is contained in:
parent
f2255d50aa
commit
a9992b0ff5
6 changed files with 136 additions and 110 deletions
|
|
@ -1,22 +1,22 @@
|
|||
<template>
|
||||
<section class="flex-1" :aria-labelledby="text" :data-status="status">
|
||||
<h2 :id="text">
|
||||
<!-- ADRIEN / TIMOTHÉE : DYNAMISER L'ICONE -->
|
||||
<span data-icon="votre-brief">{{ step.text }}</span>
|
||||
</h2>
|
||||
<div class="cards | flow">
|
||||
<article class="card">
|
||||
<hgroup class="order-last">
|
||||
<h3 class="card__title | font-serif | text-lg">{{ step.text }}</h3>
|
||||
</hgroup>
|
||||
<div class="card__meta | flex">
|
||||
<time class="card__date | text-grey-700" datetime="2024-06-12">{{
|
||||
dayjs(step.modified).format("DD MMMM YYYY")
|
||||
}}</time>
|
||||
</div>
|
||||
<router-link :to="'/' + step.uri">
|
||||
<h2 :id="text">
|
||||
<!-- ADRIEN / TIMOTHÉE : DYNAMISER L'ICONE -->
|
||||
<span data-icon="votre-brief">{{ step.text }}</span>
|
||||
</h2>
|
||||
<div class="cards | flow">
|
||||
<article class="card">
|
||||
<hgroup class="order-last">
|
||||
<h3 class="card__title | font-serif | text-lg">{{ step.text }}</h3>
|
||||
</hgroup>
|
||||
<div class="card__meta | flex">
|
||||
<time class="card__date | text-grey-700" datetime="2024-06-12">{{
|
||||
dayjs(step.modified).format("DD MMMM YYYY")
|
||||
}}</time>
|
||||
</div>
|
||||
|
||||
<template v-if="step.files[0]?.type === 'image'">
|
||||
<router-link :to="'/' + step.uri">
|
||||
<template v-if="step.files[0]?.type === 'image'">
|
||||
<figure
|
||||
class="card__images"
|
||||
:data-count="
|
||||
|
|
@ -30,13 +30,17 @@
|
|||
:alt="image.alt"
|
||||
/>
|
||||
</figure>
|
||||
</router-link>
|
||||
</template>
|
||||
<template v-if="step.files[0]?.type === 'document'">
|
||||
<div @click="showPdf" class="card__images" data-icon="document"></div>
|
||||
</template>
|
||||
</article>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="step.files[0]?.type === 'document'">
|
||||
<div
|
||||
@click="showPdf"
|
||||
class="card__images"
|
||||
data-icon="document"
|
||||
></div>
|
||||
</template>
|
||||
</article>
|
||||
</div>
|
||||
</router-link>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
|
|
@ -73,7 +77,8 @@ function setStatus() {
|
|||
}
|
||||
}
|
||||
|
||||
function showPdf() {
|
||||
function showPdf(event) {
|
||||
event.preventDefault();
|
||||
emit("update:pdf", step.files[0].url);
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue