Added API origin override to loading error component

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>

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 {};