|
|
@ -65,8 +65,10 @@ const Timeline = {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
classes () {
|
|
|
|
classes () {
|
|
|
|
|
|
|
|
let rootClasses = !this.embedded ? ['panel', 'panel-default'] : []
|
|
|
|
|
|
|
|
if (this.blockingClicks) rootClasses = rootClasses.concat(['-blocked'])
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
root: ['timeline'].concat(!this.embedded ? ['panel', 'panel-default'] : []),
|
|
|
|
root: rootClasses,
|
|
|
|
header: ['timeline-heading'].concat(!this.embedded ? ['panel-heading'] : []),
|
|
|
|
header: ['timeline-heading'].concat(!this.embedded ? ['panel-heading'] : []),
|
|
|
|
body: ['timeline-body'].concat(!this.embedded ? ['panel-body'] : []),
|
|
|
|
body: ['timeline-body'].concat(!this.embedded ? ['panel-body'] : []),
|
|
|
|
footer: ['timeline-footer'].concat(!this.embedded ? ['panel-footer'] : [])
|
|
|
|
footer: ['timeline-footer'].concat(!this.embedded ? ['panel-footer'] : [])
|
|
|
@ -125,17 +127,11 @@ const Timeline = {
|
|
|
|
this.$store.commit('setLoading', { timeline: this.timelineName, value: false })
|
|
|
|
this.$store.commit('setLoading', { timeline: this.timelineName, value: false })
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
blockClickEvent (e) {
|
|
|
|
|
|
|
|
e.stopPropagation()
|
|
|
|
|
|
|
|
e.preventDefault()
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
stopBlockingClicks: debounce(function () {
|
|
|
|
stopBlockingClicks: debounce(function () {
|
|
|
|
this.blockingClicks = false
|
|
|
|
this.blockingClicks = false
|
|
|
|
this.$el && this.$el.removeEventListener('click', this.blockClickEvent, true)
|
|
|
|
|
|
|
|
}, 1000),
|
|
|
|
}, 1000),
|
|
|
|
blockClicksTemporarily () {
|
|
|
|
blockClicksTemporarily () {
|
|
|
|
if (!this.blockingClicks) {
|
|
|
|
if (!this.blockingClicks) {
|
|
|
|
this.$el.addEventListener('click', this.blockClickEvent, true)
|
|
|
|
|
|
|
|
this.blockingClicks = true
|
|
|
|
this.blockingClicks = true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.stopBlockingClicks()
|
|
|
|
this.stopBlockingClicks()
|
|
|
|