photoprism/frontend/src/dialog/reload.vue
2021-01-19 17:11:20 +01:00

65 lines
1.2 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="primary-button"
dark depressed small
class="action-update-reload"
@click="reload"
>
<translate>Reload</translate>
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<script>
export default {
name: 'PDialogWebdav',
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>