#25 - DistributionForm - add multilingual value for title and description

src/components/DatasetMultiStep/OcDatasetFormStep5/OcDatasetFormStep5.vue

@@ -160,10 +160,41 @@
       <hr class="w-full my-6 border-t border-gray-400" />
       <Accordion :value="['0']" class="w-full" multiple>
         <AccordionPanel :value="key" v-for="(distribution, key) in model.distribution" :key="key">
-          <AccordionHeader>{{ distribution.title }}</AccordionHeader>
+          <AccordionHeader>{{ translateValue(distribution.title) }}</AccordionHeader>
           <AccordionContent pt:content="flex flex-wrap">
-            <OcField :metadata="distributionMetadata.description" for="description" class="w-full">
-              {{ distribution.description }}
+            <OcField
+              v-if="distribution.title"
+              :metadata="distributionMetadata.title"
+              for="title"
+              class="w-full"
+            >
+              <div class="flex gap-2 flex-col">
+                <div
+                  v-for="(title, key) in distribution.title"
+                  :key="key"
+                  class="border w-full rounded-md"
+                >
+                  <Tag :value="key" severity="secondary" icon="fa-solid fa-globe" />
+                  <span class="m-2">{{ title }}</span>
+                </div>
+              </div>
+            </OcField>
+            <OcField
+              v-if="distribution.description"
+              :metadata="distributionMetadata.description"
+              for="description"
+              class="w-full"
+            >
+              <div class="flex gap-2 flex-col">
+                <div
+                  v-for="(description, key) in distribution.description"
+                  :key="key"
+                  class="flex items-start border w-full rounded-md"
+                >
+                  <Tag :value="key" severity="secondary" icon="fa-solid fa-globe" />
+                  <span class="m-2">{{ description }}</span>
+                </div>
+              </div>
             </OcField>
             <OcField
               v-if="distribution.license"