chore: Refactor router configuration and form component in KsDocumentForm.vue

src/router/index.js

@@ -15,14 +15,15 @@ const router = createRouter({
                 },
                 {
                     path: '/ksdocuments', 
-                    name: 'ks-documents',
-                    component: () => import('@/views/pages/KsDocuments.vue'),
                     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')}
+        
                     ]
-                }
+   
-            ]
+                },
+                            ]
         }
     ]
 });

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;
         });
 });
 

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>