2022-02-09 21:49:39 +01:00
|
|
|
import ConfirmModal from '../confirm_modal/confirm_modal.vue'
|
2020-10-19 18:38:49 +02:00
|
|
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
2022-01-16 07:01:19 +01:00
|
|
|
import {
|
|
|
|
faRetweet,
|
|
|
|
faPlus,
|
|
|
|
faMinus,
|
|
|
|
faCheck
|
|
|
|
} from '@fortawesome/free-solid-svg-icons'
|
2020-10-19 18:38:49 +02:00
|
|
|
|
2022-01-16 07:01:19 +01:00
|
|
|
library.add(
|
|
|
|
faRetweet,
|
|
|
|
faPlus,
|
|
|
|
faMinus,
|
|
|
|
faCheck
|
|
|
|
)
|
2019-09-29 21:33:15 +02:00
|
|
|
|
2016-11-13 16:42:56 +01:00
|
|
|
const RetweetButton = {
|
2018-08-09 18:46:18 +02:00
|
|
|
props: ['status', 'loggedIn', 'visibility'],
|
2022-02-09 21:49:39 +01:00
|
|
|
components: {
|
|
|
|
ConfirmModal
|
|
|
|
},
|
2017-03-09 05:45:40 +01:00
|
|
|
data () {
|
|
|
|
return {
|
2022-02-09 21:49:39 +01:00
|
|
|
animated: false,
|
|
|
|
showingConfirmDialog: false
|
2017-03-09 05:45:40 +01:00
|
|
|
}
|
|
|
|
},
|
2016-11-13 16:42:56 +01:00
|
|
|
methods: {
|
|
|
|
retweet () {
|
2022-02-09 21:49:39 +01:00
|
|
|
if (!this.status.repeated && this.shouldConfirmRepeat) {
|
|
|
|
this.showConfirmDialog()
|
|
|
|
} else {
|
|
|
|
this.doRetweet()
|
|
|
|
}
|
|
|
|
},
|
|
|
|
doRetweet () {
|
2016-11-13 17:09:16 +01:00
|
|
|
if (!this.status.repeated) {
|
2019-07-05 09:02:14 +02:00
|
|
|
this.$store.dispatch('retweet', { id: this.status.id })
|
2018-06-14 11:00:11 +02:00
|
|
|
} else {
|
2019-07-05 09:02:14 +02:00
|
|
|
this.$store.dispatch('unretweet', { id: this.status.id })
|
2016-11-13 17:09:16 +01:00
|
|
|
}
|
2017-03-09 05:45:40 +01:00
|
|
|
this.animated = true
|
|
|
|
setTimeout(() => {
|
|
|
|
this.animated = false
|
|
|
|
}, 500)
|
2022-02-09 21:49:39 +01:00
|
|
|
this.hideConfirmDialog()
|
|
|
|
},
|
|
|
|
showConfirmDialog () {
|
|
|
|
this.showingConfirmDialog = true
|
|
|
|
},
|
|
|
|
hideConfirmDialog () {
|
|
|
|
this.showingConfirmDialog = false
|
2016-11-13 16:42:56 +01:00
|
|
|
}
|
|
|
|
},
|
|
|
|
computed: {
|
2020-09-29 12:18:37 +02:00
|
|
|
mergedConfig () {
|
|
|
|
return this.$store.getters.mergedConfig
|
2021-12-29 00:30:34 +01:00
|
|
|
},
|
|
|
|
remoteInteractionLink () {
|
|
|
|
return this.$store.getters.remoteInteractionLink({ statusId: this.status.id })
|
2022-02-09 21:49:39 +01:00
|
|
|
},
|
|
|
|
shouldConfirmRepeat () {
|
|
|
|
return this.mergedConfig.modalOnRepeat
|
2020-09-29 12:18:37 +02:00
|
|
|
}
|
2016-11-13 16:42:56 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default RetweetButton
|