mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-12-02 16:44:05 -05:00
0167f2f1ca
* Translations + danish * changed back proxy target to use ENV * Resolved more merge conflicts * Removed test in translation * Documentation of translations * Updated translations * removed old packages Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
101 lines
2.9 KiB
Vue
101 lines
2.9 KiB
Vue
<template>
|
|
<v-card-text>
|
|
<p>
|
|
{{$t('migration.you-can-import-recipes-from-either-a-zip-file-or-a-directory-located-in-the-app-data-migraiton-folder-please-review-the-documentation-to-ensure-your-directory-structure-matches-what-is-expected')}}
|
|
</p>
|
|
<v-form ref="form">
|
|
<v-row align="center">
|
|
<v-col cols="12" md="5" sm="12">
|
|
<v-select
|
|
:items="availableImports"
|
|
v-model="selectedImport"
|
|
:label="$t('migration.nextcloud-data')"
|
|
:rules="[rules.required]"
|
|
></v-select>
|
|
</v-col>
|
|
<v-col cols="12" md="2" sm="12">
|
|
<v-btn text color="info" @click="importRecipes"> {{$t('migration.migrate')}} </v-btn>
|
|
</v-col>
|
|
<v-col cols="12" md="1" sm="12">
|
|
<v-btn text color="error" @click="deleteImportValidation">
|
|
{{$t('general.delete')}}
|
|
</v-btn>
|
|
<Confirmation
|
|
:title="$t('general.delete-data')"
|
|
:message="$t('migration.delete-confirmation')"
|
|
color="error"
|
|
icon="mdi-alert-circle"
|
|
ref="deleteThemeConfirm"
|
|
v-on:confirm="deleteImport()"
|
|
/>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col cols="12" md="5" sm="12">
|
|
<UploadMigrationButton @uploaded="getAvaiableImports" />
|
|
</v-col>
|
|
</v-row>
|
|
</v-form>
|
|
<SuccessFailureAlert
|
|
success-header="{{$t('migration.successfully-imported-from-nextcloud')}}"
|
|
:success="successfulImports"
|
|
failed-header="$t('migration.failed-imports')"
|
|
:failed="failedImports"
|
|
/>
|
|
</v-card-text>
|
|
</template>
|
|
|
|
<script>
|
|
import api from "../../../api";
|
|
import SuccessFailureAlert from "../../UI/SuccessFailureAlert";
|
|
import UploadMigrationButton from "./UploadMigrationButton";
|
|
import Confirmation from "../../UI/Confirmation";
|
|
export default {
|
|
components: {
|
|
SuccessFailureAlert,
|
|
UploadMigrationButton,
|
|
Confirmation,
|
|
},
|
|
data() {
|
|
return {
|
|
successfulImports: [],
|
|
failedImports: [],
|
|
availableImports: [],
|
|
selectedImport: null,
|
|
rules: {
|
|
required: (v) => !!v || "Selection Required",
|
|
},
|
|
};
|
|
},
|
|
async mounted() {
|
|
this.getAvaiableImports();
|
|
},
|
|
methods: {
|
|
async getAvaiableImports() {
|
|
this.availableImports = await api.migrations.getNextcloudImports();
|
|
},
|
|
async importRecipes() {
|
|
if (this.$refs.form.validate()) {
|
|
this.$emit("loading");
|
|
let data = await api.migrations.importNextcloud(this.selectedImport);
|
|
|
|
this.successfulImports = data.successful;
|
|
this.failedImports = data.failed;
|
|
this.$emit("finished");
|
|
}
|
|
},
|
|
deleteImportValidation() {
|
|
if (this.$refs.form.validate()) {
|
|
this.$refs.deleteThemeConfirm.open();
|
|
}
|
|
},
|
|
async deleteImport() {
|
|
await api.migrations.delete(this.selectedImport);
|
|
this.getAvaiableImports();
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
</style> |