From b1c56173c74d7655961d4c2c16b6ff642ab37134 Mon Sep 17 00:00:00 2001
From: Christophe Siraut <d@tobald.eu.org>
Date: Mon, 18 Nov 2024 10:46:48 +0100
Subject: [PATCH] radiocampus/assets/ASoundListEditor.vue: enable removing
 episode sounds

---
 .../assets/src/components/ASoundListEditor.vue        | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/radiocampus/assets/src/components/ASoundListEditor.vue b/radiocampus/assets/src/components/ASoundListEditor.vue
index 8a8b49a..5c80a50 100644
--- a/radiocampus/assets/src/components/ASoundListEditor.vue
+++ b/radiocampus/assets/src/components/ASoundListEditor.vue
@@ -24,7 +24,9 @@
         <a-form-set ref="formset" :form-data="formData" :labels="labels"
                 :initials="initData.items"
                 order-by="position"
-                :action-add="actionAdd">
+                :action-add="actionAdd"
+                :action-remove="actionRemove"
+                >
             <template v-for="[name,slot] of rowsSlots" :key="slot"
                     v-slot:[slot]="data">
                 <slot v-if="name != 'row-tail'" :name="name" v-bind="data"/>
@@ -34,6 +36,7 @@
                 <label>{{ item.data.name }}</label><br>
                 <audio controls :src="item.data.url"/>
                 <input type="hidden" :name="inputName" :value="item.data.sound"/>
+                <input type="checkbox" :name="item.data.delete_attr_name" :id="item.data.delete_attr_name" style="display:none;">
             </template>
         </a-form-set>
     </div>
@@ -78,6 +81,12 @@ export default {
             }
             this.$refs.formset.set.push(data)
          },
+
+        actionRemove(row, item) {
+            var ckbox = document.getElementById(item.data.delete_attr_name);
+            ckbox.checked = true;
+            ckbox.parentNode.parentNode.style["display"] = "none";
+        },
     },
 }
 </script>