added normalize support

.eslintrc.cjs

 /* eslint-env node */
-require("@rushstack/eslint-patch/modern-module-resolution");
+require("@rushstack/eslint-patch/modern-module-resolution")
 
 module.exports = {
 	"root": true,
+	"parser": "@typescript-eslint/parser",
 	"extends": [
 		"plugin:vue/vue3-essential",
 		"eslint:recommended",
-		"@vue/eslint-config-typescript/recommended"
+		"@vue/eslint-config-typescript/recommended",
+		"plugin:vue/recommended"
 	],
 	"env": {
 		"vue/setup-compiler-macros": true
@@ -15,7 +17,8 @@ module.exports = {
 	"rules": {
 		"indent": ["error", "tab", { "SwitchCase": 1 }],
 		"no-mixed-spaces-and-tabs": "error",
-		"vue/multi-word-component-names": ["error", { "ignores": [ "Login", "Index" ] }]
+		"vue/multi-word-component-names": ["error", { "ignores": [ "Login", "Index" ] }],
+		"semi": ["error", "never"],
 	},
 
 	"ignorePatterns": [ "public/js/bootstrap.*" ]

package.json

@@ -20,6 +20,7 @@
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.1.0",
     "@types/node": "^16.11.33",
+    "@typescript-eslint/parser": "^5.30.0",
     "@vitejs/plugin-vue": "^2.3.1",
     "@vue/eslint-config-typescript": "^10.0.0",
     "@vue/tsconfig": "^0.1.3",

src/TransformView/TransformView.ts

@@ -20,6 +20,7 @@ export default defineComponent({
 			PAAValues: null as string[] | null,
 			PAAwindow: null as number | null,
 			discretizedColumns: null as string[] | null,
+			selectedNormalizeColumns: [] as string[],
 			bins: null as number | null,
 			useDensity: false,
 			columns: [] as string[],
@@ -93,6 +94,7 @@ export default defineComponent({
 			form.append('id', ''+localStorage.getItem('datasetId'))
 			await fetch('http://localhost:8080/rest/transform/make-windows', { method: 'POST', body: form })
 			await switchToNewestProject(this)
+			localStorage.setItem('hasWindows', 'true')
 		},
 
 		async runSQL(e: Event) {
@@ -102,6 +104,17 @@ export default defineComponent({
 			form.append('id', '' + localStorage.getItem('datasetId'))
 			await fetch('http://localhost:8080/rest/transform/run-sql-query', { method: 'POST', body: form })
 			await switchToNewestProject(this)
+		},
+
+		async normalize(e: Event) {
+			e.preventDefault()
+			//@ts-expect-error the target is a form
+			const form = new FormData(e.target)
+			form.append('id', '' + localStorage.getItem('datasetId'))
+			form.append('columns', this.selectedNormalizeColumns.join(','))
+			form.append('transforms', 'normalize')
+			await fetch('http://localhost:8080/rest/transform/transform-columns/', { method: 'POST', body: form })
+			await switchToNewestProject(this)
 		}
 	},
 })

src/TransformView/TransformView.vue

@@ -179,9 +179,24 @@
 							<div id="collapseExtra" class="accordion-collapse collapse show" aria-labelledby="headingOne">
 								<div class="accordion-body">
 									<form @submit="runSQL">
+										<label>SQL</label>
 										<textarea type="text" name="query" class="form-control" rows="3" :value="`SELECT ${columns.join(', ')}
 	FROM file
 	ORDER BY step`"></textarea>
+										<br>
+										<input type="submit" class="btn btn-primary" value="Run">
+									</form>
+
+									<hr>
+
+									<form @submit="normalize">
+										<label>normalize</label>
+										<Multiselect
+											mode="tags"
+											v-model="selectedNormalizeColumns"
+											:options="columns"
+										/>
+										<br>
 										<input type="submit" class="btn btn-primary" value="Run">
 									</form>
 								</div>

src/components/HeaderComponent/HeaderComponent.ts

@@ -12,6 +12,10 @@ export default defineComponent({
 	computed: {
 		isDatasetSelected() {
 			return localStorage.getItem('datasetId') !== null
-		}
+		},
+
+		hasWindows() {
+			return localStorage.getItem('hasWindows') === 'true'
+		},
 	},
 })

src/components/HeaderComponent/HeaderComponent.vue

@@ -7,7 +7,6 @@
 		</div>
 		<div class="container-fluid">
 			<ul class="navbar-nav mr-auto">
-				<!-- set the right one active automagically -->
 				<li class="nav-item">
 					<router-link v-if="$route.fullPath === '/'" class="nav-link active" to="/">Datasets</router-link>
 					<router-link v-else class="nav-link" to="/">Datasets</router-link>
@@ -24,7 +23,7 @@
 				</li>
 				<li class="nav-item">
 					<router-link v-if="$route.fullPath === '/mine'" class="nav-link active" to="/mine">Data Mining</router-link>
-					<router-link v-else-if="isDatasetSelected" class="nav-link" to="/mine">Data Mining</router-link>
+					<router-link v-else-if="isDatasetSelected && hasWindows" class="nav-link" to="/mine">Data Mining</router-link>
 					<router-link v-else class="nav-link disabled" to="/mine">Data Mining</router-link>
 				</li>
 				<li class="nav-item">