64 lines
1.4 KiB
Vue
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>
|