fix model evaluation guide

Author: iamsherlocked1891

webapp/src/components/home/Home.vue

@@ -184,7 +184,6 @@ import { driver, type DriveStep } from "driver.js";
 import "driver.js/dist/driver.css";
 import { watch } from "vue";
 import { useGuideStore } from "@/store/guide";
-import { ssrGetDirectiveProps } from "vue/server-renderer";
 
 const router = useRouter();
 const guideStoreTraining = useGuideStore();
@@ -255,9 +254,9 @@ driverObj.drive();
 watch(
   () => guideStoreTraining.showGuide,
   (newValue) => {
+    driverObj.destroy();
+    console.log(router.currentRoute.value.path);
     if (router.currentRoute.value.path == "/") {
-      console.log(newValue);
-      driverObj.destroy();
       driverObj.setSteps(steps);
       driverObj.drive();
     }

webapp/src/components/testing/Testing.vue

@@ -145,7 +145,7 @@
 import createDebug from "debug";
 import { List } from "immutable";
 import { computed, ref, onActivated, watch } from "vue";
-import { RouterLink } from "vue-router";
+import { RouterLink, useRouter } from "vue-router";
 import { VueSpinner } from "vue3-spinners";
 
 import type { DataType, Model, Task } from "@epfml/discojs";
@@ -177,6 +177,7 @@ const models = useModelsStore();
 const tasksStore = useTasksStore();
 const toaster = useToaster();
 const guideStoreTesting = useGuideStore();
+const router = useRouter();
 const driverTesting = driver({
   showProgress: false,
 });
@@ -425,29 +426,24 @@ const evaluationSteps: DriveStep[] = [
 watch(
   () => guideStoreTesting.showGuide,
   (newValue) => {
-    if (newValue) {
+    driverTesting.destroy();
+    if (router.currentRoute.value.path == "/evaluate") {
       if (validationStore.step === 0) {
-        driverTesting.destroy();
         if (models.infos.isEmpty()) {
           driverTesting.setSteps(modelEmptySteps);
         } else {
           driverTesting.setSteps(modelSteps);
         }
         driverTesting.drive();
-        guideStoreTesting.toggleGuide();
       }
       if (validationStore.step !== 0) {
         if (validationStore.step === 1) {
-          driverTesting.destroy();
           driverTesting.setSteps(dataSteps);
           driverTesting.drive();
-          guideStoreTesting.toggleGuide();
         }
         if (validationStore.step === 2) {
-          driverTesting.destroy();
           driverTesting.setSteps(evaluationSteps);
           driverTesting.drive();
-          guideStoreTesting.toggleGuide();
         }
       }
     }