86 lines
2.6 KiB
JavaScript
86 lines
2.6 KiB
JavaScript
import StyleSwitcher from '../style_switcher/style_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,
|
|
muteWordsString: this.$store.state.config.muteWords.join('\n'),
|
|
autoLoadLocal: this.$store.state.config.autoLoad,
|
|
hoverPreviewLocal: this.$store.state.config.hoverPreview,
|
|
previewfile: null
|
|
}
|
|
},
|
|
components: {
|
|
StyleSwitcher
|
|
},
|
|
computed: {
|
|
user () {
|
|
return this.$store.state.users.currentUser
|
|
}
|
|
},
|
|
methods: {
|
|
uploadAvatar ({target}) {
|
|
const file = target.files[0]
|
|
// eslint-disable-next-line no-undef
|
|
const reader = new FileReader()
|
|
reader.onload = ({target}) => {
|
|
const img = target.result
|
|
this.previewfile = img
|
|
}
|
|
reader.readAsDataURL(file)
|
|
},
|
|
submitAvatar () {
|
|
if (!this.previewfile) { return }
|
|
|
|
const img = this.previewfile
|
|
// eslint-disable-next-line no-undef
|
|
let imginfo = new Image()
|
|
let cropX, cropY, cropW, cropH
|
|
imginfo.src = this.previewfile
|
|
if (imginfo.height > imginfo.width) {
|
|
cropX = 0
|
|
cropW = imginfo.width
|
|
cropY = Math.floor((imginfo.height - imginfo.width) / 2)
|
|
cropH = imginfo.width
|
|
} else {
|
|
cropY = 0
|
|
cropH = imginfo.height
|
|
cropX = Math.floor((imginfo.width - imginfo.height) / 2)
|
|
cropW = imginfo.height
|
|
}
|
|
this.$store.state.api.backendInteractor.updateAvatar({params: {img, cropX, cropY, cropW, cropH}}).then((user) => {
|
|
if (!user.error) {
|
|
this.$store.commit('addNewUsers', [user])
|
|
this.$store.commit('setCurrentUser', user)
|
|
}
|
|
})
|
|
}
|
|
},
|
|
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 })
|
|
},
|
|
autoLoadLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'autoLoad', 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 })
|
|
}
|
|
}
|
|
}
|
|
|
|
export default settings
|