paragraphe source field_liens editable (mutliple)

src/components/contents/Source.vue

@@ -10,6 +10,7 @@ import CheckboxEditable from '@components/editable/CheckboxEditable.vue';
 import ImageEditable from '@components/editable/ImageEditable.vue';
 import VideoEditable from '@components/editable/VideoEditable.vue';
 import AudioEditable from '@components/editable/AudioEditable.vue';
+import LinkEditable from '@components/editable/LinkEditable.vue';
 
 export default {
   props: ['concernement', 'entite', "eid", 'source'],
@@ -44,6 +45,7 @@ export default {
     ImageEditable,
     VideoEditable,
     AudioEditable,
+    LinkEditable
   }
 }
 </script>
@@ -108,17 +110,6 @@ export default {
     <!-- v-if="source.audios.length" -->
     <section
       class="audio">
-        <!-- <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  :options="plyr_options">
-              <audio>
-                <source :src="audio.file.url" :type="audio.file.filemime" />
-              </audio>
-          </vue-plyr>
-        </div> -->
 
       <AudioEditable
         :can_update="entite.can_update"
@@ -136,20 +127,21 @@ export default {
         v-on:updated="reloadEntite"/>
     </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>
-        
+    <!-- v-if="source.liens.length" -->
+    <section class="liens multiple">
+      <LinkEditable 
+        :can_update="entite.can_update"
+        :links="source.liens"
+        :data="{
+          entitytype: 'paragraph',
+          bundle: 'source',
+          id: this.source.id,
+          uuid: this.source.uuid,
+          field: {
+            field_name: 'field_liens'
+          }
+        }"
+        v-on:updated="reloadEntite "/>
     </section>