From d856697d0640e0caeb97be3fc615c8529c19bc35 Mon Sep 17 00:00:00 2001
From: Niko <nikolaus.feith@unileoben.ac.at>
Date: Sun, 10 Sep 2023 20:24:51 +0200
Subject: [PATCH] Reacher Experiments Finger Env added

---
 InteractiveBO/src/components/ControlPanel.vue |  5 ----
 InteractiveBO/src/components/PolicyPlot.vue   | 24 +++++++++++++++----
 InteractiveBO/src/store/ControlStore.js       |  8 +++----
 3 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/InteractiveBO/src/components/ControlPanel.vue b/InteractiveBO/src/components/ControlPanel.vue
index db68e28..396e86d 100644
--- a/InteractiveBO/src/components/ControlPanel.vue
+++ b/InteractiveBO/src/components/ControlPanel.vue
@@ -81,11 +81,6 @@
           v-model="cstore.fixed_seed"
           label="fixed seed"
         />
-        <v-checkbox
-          class="py-0 my-0"
-          v-model="cstore.overwrite"
-          label="overwrite"
-        />
         <v-checkbox
           class="py-0 my-0"
           v-model="cstore.save_result"
diff --git a/InteractiveBO/src/components/PolicyPlot.vue b/InteractiveBO/src/components/PolicyPlot.vue
index b5b1608..f059120 100644
--- a/InteractiveBO/src/components/PolicyPlot.vue
+++ b/InteractiveBO/src/components/PolicyPlot.vue
@@ -42,6 +42,9 @@ function buildChart() {
   const policy_x = store.getPolicy;
   const policy_y = store.getPolicy_y;
 
+  const current_x = policy_x[rlstore.current_time];
+  const current_y = policy_y[rlstore.current_time];
+
   const policy_xy = [];
 
   for (let i = 0; i < policy_x.length; i += 1) {
@@ -60,6 +63,16 @@ function buildChart() {
           borderColor: "#3DC47A",
           borderWidth: 2,
           pointRadius: 0.1,
+          order: 1,
+        },
+        {
+          type: "scatter",
+          xAxisID: "x",
+          yAxisID: "y",
+          data: [{ x: current_x, y: current_y }],
+          backgroundColor: "red",
+          pointRadius: 3,
+          order: 0,
         },
       ],
     },
@@ -114,16 +127,17 @@ watch(
     const policy_x = store.getPolicy;
     const policy_y = store.getPolicy_y;
 
+    const current_x = policy_x[rlstore.current_time];
+    const current_y = policy_y[rlstore.current_time];
+
     const policy_xy = [];
 
     for (let i = 0; i < policy_x.length; i += 1) {
-      policy_xy[policy_xy.length] = { x: policy_y[i], y: policy_x[i] };
+      policy_xy[policy_xy.length] = { x: policy_x[i], y: policy_y[i] };
     }
 
     chartHandle.data.datasets[0].data = policy_xy;
-    // chartHandle.options.plugins.verticalLinePlugin.xValue =
-    //   rlstore.current_time;
-
+    chartHandle.data.datasets[1].data = [{ x: current_x, y: current_y }];
     chartHandle.update();
   }
 );
@@ -138,7 +152,7 @@ watch(
     const policy_xy = [];
 
     for (let i = 0; i < policy_x.length; i += 1) {
-      policy_xy[policy_xy.length] = { x: policy_y[i], y: policy_x[i] };
+      policy_xy[policy_xy.length] = { x: policy_x[i], y: policy_y[i] };
     }
 
     chartHandle.data.datasets[0].data = policy_xy;
diff --git a/InteractiveBO/src/store/ControlStore.js b/InteractiveBO/src/store/ControlStore.js
index fc4410f..488bab5 100644
--- a/InteractiveBO/src/store/ControlStore.js
+++ b/InteractiveBO/src/store/ControlStore.js
@@ -1,13 +1,13 @@
 import { defineStore } from "pinia";
-import {state} from "vue-tsc/out/shared";
 
 export const useCStore = defineStore("Control Store", {
   state: () => {
     return {
       env: "Reacher",
-      envs: ["Reacher"],
+      envs: ["Reacher", "Finger"],
       env_dim: {
         Reacher: 2,
+        Finger: 2,
       },
       metric: "random",
       metrics: ["random", "regular", "improvement", "max_acquisition"],
@@ -36,8 +36,8 @@ export const useCStore = defineStore("Control Store", {
       improvement_2: 5,
       sendWeights: false,
       runner: false,
-      fixed_seed: false,
-      save_result: false,
+      fixed_seed: true,
+      save_result: true,
       overwrite: false,
     };
   },