44 lines
1.3 KiB
Vue
44 lines
1.3 KiB
Vue
|
<template lang="pug">
|
||
|
|
transition(:duration="400")
|
||
|
|
.modal(v-show='isShown', v-cloak)
|
||
|
|
transition(name='modal-background')
|
||
|
|
.modal-background(v-show='isShown')
|
||
|
|
.modal-container
|
||
|
|
transition(name='modal-content')
|
||
|
|
.modal-content(v-show='isShown')
|
||
|
|
header.is-orange Discard?
|
||
|
|
section
|
||
|
|
span(v-if='mode === "create"') Are you sure you want to leave this page and loose anything you wrote so far?
|
||
|
|
span(v-else) Are you sure you want to leave this page and loose any modifications?
|
||
|
|
footer
|
||
|
|
a.button.is-grey.is-outlined(v-on:click='stay') Stay on page
|
||
|
|
a.button.is-orange(v-on:click='discard') Discard
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'modal-discard-page',
|
||
|
|
props: ['mode', 'currentPath'],
|
||
|
|
data () {
|
||
|
|
return {}
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
isShown () {
|
||
|
|
return this.$store.state.modalDiscardPage.shown
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
stay: function () {
|
||
|
|
this.$store.dispatch('modalDiscardPage/close')
|
||
|
|
},
|
||
|
|
discard: function () {
|
||
|
|
if(this.mode === 'create') {
|
||
|
|
window.location.assign('/')
|
||
|
|
} else {
|
||
|
|
window.location.assign('/' + this.currentPath)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|