From b2078feec31c110fd5dfc211f5ec73126c530ac7 Mon Sep 17 00:00:00 2001
From: "andrea.terzani" <andrea.terzani@accenture.com>
Date: Tue, 30 Jul 2024 17:02:19 +0200
Subject: [PATCH] chore: Refactor router configuration and form component in
 KsDocumentForm.vue

---
 src/router/index.js                | 13 ++++---
 src/views/pages/KsDocumentForm.vue | 61 ++++++++++++++++++++++++++++--
 src/views/pages/KsDocuments.vue    |  3 +-
 3 files changed, 66 insertions(+), 11 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index 3166dc5..a260335 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,15 +14,16 @@ const router = createRouter({
                     component: () => import('@/views/Dashboard.vue')
                 },
                 {
-                    path: '/ksdocuments',
-                    name: 'ks-documents',
-                    component: () => import('@/views/pages/KsDocuments.vue'),
+                    path: '/ksdocuments', 
                     children: [
-                        {path: 'new', name: 'ks-documents-new', component: () => import('@/views/pages/KsDocumentForm.vue')},
+                        {path: '', name: 'ks-document', component: () => import('@/views/pages/KsDocuments.vue')},
+                        {path: 'new', name: 'ks-document-new', component: () => import('@/views/pages/KsDocumentForm.vue')},
                         {path: ':id', name: 'ks-document-edit', component: () => import('@/views/pages/KsDocumentForm.vue')}
+        
                     ]
-                }
-            ]
+   
+                },
+                            ]
         }
     ]
 });
diff --git a/src/views/pages/KsDocumentForm.vue b/src/views/pages/KsDocumentForm.vue
index 2b0391a..3624686 100644
--- a/src/views/pages/KsDocumentForm.vue
+++ b/src/views/pages/KsDocumentForm.vue
@@ -1,7 +1,57 @@
 <template>
     <div className="card">        
         <h5>Ks document</h5>
-        
+        <form @submit.prevent="submitForm">
+            <div class="p-field">
+                <label for="description">Description</label>
+                <InputText id="description" v-model="ksdocument.description" />
+            </div>
+            <div class="p-field">
+                <label for="fileName">File Name</label>
+                <InputText id="fileName" v-model="ksdocument.fileName" />
+            </div>
+            <div class="p-field">
+                <label for="filePath">File Path</label>
+                <InputText id="filePath" v-model="ksdocument.filePath" />
+            </div>
+            <div class="p-field">
+                <label for="ingestionDate">Ingestion Date</label>
+                <InputText id="ingestionDate" v-model="ksdocument.ingestionDate" />
+            </div>
+            <div class="p-field">
+                <label for="defaultChunkSize">Default Chunk Size</label>
+                <InputNumber id="defaultChunkSize" v-model="ksdocument.ingestionInfo.defaultChunkSize" />
+            </div>
+            <div class="p-field">
+                <label for="maxNumberOfChunks">Max Number of Chunks</label>
+                <InputNumber id="maxNumberOfChunks" v-model="ksdocument.ingestionInfo.maxNumberOfChunks" />
+            </div>
+            <div class="p-field">
+                <label for="minChunkSize">Min Chunk Size</label>
+                <InputNumber id="minChunkSize" v-model="ksdocument.ingestionInfo.minChunkSize" />
+            </div>
+            <div class="p-field">
+                <label for="minChunkSizeToEmbed">Min Chunk Size To Embed</label>
+                <InputNumber id="minChunkSizeToEmbed" v-model="ksdocument.ingestionInfo.minChunkSizeToEmbed" />
+            </div>
+            <div class="p-field">
+                <label for="type">Type</label>
+                <InputText id="type" v-model="ksdocument.ingestionInfo.type" />
+            </div>
+            <div class="p-field">
+                <label for="ingestionStatus">Ingestion Status</label>
+                <InputText id="ingestionStatus" v-model="ksdocument.ingestionStatus" />
+            </div>
+            <div class="p-field">
+                <label for="name">Name</label>
+                <InputText id="name" v-model="ksdocument.name" />
+            </div>
+            <div class="p-field">
+                <label for="metadata">Metadata</label>
+                <InputTextarea id="metadata" v-model="ksdocument.ingestionInfo.metadata" />
+            </div>
+            <Button label="Submit" type="submit" />
+        </form>
     </div>
 </template>
 
@@ -10,15 +60,18 @@ import { ref } from 'vue';
 import { onMounted } from 'vue'
 import axios from 'axios';
 
+import { useRoute, useRouter } from 'vue-router'
+import { data } from 'autoprefixer';
 
+const route = useRoute()
 
-const ksdocuments = ref(null);
+const ksdocument = ref({ingestionInfo:{}});
 
 onMounted(() => {
-    axios.get('http://localhost:8082/ksdocuments/'+$route.params.id)
+    axios.get('http://localhost:8082/ksdocuments/'+route.params.id)
         .then(response => {
             console.log(response.data);
-            ksdocuments.value = response.data;
+            ksdocument.value = response.data;
         });
 });
 
diff --git a/src/views/pages/KsDocuments.vue b/src/views/pages/KsDocuments.vue
index 2c1cb3f..0e59a8b 100644
--- a/src/views/pages/KsDocuments.vue
+++ b/src/views/pages/KsDocuments.vue
@@ -67,7 +67,8 @@ const editKsDocument = (data) => {
 }
 
 const newKsDocument = () => {
-    router.push({ name: 'ks-document-new', params: { id: data.id } });
+    console.log('new');
+    router.push({ name: 'ks-document-new'});
 
 }
 </script>