audio editable

src/components/contents/Source.vue

@@ -9,6 +9,7 @@ import ContentEditable from '@components/editable/ContentEditable.vue';
 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';
 
 export default {
   props: ['concernement', 'entite', "eid", 'source'],
@@ -42,6 +43,7 @@ export default {
     CheckboxEditable,
     ImageEditable,
     VideoEditable,
+    AudioEditable,
   }
 }
 </script>
@@ -103,10 +105,10 @@ export default {
           v-on:updated="reloadEntite"/>
     </section>
 
+    <!-- v-if="source.audios.length" -->
     <section
-      v-if="source.audios.length"
-      class="audio multiple">
-        <div
+      class="audio">
+        <!-- <div
             v-for="(audio,a) in source.audios"
             :key="a">
           <label v-if="audio.description">{{ audio.description }}</label>
@@ -116,8 +118,22 @@ export default {
                 <source :src="audio.file.url" :type="audio.file.filemime" />
               </audio>
           </vue-plyr>
+        </div> -->
 
-        </div>
+      <AudioEditable
+        :can_update="entite.can_update"
+        :audio="source.audios[0]"
+        :data="{
+          entitytype: 'paragraph',
+          bundle: 'source',
+          id: this.source.id,
+          uuid: this.source.uuid,
+          field: {
+            field_name: 'field_audio',
+            value: 'value'
+          }
+        }"
+        v-on:updated="reloadEntite"/>
     </section>
 
     <section