import response view

vue/src/apps/ImportResponseView/ImportResponseView.vue

@@ -0,0 +1,110 @@
+<template>
+  <div id="app">
+
+    <div class="row">
+      <div class="col col-md-12">
+        <h2>{{ _('Import') }}</h2>
+      </div>
+
+    </div>
+
+    <br/>
+    <br/>
+
+    <template v-if="import_info !== undefined">
+
+      <template v-if="import_info.running" style="text-align: center;">
+        <div class="row">
+          <div class="col col-md-12">
+
+          </div>
+
+        </div>
+        <loading-spinner></loading-spinner>
+        <br/>
+        <br/>
+        <h5 style="text-align: center">{{ _('Import running, please wait!') }}</h5>
+
+      </template>
+      <template v-else>
+        <div class="row">
+          <div class="col col-md-12">
+            <span>{{ _('Import finished') }}! </span>
+            <a :href="`${resolveDjangoUrl('view_search') }?keywords=${import_info.keyword.id}`"
+               v-if="import_info.keyword !== null">{{ _('View Recipes') }}</a>
+
+          </div>
+        </div>
+
+        <br/>
+
+        <div class="row">
+          <div class="col col-md-12">
+            <label for="id_textarea">{{ _('Information') }}</label>
+            <textarea id="id_textarea" class="form-control" style="height: 50vh" v-html="import_info.msg"
+                      disabled></textarea>
+
+          </div>
+        </div>
+
+
+      </template>
+    </template>
+
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import {BootstrapVue} from 'bootstrap-vue'
+
+import 'bootstrap-vue/dist/bootstrap-vue.css'
+
+import {GettextMixin, ResolveUrlMixin, ToastMixin} from "@/utils/utils";
+
+import {apiLoadImportLog} from "@/utils/api";
+import LoadingSpinner from "@/components/LoadingSpinner";
+
+Vue.use(BootstrapVue)
+
+export default {
+  name: 'ImportResponseView',
+  mixins: [
+    GettextMixin,
+    ResolveUrlMixin,
+    ToastMixin,
+  ],
+  components: {
+    LoadingSpinner
+  },
+  data() {
+    return {
+      import_id: window.IMPORT_ID,
+      import_info: undefined,
+    }
+  },
+  mounted() {
+    this.refreshData()
+
+    setInterval(() => {
+      if ((this.import_id !== null) && window.navigator.onLine && this.import_info.running) {
+        this.refreshData()
+      }
+    }, 5000)
+
+  },
+  methods: {
+    refreshData: function () {
+      apiLoadImportLog(this.import_id).then(data => {
+        this.import_info = data
+      })
+    }
+  }
+}
+
+</script>
+
+<style>
+
+
+</style>

vue/src/apps/ImportResponseView/main.js

@@ -0,0 +1,8 @@
+import Vue from 'vue'
+import App from './ImportResponseView.vue'
+
+Vue.config.productionTip = false
+
+new Vue({
+    render: h => h(App),
+}).$mount('#app')