49 lines
1.4 KiB
JavaScript
49 lines
1.4 KiB
JavaScript
|
import Vue from 'vue'
|
||
|
|
import { mapActions } from 'vuex'
|
||
|
|
import FtCard from '../ft-card/ft-card.vue'
|
||
|
|
import FtToggleSwitch from '../ft-toggle-switch/ft-toggle-switch.vue'
|
||
|
|
import FtInput from '../ft-input/ft-input.vue'
|
||
|
|
import FtFlexBox from '../ft-flex-box/ft-flex-box.vue'
|
||
|
|
|
||
|
|
export default Vue.extend({
|
||
|
|
name: 'SponsorBlockSettings',
|
||
|
|
components: {
|
||
|
|
'ft-card': FtCard,
|
||
|
|
'ft-toggle-switch': FtToggleSwitch,
|
||
|
|
'ft-input': FtInput,
|
||
|
|
'ft-flex-box': FtFlexBox
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
useSponsorBlock: function () {
|
||
|
|
return this.$store.getters.getUseSponsorBlock
|
||
|
|
},
|
||
|
|
sponsorBlockUrl: function () {
|
||
|
|
return this.$store.getters.getSponsorBlockUrl
|
||
|
|
},
|
||
|
|
sponsorBlockShowSkippedToast: function () {
|
||
|
|
return this.$store.getters.getSponsorBlockShowSkippedToast
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleUpdateSponsorBlock: function (value) {
|
||
|
|
this.updateUseSponsorBlock(value)
|
||
|
|
},
|
||
|
|
|
||
|
|
handleUpdateSponsorBlockUrl: function (value) {
|
||
|
|
const sponsorBlockUrlWithoutTrailingSlash = value.replace(/\/$/, '')
|
||
|
|
const sponsorBlockUrlWithoutApiSuffix = sponsorBlockUrlWithoutTrailingSlash.replace(/\/api$/, '')
|
||
|
|
this.updateSponsorBlockUrl(sponsorBlockUrlWithoutApiSuffix)
|
||
|
|
},
|
||
|
|
|
||
|
|
handleUpdateSponsorBlockShowSkippedToast: function (value) {
|
||
|
|
this.updateSponsorBlockShowSkippedToast(value)
|
||
|
|
},
|
||
|
|
|
||
|
|
...mapActions([
|
||
|
|
'updateUseSponsorBlock',
|
||
|
|
'updateSponsorBlockUrl',
|
||
|
|
'updateSponsorBlockShowSkippedToast'
|
||
|
|
])
|
||
|
|
}
|
||
|
|
})
|