forked from AkkomaGang/akkoma-fe
Remove the profile pic change from the old settings menu since it's in the new profile edit menu.
This commit is contained in:
parent
1526b4560c
commit
9503b8fa41
2 changed files with 1 additions and 52 deletions
|
@ -9,8 +9,7 @@ const settings = {
|
||||||
hideNsfwLocal: this.$store.state.config.hideNsfw,
|
hideNsfwLocal: this.$store.state.config.hideNsfw,
|
||||||
muteWordsString: this.$store.state.config.muteWords.join('\n'),
|
muteWordsString: this.$store.state.config.muteWords.join('\n'),
|
||||||
autoLoadLocal: this.$store.state.config.autoLoad,
|
autoLoadLocal: this.$store.state.config.autoLoad,
|
||||||
hoverPreviewLocal: this.$store.state.config.hoverPreview,
|
hoverPreviewLocal: this.$store.state.config.hoverPreview
|
||||||
previewfile: null
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
@ -21,44 +20,6 @@ const settings = {
|
||||||
return this.$store.state.users.currentUser
|
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: {
|
watch: {
|
||||||
hideAttachmentsLocal (value) {
|
hideAttachmentsLocal (value) {
|
||||||
this.$store.dispatch('setOption', { name: 'hideAttachments', value })
|
this.$store.dispatch('setOption', { name: 'hideAttachments', value })
|
||||||
|
|
|
@ -8,18 +8,6 @@
|
||||||
<h2>Theme</h2>
|
<h2>Theme</h2>
|
||||||
<style-switcher></style-switcher>
|
<style-switcher></style-switcher>
|
||||||
</div>
|
</div>
|
||||||
<div class="setting-item" v-if="user">
|
|
||||||
<h2>Avatar</h2>
|
|
||||||
<p>Your current avatar:</p>
|
|
||||||
<img :src="user.profile_image_url_original" class="old-avatar"></img>
|
|
||||||
<p>Set new avatar:</p>
|
|
||||||
<img class="new-avatar" v-bind:src="previewfile" v-if="previewfile">
|
|
||||||
</img>
|
|
||||||
<div>
|
|
||||||
<input name="avatar-upload" id="avatar-upload" type="file" @change="uploadAvatar" ></input>
|
|
||||||
</div>
|
|
||||||
<button class="btn btn-default base05 base01-background" v-if="previewfile" @click="submitAvatar">Submit</button>
|
|
||||||
</div>
|
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
<h2>Filtering</h2>
|
<h2>Filtering</h2>
|
||||||
<p>All notices containing these words will be muted, one per line</p>
|
<p>All notices containing these words will be muted, one per line</p>
|
||||||
|
|
Loading…
Reference in a new issue