c1e4bfa90f
The locale can now be configured in settings and is stored in Vuex. The changes are applied immidiately after selection. The list of languages is taken from the messages file, which contains all the available locales (and a new value, `interfaceLanguage`, to control the translation of this option in the options menu) Closes #36
85 lines
3.3 KiB
JavaScript
85 lines
3.3 KiB
JavaScript
/* eslint-env browser */
|
|
import StyleSwitcher from '../style_switcher/style_switcher.vue'
|
|
import InterfaceLanguageSwitcher from '../interface_language_switcher/interface_language_switcher.vue'
|
|
import { filter, trim } from 'lodash'
|
|
|
|
const settings = {
|
|
data () {
|
|
return {
|
|
hideAttachmentsLocal: this.$store.state.config.hideAttachments,
|
|
hideAttachmentsInConvLocal: this.$store.state.config.hideAttachmentsInConv,
|
|
hideNsfwLocal: this.$store.state.config.hideNsfw,
|
|
replyVisibilityLocal: this.$store.state.config.replyVisibility,
|
|
loopVideoLocal: this.$store.state.config.loopVideo,
|
|
loopVideoSilentOnlyLocal: this.$store.state.config.loopVideoSilentOnly,
|
|
muteWordsString: this.$store.state.config.muteWords.join('\n'),
|
|
autoLoadLocal: this.$store.state.config.autoLoad,
|
|
streamingLocal: this.$store.state.config.streaming,
|
|
pauseOnUnfocusedLocal: this.$store.state.config.pauseOnUnfocused,
|
|
hoverPreviewLocal: this.$store.state.config.hoverPreview,
|
|
collapseMessageWithSubjectLocal: this.$store.state.config.collapseMessageWithSubject,
|
|
stopGifs: this.$store.state.config.stopGifs,
|
|
loopSilentAvailable:
|
|
// Firefox
|
|
Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') ||
|
|
// Chrome-likes
|
|
Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
|
|
// Future spec, still not supported in Nightly 63 as of 08/2018
|
|
Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks')
|
|
}
|
|
},
|
|
components: {
|
|
StyleSwitcher,
|
|
InterfaceLanguageSwitcher
|
|
},
|
|
computed: {
|
|
user () {
|
|
return this.$store.state.users.currentUser
|
|
}
|
|
},
|
|
watch: {
|
|
hideAttachmentsLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'hideAttachments', value })
|
|
},
|
|
hideAttachmentsInConvLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'hideAttachmentsInConv', value })
|
|
},
|
|
hideNsfwLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'hideNsfw', value })
|
|
},
|
|
replyVisibilityLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'replyVisibility', value })
|
|
},
|
|
loopVideoLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'loopVideo', value })
|
|
},
|
|
loopVideoSilentOnlyLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'loopVideoSilentOnly', value })
|
|
},
|
|
autoLoadLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'autoLoad', value })
|
|
},
|
|
streamingLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'streaming', value })
|
|
},
|
|
pauseOnUnfocusedLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'pauseOnUnfocused', value })
|
|
},
|
|
hoverPreviewLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'hoverPreview', value })
|
|
},
|
|
muteWordsString (value) {
|
|
value = filter(value.split('\n'), (word) => trim(word).length > 0)
|
|
this.$store.dispatch('setOption', { name: 'muteWords', value })
|
|
},
|
|
collapseMessageWithSubjectLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'collapseMessageWithSubject', value })
|
|
},
|
|
stopGifs (value) {
|
|
this.$store.dispatch('setOption', { name: 'stopGifs', value })
|
|
}
|
|
}
|
|
}
|
|
|
|
export default settings
|