Chapril/mobilizon.chapril.org-mobilizon
Chapril/mobilizon.chapril.org-mobilizon
26
0
Fork 0
Code Issues Pull Requests Releases Activity

Prevent route changing when editing with changes

Browse Source 
Close #197

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2019-10-09 17:18:27 +02:00
parent 7773f819bd
commit 36a57cfcf2
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
js/src/views/Event/Edit.vue
View File

@ -266,6 +266,9 @@ import { ICurrentUser } from '@/types/current-user.model';
query: TAGS,
},
},
beforeRouteLeave(to, from, next) {
this.confirmGoElsewhere(() => next());
},
})
export default class EditEvent extends Vue {
@Prop({ type: Boolean, default: false }) isUpdate!: boolean;
@ -499,9 +502,9 @@ export default class EditEvent extends Vue {
/**
* Confirm cancel
*/
confirmGoBack() {
confirmGoElsewhere(callback) {
if (!this.isEventModified) {
return this.$router.go(-1);
return callback();
}
const title: string = this.isUpdate ?
this.$t('Cancel edition') as string :
@ -519,10 +522,17 @@ export default class EditEvent extends Vue {
cancelText: this.$t('Continue editing') as string,
type: 'is-warning',
hasIcon: true,
onConfirm: () => this.$router.go(-1),
onConfirm: callback,
});
}
/**
* Confirm cancel
*/
confirmGoBack() {
this.confirmGoElsewhere(() => this.$router.go(-1));
}
get isEventModified(): boolean {
return JSON.stringify(this.event.toEditJSON()) !== JSON.stringify(this.unmodifiedEvent);
}