improved csv support

src/Index/Index.ts

@@ -87,10 +87,13 @@ export default defineComponent({
 		},
 
 		setDataset(id: string) {
+			const currentProject = this.projects?.flatMap(e => e.items).find(e => e.id === id )
 			localStorage.setItem('datasetId', encodeURIComponent(id))
-			//TODO: faire sa plus clean
-			// @ts-expect-error projects ne peut être null
-			localStorage.setItem('hasWindows', `${this.projects.flatMap(e => e.items).filter(e => e.id === id && e.stackOperations.filter(v => v.includes('make-windows')).length).length > 0}`)
+
+			if(currentProject) {
+				localStorage.setItem('hasWindows', `${currentProject.stackOperations.map(e => e.includes('make-windows')).includes(true)}`)
+				localStorage.setItem('isArff', '' + currentProject.arff)
+			}
 		}
 	}
 })

src/PlotView/PlotView.ts

@@ -96,10 +96,8 @@ export default defineComponent({
 		}
 
 		this.fileItem = await (await fetch(`http://localhost:8080/rest/metadata/fileitem?id=${localStorage.getItem('datasetId')}`)).json()
-
-		const data: { [key: string]: string }[] = await (await fetch(`http://localhost:8080/rest/metadata/attributes?id=${localStorage.getItem('datasetId')}`)).json()
-		this.columns = data.flatMap(val => Object.keys(val))
 		await this.loadDataSet()
+
 		this.sliderMax = this.dataset?.totalSize || 1000
 		makeTheSliderDragOnLock(this.sliderMax)
 		this.generateChartData()
@@ -114,6 +112,7 @@ export default defineComponent({
 			if(id) {
 				const response = await fetch(`http://localhost:8080/rest/load-data?id=${id}&windowed=false&pagination=${xmin || 0}-${xmax || 1000}`)
 				this.dataset = await response.json()
+				this.columns = this.dataset?.rows[0] || []
 			}
 		},
 

src/components/HeaderComponent/HeaderComponent.ts

@@ -17,5 +17,9 @@ export default defineComponent({
 		hasWindows() {
 			return localStorage.getItem('hasWindows') === 'true'
 		},
+
+		isArff() {
+			return localStorage.getItem('isArff') === 'true'
+		}
 	},
 })

src/components/HeaderComponent/HeaderComponent.vue

@@ -18,7 +18,7 @@
 				</li>
 				<li class="nav-item">
 					<router-link v-if="$route.fullPath === '/transform'" class="nav-link active" to="/transform">Transform</router-link>
-					<router-link v-else-if="isDatasetSelected" class="nav-link" to="/transform">Transform</router-link>
+					<router-link v-else-if="isDatasetSelected && isArff" class="nav-link" to="/transform">Transform</router-link>
 					<router-link v-else class="nav-link disabled" to="/transform">Transform</router-link>
 				</li>
 				<li class="nav-item">