added date field to entite display #2294

src/assets/main.scss

@@ -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;
+                }
               }
             }
           }

src/components/contents/Entite.vue

@@ -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>