Loading src/components/controlComponents/devTools.vue 0 → 100644 +35 −0 Original line number Diff line number Diff line <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 +6 −3 Original line number Diff line number Diff line Loading @@ -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 {}; Loading Loading
src/components/controlComponents/devTools.vue 0 → 100644 +35 −0 Original line number Diff line number Diff line <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 +6 −3 Original line number Diff line number Diff line Loading @@ -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 {}; Loading