delete added for docs

packages/piveau-hub-ui-modules/lib/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/DocumentationsV3.vue

@@ -50,6 +50,8 @@
           "
           :showEndIcon="false"
           v-model="documentation['dct:title']"
+          :defaultInput="!showDeleteButton"
+          @deleteButtonClicked="deleteField('dct:title', documentation.id)"
         />
         <TextAreaV3
           @input="
@@ -67,6 +69,8 @@
             )
           "
           v-model="documentation['dct:description']"
+          :showDeleteButton="showDeleteButton"
+          @deleteClicked="deleteField('dct:description', documentation.id)"
         />
         <Dropdown
           @input="updateDocumentation($event, 'dct:format', documentation.id)"
@@ -89,6 +93,7 @@
             inputFieldSize: 'large',
             autocomplete: 'true',
             modelValue: documentation['dct:format'],
+            defaultInput: !showDeleteButton,
           }"
           :data="filteredData"
           :autocomplete="true"
@@ -98,11 +103,10 @@
           class="copy-mini-regular dpiV3_text_error"
         >
           {{
-            t(
+            $t(
               "message.dataupload.datasets.dcat:distribution.advanced.documentation.error-message"
             )
           }}
-          Mindestens eine URL muss vorhanden sein.
         </p>
       </div>
       <ButtonV3
@@ -159,6 +163,7 @@ const props = defineProps({
   fileTypes: { type: Array, required: false, default: () => [] },
   distributionId: { type: Number, required: true },
   asCard: { type: Boolean, required: false, default: false },
+  showDeleteButton: { type: Boolean, required: false, default: false}
 });
 
 const emit = defineEmits(["update"]);
@@ -170,14 +175,7 @@ const documentationToDelete = ref(null);
 let activeV3Modal = ref(false);
 
 onMounted(() => {
-  console.log(
-    "Component Mounted: Documentations received for distributionId:",
-    props.distributionId
-  );
-  console.log("Documentations:", props.documentations);
-
   if (props.documentations.length === 0) {
-    console.log("No documentations found, initializing first documentation.");
     emit("update", [
       {
         id: 1,
@@ -214,8 +212,6 @@ const addDocumentation = () => {
 };
 
 const updateDocumentation = (event, field, docId) => {
-  let inputValue = event?.target?.value ?? event;
-
   if (field === "dct:format") {
     filteredData.value = [...props.fileTypes]; //reset bec. used in more dropdowns
 
@@ -267,6 +263,21 @@ const deleteDocumentation = () => {
 
   emit("update", updatedDocs);
 };
+
+const deleteField = (field) => {
+  switch (field) {
+    case 'dct:description':
+      console.log('dct:desriptiondelete')
+      break;
+    case 'dct:title':
+      console.log('dct:titledelete')
+      break;
+  
+    default:
+      break;
+  }
+
+}
 </script>
 
 <style scoped>

packages/piveau-hub-ui-modules/lib/data-provider-interface/components/DistributionSimplePage.vue

@@ -97,6 +97,7 @@
                   "
                   :distributionId="distribution.id"
                   asCard="true"
+                  :showDeleteButton="true"
                 />
               </div>
             </div>
@@ -359,7 +360,7 @@
             :distributionId="distribution.id"
             @addByteSize="handleByteSize"
             @deleteButtonClicked="removeByteSize(distribution.id)"
-            showDeleteButton="true"
+            :showDeleteButton="true"
           />
         </div>
         <!------------------- End Byte Size,dcat:byteSize ------------------->