Replaced alerts with toasts and added explaination

PBAD usage explaination was given. and hidden unusable fields

src/Index/Index.ts

@@ -61,7 +61,7 @@ export default defineComponent({
 			// @ts-expect-error we know the file will be there
 			const file:File | null = data.get('file')
 			if(!file || !(file.name.endsWith('.csv') || file.name.endsWith('.arff'))) {
-				alert('Invalid file format')
+				this.$toast.error('Invalid file format')
 				return
 			}
 

src/MineView/MineView.ts

@@ -115,7 +115,7 @@ export default defineComponent({
 				await fetch('http://localhost:8080/rest/mining/filter-length', { method: 'POST', body: form })
 				this.$router.go(0);
 			} else {
-				alert('Please select a pattern')
+				this.$toast.warning('Please select a pattern')
 			}
 		},
 
@@ -139,7 +139,7 @@ export default defineComponent({
 				await fetch('http://localhost:8080/rest/mining/filter-support', { method: 'POST', body: form })
 				this.$router.go(0);
 			} else {
-				alert('Please select a pattern')
+				this.$toast.warning('Please select a pattern')
 			}
 		},
 
@@ -164,7 +164,7 @@ export default defineComponent({
 				await fetch('http://localhost:8080/rest/mining/filter-jaccard', { method: 'POST', body: form })
 				this.$router.go(0);
 			} else {
-				alert('Please select a pattern')
+				this.$toast.warning('Please select a pattern')
 			}
 		},
 
@@ -188,7 +188,7 @@ export default defineComponent({
 				await fetch('http://localhost:8080/rest/mining/filter-time-constraint', { method: 'POST', body: form })
 				this.$router.go(0);
 			} else {
-				alert('Please select a pattern')
+				this.$toast.warning('Please select a pattern')
 			}
 		},
 

src/MineView/MineView.vue

@@ -110,7 +110,7 @@
 								</div>
 							</div>
 						</div>
-						<div class="accordion-item">
+						<div class="accordion-item" v-if="currentPattern">
 							<h2 class="accordion-header" id="headingOne">
 								<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFilters" aria-expanded="false" aria-controls="collapseFilters">
 									Filters
@@ -170,7 +170,7 @@
 								</div>
 							</div>
 						</div>
-						<div class="accordion-item">
+						<div class="accordion-item" v-if="currentPattern">
 							<h2 class="accordion-header" id="headingOne">
 								<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseAnomaly" aria-expanded="true" aria-controls="collapseAnomaly">
 									Anomaly score
@@ -190,6 +190,7 @@
 									<form @submit="PatternBasedAnomalyDetection">
 										<label class="form-label">Pattern based anomaly detection</label>
 										<Multiselect mode="tags" :close-on-select="false" :options="fileItem?.patterns.map(e => e.label)" v-model="selectedPatternPBAD"></Multiselect>
+										<span class="form-text">Your columns names have to end by "_d" and you need non-discretized versions without the "_d"</span>
 										<br>
 										<input type="submit" value="Run" class="btn btn-primary">
 									</form>