import between tandoor instances WIP
This commit is contained in:
parent
589bc1f1aa
commit
50429207c5
@ -149,9 +149,10 @@
|
|||||||
<add-recipe-to-book :recipe="recipe"></add-recipe-to-book>
|
<add-recipe-to-book :recipe="recipe"></add-recipe-to-book>
|
||||||
|
|
||||||
<div class="row text-center d-print-none" style="margin-top: 3vh; margin-bottom: 3vh"
|
<div class="row text-center d-print-none" style="margin-top: 3vh; margin-bottom: 3vh"
|
||||||
v-if="share_uid !== 'None'">
|
v-if="share_uid !== 'None' && !loading">
|
||||||
<div class="col col-md-12">
|
<div class="col col-md-12">
|
||||||
<a :href="resolveDjangoUrl('view_report_share_abuse', share_uid)">{{ $t("Report Abuse") }}</a>
|
<import-tandoor></import-tandoor> <br/>
|
||||||
|
<a :href="resolveDjangoUrl('view_report_share_abuse', share_uid)" class="mt-3">{{ $t("Report Abuse") }}</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -182,6 +183,7 @@ import NutritionComponent from "@/components/NutritionComponent"
|
|||||||
import RecipeSwitcher from "@/components/Buttons/RecipeSwitcher"
|
import RecipeSwitcher from "@/components/Buttons/RecipeSwitcher"
|
||||||
import CustomInputSpinButton from "@/components/CustomInputSpinButton"
|
import CustomInputSpinButton from "@/components/CustomInputSpinButton"
|
||||||
import {ApiApiFactory} from "@/utils/openapi/api";
|
import {ApiApiFactory} from "@/utils/openapi/api";
|
||||||
|
import ImportTandoor from "@/components/Modals/ImportTandoor.vue";
|
||||||
|
|
||||||
Vue.prototype.moment = moment
|
Vue.prototype.moment = moment
|
||||||
|
|
||||||
@ -191,6 +193,7 @@ export default {
|
|||||||
name: "RecipeView",
|
name: "RecipeView",
|
||||||
mixins: [ResolveUrlMixin, ToastMixin],
|
mixins: [ResolveUrlMixin, ToastMixin],
|
||||||
components: {
|
components: {
|
||||||
|
ImportTandoor,
|
||||||
LastCooked,
|
LastCooked,
|
||||||
RecipeRating,
|
RecipeRating,
|
||||||
PdfViewer,
|
PdfViewer,
|
||||||
|
78
vue/src/components/Modals/ImportTandoor.vue
Normal file
78
vue/src/components/Modals/ImportTandoor.vue
Normal file
@ -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>
|
Loading…
Reference in New Issue
Block a user