aelve/guide
1
1
Fork 0
mirror of https://github.com/aelve/guide.git synced 2024-11-29 14:35:35 +03:00
Code Issues Projects Releases Wiki Activity

Markdown editor confirmation of unsaved changes on escape

Browse Source
This commit is contained in:
avele 2019-10-30 00:12:39 +04:00
parent d20e5f99b0
commit 4ac5c1820c
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
front/client/components/MarkdownEditor.vue
View File

@ -10,7 +10,7 @@
@keydown.exact.capture.enter="onEnterDown"
@keydown.exact.ctrl.enter="onCtrlEnterDown"
@keydown.exact.meta.enter="onCtrlEnterDown"
@keydown.exact.esc="cancel"
@keydown.exact.esc="onEsc"
v-show="editor && isReady"
>
<textarea
@ -227,6 +227,22 @@ export default class MarkdownEditor extends Vue {
this.$emit('save', this.editor.value())
}
async onEsc () {
let isConfirmed = true
if (this.value !== this.editor.value()) {
isConfirmed = await this._confirm({
fullText: 'You have unsaved changes. Do you really want to discard them?',
confirmBtnText: 'Disacrd',
confirmBtnProps: {
color: 'error'
}
})
}
if (isConfirmed) {
this.cancel()
}
}
cancel () {
this.$emit('cancel')
}