photoprism/frontend/src/dialog/reload.vue
Michael Mayer 8470eb4bf1 Frontend: Suggest reload when PhotoPrism has been updated
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
2020-07-12 04:06:55 +02:00

64 lines
1.4 KiB
Vue

<template>
<v-dialog v-model="visible" max-width="300">
<v-card>
<v-card-title class="subheading pa-3">
<translate>PhotoPrism has been updated…</translate>
</v-card-title>
<v-card-actions class="pa-3">
<v-spacer></v-spacer>
<v-btn
color="secondary-light"
depressed small
@click="close"
>
<translate>Cancel</translate>
</v-btn>
<v-btn
color="secondary-dark"
dark depressed small
@click="reload"
>
<translate>Reload</translate>
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<script>
export default {
name: 'p-dialog-webdav',
props: {
show: Boolean,
},
data() {
return {
visible: this.show,
};
},
watch: {
show(val) {
this.visible = val;
},
visible(val) {
if (!val) {
this.close();
}
},
},
methods: {
close() {
this.$emit('close');
},
reload() {
this.$notify.info(this.$gettext("Reloading…"));
this.$notify.blockUI();
setTimeout(() => window.location.reload(), 100);
},
},
};
</script>