bachir/ouatterrir-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added date field to entite display #2294

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2023-09-29 09:39:20 +02:00
parent 9c5db8527d
commit d813759ad7
2 changed files with 87 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/assets/main.scss
View File

@ -252,9 +252,19 @@ body{
section.entite{
.sources{
.liens{
a{
text-decoration: underline;
padding-top: 1em;
.source{
padding-top: 0.5em;
div.date{
display: block;
font-weight: 100;
font-size: 0.882em;
padding: 0 0 0.5em 0;
}
.liens{
a{
text-decoration: underline;
}
}
}
}

146
src/components/contents/Entite.vue
View File

@ -55,86 +55,88 @@ export default {
<section
v-if="entite.sources.length"
class="sources multiple">
<h5>Experience(s) Vécue(s)</h5>
<section
v-for="(source, index) in entite.sources"
:key="index"
class="source">
<div class="date">{{ source.date.start }}</div>
<section class="description">
<label v-if="ct_entite"> {{ field_sources_label }}</label>
<div v-html="source.description"/>
</section>
<label v-if="ct_entite"> {{ field_sources_label }}</label>
<div v-html="source.description"/>
</section>
<section
v-if="source.images.length"
class="images">
<figure
v-for="(image, j) in source.images"
:key="j">
<img :src="image.url" :alt="image.alt"/>
</figure>
</section>
<section
v-if="source.videos.length"
class="video multiple">
<vue-plyr
v-for="(video,v) in source.videos"
:key="v">
<div class="plyr__video-embed">
<!-- TODO fix vimeo embed url -->
<iframe
:src="video.url"
allowfullscreen
></iframe>
</div>
<section
v-if="source.images.length"
class="images">
<figure
v-for="(image, j) in source.images"
:key="j">
<img :src="image.url" :alt="image.alt"/>
</figure>
</section>
<section
v-if="source.videos.length"
class="video multiple">
<vue-plyr
v-for="(video,v) in source.videos"
:key="v">
<div class="plyr__video-embed">
<!-- TODO fix vimeo embed url -->
<iframe
:src="video.url"
allowfullscreen
></iframe>
</div>
</vue-plyr>
</section>
<section
v-if="source.audios.length"
class="audio multiple">
<div
v-for="(audio,a) in source.audios"
:key="a">
<label v-if="audio.description">{{ audio.description }}</label>
<label v-else>{{ audio.file.filename }}</label>
<vue-plyr>
<audio>
<source :src="audio.file.url" :type="audio.file.filemime" />
</audio>
</vue-plyr>
</section>
<section
v-if="source.audios.length"
class="audio multiple">
<div
v-for="(audio,a) in source.audios"
:key="a">
<label v-if="audio.description">{{ audio.description }}</label>
<label v-else>{{ audio.file.filename }}</label>
<vue-plyr>
<audio>
<source :src="audio.file.url" :type="audio.file.filemime" />
</audio>
</vue-plyr>
</div>
</section>
<section
v-if="source.liens.length"
class="liens multiple">
<ul>
<li
v-for="(lien,l) in source.liens"
:key="l">
<a
:href="lien.url">
{{ lien.title }}
</a>
</li>
</ul>
</section>
<section
v-if="source.documents.length"
class="documents multiple">
</div>
</section>
<section
v-if="source.liens.length"
class="liens multiple">
<ul>
<li
v-for="(lien,l) in source.liens"
:key="l">
<a
v-for="(doc,d) in source.documents"
:key="d"
:href="doc.file.url">
<template v-if="doc.description">{{ doc.description }}</template>
<template v-else>{{ doc.file.url }}</template>
</a>
</section>
:href="lien.url">
{{ lien.title }}
</a>
</li>
</ul>
</section>
<section
v-if="source.documents.length"
class="documents multiple">
<a
v-for="(doc,d) in source.documents"
:key="d"
:href="doc.file.url">
<template v-if="doc.description">{{ doc.description }}</template>
<template v-else>{{ doc.file.url }}</template>
</a>
</section>
</section>
</section>