added sql support

src/MineView/MineView.ts

@@ -319,6 +319,6 @@ export default defineComponent({
 
 			this.currentColumn = ""
 			this.newRequiredItems = []
-		}
+		},
 	},
 })

src/TransformView/TransformView.ts

@@ -95,6 +95,13 @@ export default defineComponent({
 			await switchToNewestProject(this)
 		},
 
-
+		async runSQL(e: Event) {
+			e.preventDefault()
+			//@ts-expect-error the target is a form
+			const form = new FormData(e.target)
+			form.append('id', '' + localStorage.getItem('datasetId'))
+			await fetch('http://localhost:8080/rest/transform/run-sql-query', { method: 'POST', body: form })
+			await switchToNewestProject(this)
+		}
 	},
 })

src/TransformView/TransformView.vue

@@ -170,6 +170,23 @@
 								</form>
 							</div>
 						</div>
+						<div class="accordion-item">
+							<h2 class="accordion-header" id="headingOne">
+								<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExtra" aria-expanded="true" aria-controls="collapseExtra">
+									Extra
+								</button>
+							</h2>
+							<div id="collapseExtra" class="accordion-collapse collapse show" aria-labelledby="headingOne">
+								<div class="accordion-body">
+									<form @submit="runSQL">
+										<textarea type="text" name="query" class="form-control" rows="3" :value="`SELECT ${columns.join(', ')}
+	FROM file
+	ORDER BY step`"></textarea>
+										<input type="submit" class="btn btn-primary" value="Run">
+									</form>
+								</div>
+							</div>
+						</div>
 					</div>
 				</aside>
 			</div>