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

entite source liens display fix #2200

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2023-07-16 22:50:12 +02:00
parent 759376983a
commit c258593341
2 changed files with 103 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/main.scss
View File

@ -210,6 +210,15 @@ body{
} }
} }
section.entite{
.sources{
.liens{
a{
text-decoration: underline;
}
}
}
}
// PUISSANCE D'AGIR // PUISSANCE D'AGIR
ul.besoins{ ul.besoins{
li.besoin{ li.besoin{

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

@ -41,94 +41,102 @@ export default {
</script> </script>
<template> <template>
<section class="action"> <section class="entite">
<label v-if="ct_entite">{{ ct_entite.field_action.description }}</label>
<p>{{ entite.action }}</p>
</section>
<section class="menace-maintien">
<label v-if="ct_entite">{{ field_menace_maintien_label }}</label>
<p>{{ entite.menacemaintien }}</p>
</section>
<!-- SOURCES (experiences vecues) -->
<section
v-if="entite.sources.length"
class="sources multiple">
<section
v-for="(source, index) in entite.sources"
:key="index"
class="source">
<section class="description">
<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 <section class="action">
v-if="source.videos.length" <label v-if="ct_entite">{{ ct_entite.field_action.description }}</label>
class="video multiple"> <p>{{ entite.action }}</p>
<vue-plyr </section>
v-for="(video,v) in source.videos" <section class="menace-maintien">
:key="v"> <label v-if="ct_entite">{{ field_menace_maintien_label }}</label>
<div class="plyr__video-embed"> <p>{{ entite.menacemaintien }}</p>
<!-- TODO fix vimeo embed url --> </section>
<iframe <!-- SOURCES (experiences vecues) -->
:src="video.url" <section
allowfullscreen v-if="entite.sources.length"
></iframe> class="sources multiple">
</div> <section
</vue-plyr> v-for="(source, index) in entite.sources"
</section> :key="index"
class="source">
<section <section class="description">
v-if="source.audios.length" <label v-if="ct_entite"> {{ field_sources_label }}</label>
class="audio multiple"> <div v-html="source.description"/>
<div </section>
v-for="(audio,a) in source.audios"
:key="a"> <section
<label v-if="audio.description">{{ audio.description }}</label> v-if="source.images.length"
<label v-else>{{ audio.file.filename }}</label> class="images">
<vue-plyr> <figure
<audio> v-for="(image, j) in source.images"
<source :src="audio.file.url" :type="audio.file.filemime" /> :key="j">
</audio> <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> </vue-plyr>
</section>
</div>
</section> <section
v-if="source.audios.length"
<section class="audio multiple">
v-if="source.liens.length" <div
class="liens multiple"> v-for="(audio,a) in source.audios"
<a :key="a">
v-for="(lien,l) in source.liens" <label v-if="audio.description">{{ audio.description }}</label>
:key="l" <label v-else>{{ audio.file.filename }}</label>
:href="lien.url"> <vue-plyr>
{{ lien.title }} <audio>
</a> <source :src="audio.file.url" :type="audio.file.filemime" />
</section> </audio>
</vue-plyr>
<section </div>
v-if="source.documents.length" </section>
class="documents multiple">
<a <section
v-for="(doc,d) in source.documents" v-if="source.liens.length"
:key="d" class="liens multiple">
:href="doc.file.url"> <ul>
<template v-if="doc.description">{{ doc.description }}</template> <li
<template v-else>{{ doc.file.url }}</template> v-for="(lien,l) in source.liens"
</a> :key="l">
</section> <a
: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> </section>
</section> </section>
</template> </template>