2019-07-29 07:22:47 +00:00
< template >
< span >
2019-12-20 05:50:50 +00:00
< span class = "clickable" @click ="confirmDelete()" v-if = "click == 0" data-tooltip="Delete" data-inverted="" data-position="top right" >
2019-07-29 07:22:47 +00:00
< i class = "grey trash alternate icon" > < / i >
< / span >
2020-01-03 01:26:55 +00:00
< span class = "clickable" @click ="actuallyDelete()" @mouseleave ="reset" v-if = "click == 1" data-tooltip="Click again to delete." data-position="top right" data-inverted="" >
2019-07-29 07:22:47 +00:00
< i class = "red trash alternate icon" > < / i >
< / span >
< / span >
< / template >
< script >
import axios from 'axios'
export default {
name : 'NoteTitleDisplayCard' ,
props : [ 'noteId' , 'displayText' ] ,
data ( ) {
return {
click : 0 ,
}
} ,
methods : {
confirmDelete ( ) {
this . click ++
} ,
actuallyDelete ( ) {
2020-01-03 01:26:55 +00:00
2019-07-30 19:21:12 +00:00
axios . post ( '/api/note/delete' , { 'noteId' : this . noteId } ) . then ( response => {
2019-07-29 07:22:47 +00:00
if ( response . data == true ) {
2020-01-03 01:26:55 +00:00
this . $bus . $emit ( 'note_deleted' , this . noteId )
2019-07-29 07:22:47 +00:00
}
} )
} ,
reset ( ) {
this . click = 0
}
}
}
< / script >