add transforms

src/TransformView/TransformView.ts

@@ -21,6 +21,9 @@ export default defineComponent({
 			PAAwindow: null as number | null,
 			discretizedColumns: null as string[] | null,
 			selectedNormalizeColumns: [] as string[],
+			selectedDropColumns: [] as string[],
+			selectedDateColumns: [] as string[],
+			selectedTypeColumns: [] as string[],
 			bins: null as number | null,
 			useDensity: false,
 			columns: [] as string[],
@@ -108,11 +111,29 @@ export default defineComponent({
 
 		async normalize(e: Event) {
 			e.preventDefault()
-			//@ts-expect-error the target is a form
-			const form = new FormData(e.target)
+			return this.genericTransform('normalize', this.selectedNormalizeColumns)
+		},
+
+		async dropColumn(e: Event) {
+			e.preventDefault()
+			return this.genericTransform('remove', this.selectedDropColumns)
+		},
+
+		async dateToMillis(e: Event) {
+			e.preventDefault()
+			return this.genericTransform('datetime2sec', this.selectedDateColumns)
+		},
+
+		async typeToCategorical(e: Event) {
+			e.preventDefault()
+			return this.genericTransform('2categorical', this.selectedTypeColumns)
+		},
+
+		async genericTransform(name: string, columns: string[]) {
+			const form = new FormData()
 			form.append('id', '' + localStorage.getItem('datasetId'))
-			form.append('columns', this.selectedNormalizeColumns.join(','))
-			form.append('transforms', 'normalize')
+			form.append('columns', columns.join(','))
+			form.append('transforms', name)
 			await fetch('http://localhost:8080/rest/transform/transform-columns/', { method: 'POST', body: form })
 			await switchToNewestProject(this)
 		}

src/TransformView/TransformView.vue

@@ -190,7 +190,7 @@
 									<hr>
 
 									<form @submit="normalize">
-										<label>normalize</label>
+										<label>Normalize</label>
 										<Multiselect
 											mode="tags"
 											v-model="selectedNormalizeColumns"
@@ -199,6 +199,45 @@
 										<br>
 										<input type="submit" class="btn btn-primary" value="Run">
 									</form>
+
+									<hr>
+
+									<form @submit="dropColumn">
+										<label>Drop column</label>
+										<Multiselect
+											mode="tags"
+											v-model="selectedDropColumns"
+											:options="columns"
+										/>
+										<br>
+										<input type="submit" class="btn btn-primary" value="Run">
+									</form>
+
+									<hr>
+
+									<form @submit="dateToMillis">
+										<label>Change date to millis</label>
+										<Multiselect
+											mode="tags"
+											v-model="selectedDateColumns"
+											:options="columns"
+										/>
+										<br>
+										<input type="submit" class="btn btn-primary" value="Run">
+									</form>
+
+									<hr>
+
+									<form @submit="typeToCategorical">
+										<label>Change type to categorical</label>
+										<Multiselect
+											mode="tags"
+											v-model="selectedTypeColumns"
+											:options="columns"
+										/>
+										<br>
+										<input type="submit" class="btn btn-primary" value="Run">
+									</form>
 								</div>
 							</div>
 						</div>