mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-10-27 16:24:31 -04:00
2a158ab290
* rename 'ENV' to 'PRODUCTION' and default to true * set env PRODUCTION * refactor file download process * add last_recipe.json and log downloads * changelog + version bump * set env on workflows * bump version Co-authored-by: hay-kot <hay-kot@pm.me>
51 lines
1020 B
Vue
51 lines
1020 B
Vue
<template>
|
|
<v-btn color="accent" text :loading="downloading" @click="downloadFile">
|
|
{{ showButtonText }}
|
|
</v-btn>
|
|
</template>
|
|
|
|
<script>
|
|
/**
|
|
* The download button used for the entire site
|
|
* pass a URL to the endpoint that will return a
|
|
* file_token which will then be used to request the file
|
|
* from the server and open that link in a new tab
|
|
*/
|
|
import { apiReq } from "@/api/api-utils";
|
|
export default {
|
|
props: {
|
|
/**
|
|
* URL to get token from
|
|
*/
|
|
downloadUrl: {
|
|
default: "",
|
|
},
|
|
/**
|
|
* Override button text. Defaults to "Download"
|
|
*/
|
|
buttonText: {
|
|
default: null,
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
downloading: false,
|
|
};
|
|
},
|
|
computed: {
|
|
showButtonText() {
|
|
return this.buttonText || this.$t("general.download");
|
|
},
|
|
},
|
|
methods: {
|
|
async downloadFile() {
|
|
this.downloading = true;
|
|
await apiReq.download(this.downloadUrl);
|
|
this.downloading = false;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
</style> |