Switched client from submodule to included

openflexure_microscope/api/static/src/components/loadingContent.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="uk-flex uk-flex-column uk-flex-center uk-height-1-1">
+    <div
+      v-if="$store.state.waiting"
+      class="uk-align-center"
+      uk-spinner="ratio: 3"
+    ></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>
+    <div class="uk-align-center">
+      <devTools class="uk-width-medium"></devTools>
+    </div>
+  </div>
+</template>
+
+<script>
+import devTools from "./controlComponents/devTools.vue";
+
+// Export main app
+export default {
+  name: "LoadingContent",
+
+  components: { devTools },
+
+  data: function() {
+    return {};
+  }
+};
+</script>
+
+<style scoped lang="less">
+.error-icon {
+  font-size: 120px;
+}
+</style>