From 9e61c3244b96d1c7016d170eb5cc5eeb36ae6997 Mon Sep 17 00:00:00 2001
From: Niko <nikolaus.feith@unileoben.ac.at>
Date: Wed, 8 Mar 2023 16:54:22 +0100
Subject: [PATCH] clean up

---
 .idea/.gitignore                            |  5 ++
 ActiveBOWeb/src/components/ControlPanel.vue |  2 +-
 ActiveBOWeb/src/components/PolicyPlot.vue   | 59 +++++++++++----------
 ActiveBOWeb/src/components/WeightTuner.vue  | 35 ++++++------
 ActiveBOWeb/src/store/ControlStore.js       |  4 +-
 5 files changed, 56 insertions(+), 49 deletions(-)
 create mode 100644 .idea/.gitignore

diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..b58b603
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/ActiveBOWeb/src/components/ControlPanel.vue b/ActiveBOWeb/src/components/ControlPanel.vue
index 306ec43..58c6eb5 100644
--- a/ActiveBOWeb/src/components/ControlPanel.vue
+++ b/ActiveBOWeb/src/components/ControlPanel.vue
@@ -39,7 +39,7 @@
         label="nr runs"
         v-model="cstore.nr_runs"
         :step="1"
-        :min="2"
+        :min="1"
         :max="50"
         thumb-label
         :disabled="runRef"
diff --git a/ActiveBOWeb/src/components/PolicyPlot.vue b/ActiveBOWeb/src/components/PolicyPlot.vue
index 81afb04..992e570 100644
--- a/ActiveBOWeb/src/components/PolicyPlot.vue
+++ b/ActiveBOWeb/src/components/PolicyPlot.vue
@@ -1,11 +1,11 @@
 <template>
-  <canvas id="policy-chart"/>
+  <canvas id="policy-chart" />
 </template>
 
 <script setup>
 import { onMounted, watch } from "vue";
 import { usePStore } from "@/store/PolicyStore";
-import { Chart } from 'chart.js/auto';
+import { Chart } from "chart.js/auto";
 
 const store = usePStore();
 
@@ -13,16 +13,18 @@ let chartHandle;
 
 function buildChart() {
   const policy = store.getPolicy;
-  const policy_labels = Array(policy.length).fill(0).map((_, i) => i);
+  const policy_labels = Array(policy.length)
+    .fill(0)
+    .map((_, i) => i);
   const RewardPlot = {
     data: {
       datasets: [
         {
-          type: 'line',
-          xAxisID: 'x',
-          yAxisID: 'y',
+          type: "line",
+          xAxisID: "x",
+          yAxisID: "y",
           data: policy,
-          borderColor: '#3DC47A',
+          borderColor: "#3DC47A",
           borderWidth: 2,
           pointRadius: 0,
         },
@@ -34,14 +36,14 @@ function buildChart() {
       animation: {
         duration: 0,
       },
-      plugins:{
+      plugins: {
         legend: {
           display: false,
         },
       },
       lineTension: 0,
       tooltip: {
-        mode: 'label',
+        mode: "label",
       },
       scales: {
         x: {
@@ -53,17 +55,16 @@ function buildChart() {
             autoSkip: true,
           },
         },
-        y:
-            {
-              type: 'linear',
-              ticks: {
-                beginAtZero: true,
-              },
-            },
+        y: {
+          type: "linear",
+          ticks: {
+            beginAtZero: true,
+          },
+        },
       },
     },
   };
-  const ctx = document.getElementById('policy-chart');
+  const ctx = document.getElementById("policy-chart");
   // eslint-disable-next-line no-new
   chartHandle = new Chart(ctx, RewardPlot);
 }
@@ -72,18 +73,18 @@ onMounted(() => {
   buildChart();
 });
 
-watch(() => store.getPolicy, () => {
-  const policy = store.getPolicy;
-  const policy_labels = Array(policy.length).fill(0).map((_, i) => i)
-
-  chartHandle.options.scales.x.labels = policy_labels;
-  chartHandle.data.datasets[0].data = policy;
-
-  chartHandle.update();
-});
+watch(
+  () => store.getPolicy,
+  () => {
+    const policy = store.getPolicy;
+    chartHandle.options.scales.x.labels = Array(policy.length)
+      .fill(0)
+      .map((_, i) => i);
+    chartHandle.data.datasets[0].data = policy;
 
+    chartHandle.update();
+  }
+);
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>
diff --git a/ActiveBOWeb/src/components/WeightTuner.vue b/ActiveBOWeb/src/components/WeightTuner.vue
index 285d28a..94b44ea 100644
--- a/ActiveBOWeb/src/components/WeightTuner.vue
+++ b/ActiveBOWeb/src/components/WeightTuner.vue
@@ -1,30 +1,31 @@
 <template>
- <v-row no-gutters justify="center" class="weight-tuner">
-   <v-col v-for="(_, idx) in weights">
-     <div class="weight-container">
-       <vue-slider v-model="weights[idx]"
-                   direction="btt"
-                   :height="100"
-                   :min="-1"
-                   :max="1"
-                   :interval="0.01"
-       />
-     </div>
-   </v-col>
- </v-row>
+  <v-row no-gutters justify="center" class="weight-tuner">
+    <!-- eslint-disable-next-line -->
+    <v-col v-for="(_, idx) in weights">
+      <div class="weight-container">
+        <vue-slider
+          v-model="weights[idx]"
+          direction="btt"
+          :height="100"
+          :min="-1"
+          :max="1"
+          :interval="0.01"
+        />
+      </div>
+    </v-col>
+  </v-row>
 </template>
 
 <script setup>
 import { usePStore } from "@/store/PolicyStore";
 
 import VueSlider from "vue-slider-component";
-import 'vue-slider-component/theme/default.css';
-import {computed} from "vue";
+import "vue-slider-component/theme/default.css";
+import { computed } from "vue";
 
-const store = usePStore()
+const store = usePStore();
 
 const weights = computed(() => store.weights);
-
 </script>
 
 <style scoped>
diff --git a/ActiveBOWeb/src/store/ControlStore.js b/ActiveBOWeb/src/store/ControlStore.js
index 18f2b18..67de7b2 100644
--- a/ActiveBOWeb/src/store/ControlStore.js
+++ b/ActiveBOWeb/src/store/ControlStore.js
@@ -11,8 +11,8 @@ export const useCStore = defineStore("Control Store", {
         "Probability of Improvement",
         "Upper Confidence Bound",
       ],
-      nr_episodes: 10,
-      nr_runs: 2,
+      nr_episodes: 50,
+      nr_runs: 10,
       greedy: 0,
       sendWeights: false,
       runner: false,