53 lines
1.3 KiB
JavaScript
53 lines
1.3 KiB
JavaScript
import { filter, trim, debounce } from 'lodash'
|
|
import BooleanSetting from '../helpers/boolean_setting.vue'
|
|
import ChoiceSetting from '../helpers/choice_setting.vue'
|
|
import IntegerSetting from '../helpers/integer_setting.vue'
|
|
|
|
import SharedComputedObject from '../helpers/shared_computed_object.js'
|
|
|
|
const FilteringTab = {
|
|
data () {
|
|
return {
|
|
muteWordsStringLocal: this.$store.getters.mergedConfig.muteWords.join('\n'),
|
|
replyVisibilityOptions: ['all', 'following', 'self'].map(mode => ({
|
|
key: mode,
|
|
value: mode,
|
|
label: this.$t(`settings.reply_visibility_${mode}`)
|
|
}))
|
|
}
|
|
},
|
|
components: {
|
|
BooleanSetting,
|
|
ChoiceSetting,
|
|
IntegerSetting
|
|
},
|
|
computed: {
|
|
...SharedComputedObject(),
|
|
muteWordsString: {
|
|
get () {
|
|
return this.muteWordsStringLocal
|
|
},
|
|
set (value) {
|
|
this.muteWordsStringLocal = value
|
|
this.debouncedSetMuteWords(value)
|
|
}
|
|
},
|
|
debouncedSetMuteWords () {
|
|
return debounce((value) => {
|
|
this.$store.dispatch('setOption', {
|
|
name: 'muteWords',
|
|
value: filter(value.split('\n'), (word) => trim(word).length > 0)
|
|
})
|
|
}, 1000)
|
|
}
|
|
},
|
|
// Updating nested properties
|
|
watch: {
|
|
replyVisibility () {
|
|
this.$store.dispatch('queueFlushAll')
|
|
}
|
|
}
|
|
}
|
|
|
|
export default FilteringTab
|