import between tandoor instances WIP

vue/src/components/Modals/ImportTandoor.vue

@@ -0,0 +1,78 @@
+<template>
+
+    <div>
+<!--        <b-button v-b-modal.id_import_tandoor_modal>{{ $t("Import into Tandoor") }}</b-button>-->
+
+        <b-modal class="modal" id="id_import_tandoor_modal" :title="$t('Import')" hide-footer>
+            <p>Tandoor ist eine OpenSource Rezeptverwaltungs Plattform</p>
+
+            <p>Bitte wähle aus ob du deinen eigenen Tandoor Server hast oder tandoor.dev nutzt.
+            </p>
+            <div class="justify-content-center text-center">
+                <b-form-group v-slot="{ ariaDescribedby }">
+                    <b-form-radio-group
+                        id="btn-radios-1"
+                        v-model="import_mode"
+                        :options="options"
+                        :aria-describedby="ariaDescribedby"
+                        name="radios-btn-default"
+                        buttons
+                    ></b-form-radio-group>
+                </b-form-group>
+            </div>
+            <div v-if="import_mode === 'tandoor'">
+                <a href="https://app.tandoor.dev/accounts/signup/" target="_blank" ref="nofollow">Hier</a> einen Account anlegen<br/>
+                <b-button @click="importTandoor()">Import</b-button>
+
+            </div>
+            <div v-if="import_mode === 'selfhosted'">
+                Deine Server URL
+                <b-input v-model="selfhosted_url"></b-input>
+                <b-button :disabled="selfhosted_url === ''" @click="importSelfHosted()">Import</b-button>
+            </div>
+
+            <div class="row mt-3 text-left mb-3">
+                <a href="https://tandoor.dev" target="_blank" rel="nofollow">Jetzt mehr über Tandoor erfahren</a>
+            </div>
+        </b-modal>
+    </div>
+</template>
+
+<script>
+import Vue from "vue";
+import {BootstrapVue} from "bootstrap-vue";
+import {ApiApiFactory} from "@/utils/openapi/api";
+
+
+Vue.use(BootstrapVue)
+
+export default {
+    name: 'ImportTandoor',
+    components: {},
+    props: {
+        recipe: Object,
+    },
+    data() {
+        return {
+            import_mode: 'tandoor',
+            options: [
+                {text: 'Tandoor.dev', value: 'tandoor'},
+                {text: 'Self-Hosted', value: 'selfhosted'},
+            ],
+            selfhosted_url: '',
+        }
+    },
+    computed: {},
+    mounted() {
+        this.$i18n.locale = window.CUSTOM_LOCALE
+    },
+    methods: {
+        importTandoor: function () {
+
+        },
+        importSelfHosted: function () {
+
+        },
+    }
+}
+</script>