From 143e0b5186075fe6ccb82c4e0e80f51c19992332 Mon Sep 17 00:00:00 2001
From: Joel Collins <jtc9242@gmail.com>
Date: Mon, 1 Jun 2020 14:28:39 +0100
Subject: [PATCH] Added API origin override to loading error component

---
 src/components/controlComponents/devTools.vue | 35 +++++++++++++++++++
 src/components/loadingContent.vue             |  9 +++--
 2 files changed, 41 insertions(+), 3 deletions(-)
 create mode 100644 src/components/controlComponents/devTools.vue

diff --git a/src/components/controlComponents/devTools.vue b/src/components/controlComponents/devTools.vue
new file mode 100644
index 00000000..a7f399d8
--- /dev/null
+++ b/src/components/controlComponents/devTools.vue
@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <form class="uk-form-stacked" @submit.prevent="overrideAPIHost">
+      <label class="uk-form-label">API origin</label>
+      <input class="uk-input" type="text" v-model="currentOrigin" />
+    </form>
+  </div>
+</template>
+
+<script>
+// Export main app
+export default {
+  name: "DevTools",
+
+  components: {},
+
+  data: function() {
+    return {
+      currentOrigin: this.$store.state.origin
+    };
+  },
+
+  methods: {
+    overrideAPIHost: function() {
+      this.$store.commit("changeOrigin", this.currentOrigin);
+    }
+  }
+};
+</script>
+
+<style scoped lang="less">
+.error-icon {
+  font-size: 120px;
+}
+</style>
diff --git a/src/components/loadingContent.vue b/src/components/loadingContent.vue
index 55fdba8c..e2445a97 100644
--- a/src/components/loadingContent.vue
+++ b/src/components/loadingContent.vue
@@ -7,18 +7,21 @@
     ></div>
     <div v-if="$store.state.waiting" class="uk-align-center">Loading...</div>
     <i class="material-icons uk-align-center error-icon">error_outline</i>
-    <div v-if="$store.state.error" class="uk-align-center">
-      {{ $store.state.error }}
+    <div v-if="$store.state.error" class="uk-align-center">{{ $store.state.error }}</div>
+    <div class="uk-align-center">
+      <devTools></devTools>
     </div>
   </div>
 </template>
 
 <script>
+import devTools from "./controlComponents/devTools.vue";
+
 // Export main app
 export default {
   name: "LoadingContent",
 
-  components: {},
+  components: { devTools },
 
   data: function() {
     return {};