From 8865d88e2021f668cfabae7a3a390fa0642f1025 Mon Sep 17 00:00:00 2001
From: Richard Bowman <richard.bowman@cantab.net>
Date: Thu, 30 Nov 2023 23:22:00 +0000
Subject: [PATCH] Remove unnecessary components

---
 .../multiNumericSettingLine.vue               | 123 -----------------
 .../numericArraySettingLine.vue               | 129 ------------------
 .../genericComponents/numericSettingLine.vue  | 127 -----------------
 3 files changed, 379 deletions(-)
 delete mode 100644 webapp/src/components/genericComponents/multiNumericSettingLine.vue
 delete mode 100644 webapp/src/components/genericComponents/numericArraySettingLine.vue
 delete mode 100644 webapp/src/components/genericComponents/numericSettingLine.vue

diff --git a/webapp/src/components/genericComponents/multiNumericSettingLine.vue b/webapp/src/components/genericComponents/multiNumericSettingLine.vue
deleted file mode 100644
index 45a07b9e..00000000
--- a/webapp/src/components/genericComponents/multiNumericSettingLine.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-  <div>
-    <label class="uk-form-label">{{ label }}</label>
-    <div class="input-and-buttons-container">
-      <input
-        v-for="(_v, key) in value"
-        :key="key"
-        v-model="value[key]"
-        class="uk-form-small numeric-setting-line-input"
-        type="number"
-        @focusin="focusIn"
-        @focusout="focusOut"
-        @keydown="keyDown"
-      />
-      <a class="button-next-to-input" @click="readProperty">
-        <i class="material-icons">refresh</i>
-      </a>
-    </div>
-  </div>
-</template>
-
-<script>
-import axios from "axios";
-
-export default {
-  name: "MultiNumericSettingLine",
-
-  props: {
-    label: {
-      type: String,
-      required: true
-    },
-    propertyUrl: {
-      type: String,
-      required: true
-    },
-    readBackDelay: {
-      type: Number,
-      default: undefined,
-      required: false
-    }
-  },
-
-  data: () => {
-    return {
-      value: {},
-      valueOnEnter: undefined
-    };
-  },
-
-  computed: {
-    readBack: function() {
-      return this.readBackDelay !== undefined;
-    }
-  },
-
-  mounted() {
-    this.readProperty();
-  },
-
-  methods: {
-    readProperty: async function() {
-      let response = await axios.get(this.propertyUrl);
-      this.value = response.data;
-      console.log("Read property", this.propertyUrl, response.data);
-      return response.data;
-    },
-    writeProperty: async function() {
-      try {
-        let requestedValue = Number(this.value);
-        await axios.post(this.propertyUrl, requestedValue);
-        if (this.readBack) {
-          await new Promise(r => setTimeout(r, this.readBackDelay));
-          let newVal = await this.readProperty();
-          if (newVal == requestedValue) {
-            await this.modalNotify(`Set ${this.label} to ${newVal}.`);
-          } else {
-            await this.modalNotify(
-              `Set ${this.label} to ${newVal} (requested ${requestedValue}).`
-            );
-          }
-        } else {
-          await this.modalNotify(`Set ${this.label} to ${this.value}.`);
-        }
-      } catch (error) {
-        this.modalError(error); // Let mixin handle error
-      }
-    },
-    focusIn: function(event) {
-      this.valueOnEnter = event.target.value;
-    },
-    focusOut: function(event) {
-      if (this.valueOnEnter != event.target.value) {
-        this.writeProperty(event.target.value);
-      }
-    },
-    keyDown: function(event) {
-      // Pressing enter should set the property, whether or not we think it's changed.
-      if (event.keyCode == 13) {
-        this.writeProperty();
-      }
-    }
-  }
-};
-</script>
-
-<style scoped>
-.input-and-buttons-container {
-  display: table;
-  width: 100%;
-}
-.numeric-setting-line-input {
-  display: table-cell;
-  width: 100%;
-}
-.button-next-to-input {
-  display: table-cell;
-  padding-left: 20px;
-  padding-right: 5px;
-  vertical-align: middle;
-  cursor: pointer;
-}
-</style>
diff --git a/webapp/src/components/genericComponents/numericArraySettingLine.vue b/webapp/src/components/genericComponents/numericArraySettingLine.vue
deleted file mode 100644
index 54ea22ae..00000000
--- a/webapp/src/components/genericComponents/numericArraySettingLine.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-<template>
-  <div>
-    <label class="uk-form-label">{{ label }}</label>
-    <div class="input-and-buttons-container">
-      <input
-        v-for="i in value.length"
-        :key="i"
-        v-model="value[i - 1]"
-        class="uk-form-small numeric-setting-line-input"
-        type="number"
-        @focusin="focusIn"
-        @focusout="focusOut"
-        @keydown="keyDown"
-      />
-      <a class="button-next-to-input" @click="readProperty">
-        <i class="material-icons">refresh</i>
-      </a>
-    </div>
-  </div>
-</template>
-
-<script>
-import axios from "axios";
-
-export default {
-  name: "NumericArraySettingLine",
-
-  props: {
-    label: {
-      type: String,
-      required: true
-    },
-    propertyUrl: {
-      type: String,
-      required: true
-    },
-    readBackDelay: {
-      type: Number,
-      default: undefined,
-      required: false
-    }
-  },
-
-  data: () => {
-    return {
-      value: {},
-      valueOnEnter: undefined
-    };
-  },
-
-  computed: {
-    readBack: function() {
-      return this.readBackDelay !== undefined;
-    }
-  },
-
-  mounted() {
-    this.readProperty();
-  },
-
-  methods: {
-    readProperty: async function() {
-      let response = await axios.get(this.propertyUrl);
-      this.value = response.data;
-      console.log("Read property", this.propertyUrl, response.data);
-      return response.data;
-    },
-    writeProperty: async function() {
-      try {
-        let requestedValue = this.value;
-        await axios.post(this.propertyUrl, requestedValue);
-        if (this.readBack) {
-          await new Promise(r => setTimeout(r, this.readBackDelay));
-          let newVal = await this.readProperty();
-          if (newVal == requestedValue) {
-            await this.modalNotify(`Set ${this.label} to ${newVal}.`);
-          } else {
-            await this.modalNotify(
-              `Set ${this.label} to ${newVal} (requested ${requestedValue}).`
-            );
-          }
-        } else {
-          await this.modalNotify(`Set ${this.label} to ${this.value}.`);
-        }
-      } catch (error) {
-        this.modalError(error); // Let mixin handle error
-      }
-    },
-    focusIn: function(event) {
-      this.valueOnEnter = event.target.value;
-    },
-    focusOut: function(event) {
-      if (this.valueOnEnter != event.target.value) {
-        this.writeProperty(event.target.value);
-      }
-    },
-    keyDown: function(event) {
-      // Pressing enter should set the property, whether or not we think it's changed.
-      if (event.keyCode == 13) {
-        this.writeProperty();
-      }
-    }
-  }
-};
-</script>
-
-<style scoped>
-.input-and-buttons-container {
-  display: flex;
-  flex-flow: row wrap;
-  justify-content: flex-start;
-  align-content: stretch;
-  align-items: center;
-  width: 100%;
-}
-.numeric-setting-line-input {
-  flex-grow: 1;
-  margin-left: 5px;
-  margin-right: 5px;
-  width: 6em;
-}
-.button-next-to-input {
-  flex-grow: 0;
-  padding-left: 5px;
-  padding-right: 5px;
-  vertical-align: middle;
-  cursor: pointer;
-}
-</style>
diff --git a/webapp/src/components/genericComponents/numericSettingLine.vue b/webapp/src/components/genericComponents/numericSettingLine.vue
deleted file mode 100644
index a4c8d553..00000000
--- a/webapp/src/components/genericComponents/numericSettingLine.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<template>
-  <div>
-    <label class="uk-form-label">{{ label }}</label>
-    <div class="input-and-buttons-container">
-      <input
-        v-model="value"
-        class="uk-form-small numeric-setting-line-input"
-        type="number"
-        @focusin="focusIn"
-        @focusout="focusOut"
-        @keydown="keyDown"
-      />
-      <a class="button-next-to-input" @click="readProperty">
-        <i class="material-icons">refresh</i>
-      </a>
-    </div>
-  </div>
-</template>
-
-<script>
-import axios from "axios";
-
-export default {
-  name: "NumericSettingLine",
-
-  props: {
-    label: {
-      type: String,
-      required: true
-    },
-    propertyUrl: {
-      type: String,
-      required: true
-    },
-    readBackDelay: {
-      type: Number,
-      default: undefined,
-      required: false
-    }
-  },
-
-  data: () => {
-    return {
-      value: undefined,
-      valueOnEnter: undefined
-    };
-  },
-
-  computed: {
-    readBack: function() {
-      return this.readBackDelay !== undefined;
-    }
-  },
-
-  mounted() {
-    this.readProperty();
-  },
-
-  methods: {
-    readProperty: async function() {
-      let response = await axios.get(this.propertyUrl);
-      this.value = response.data;
-      console.log("Read property", this.propertyUrl, response.data);
-      return response.data;
-    },
-    writeProperty: async function() {
-      try {
-        let requestedValue = Number(this.value);
-        await axios.post(this.propertyUrl, requestedValue);
-        if (this.readBack) {
-          await new Promise(r => setTimeout(r, this.readBackDelay));
-          let newVal = await this.readProperty();
-          if (newVal == requestedValue) {
-            await this.modalNotify(`Set ${this.label} to ${newVal}.`);
-          } else {
-            await this.modalNotify(
-              `Set ${this.label} to ${newVal} (requested ${requestedValue}).`
-            );
-          }
-        } else {
-          await this.modalNotify(`Set ${this.label} to ${this.value}.`);
-        }
-      } catch (error) {
-        this.modalError(error); // Let mixin handle error
-      }
-    },
-    focusIn: function(event) {
-      this.valueOnEnter = event.target.value;
-    },
-    focusOut: function(event) {
-      if (this.valueOnEnter != event.target.value) {
-        this.writeProperty(event.target.value);
-      }
-    },
-    keyDown: function(event) {
-      // Pressing enter should set the property, whether or not we think it's changed.
-      if (event.keyCode == 13) {
-        this.writeProperty();
-      }
-    }
-  }
-};
-</script>
-
-<style scoped>
-.input-and-buttons-container {
-  display: flex;
-  flex-flow: row wrap;
-  justify-content: flex-start;
-  align-content: stretch;
-  align-items: center;
-  width: 100%;
-}
-.numeric-setting-line-input {
-  flex-grow: 1;
-  margin-left: 5px;
-  margin-right: 5px;
-  width: 6em;
-}
-.button-next-to-input {
-  flex-grow: 0;
-  padding-left: 5px;
-  padding-right: 5px;
-  vertical-align: middle;
-  cursor: pointer;
-}
-</style>