+
@@ -125,6 +133,7 @@
+
@@ -152,7 +161,8 @@ export default {
pollExpire: {
label: this.$t('modals.new_toot.poll.expires.1_day'),
value: 3600 * 24
- }
+ },
+ statusHeight: 240
}
},
computed: {
@@ -311,15 +321,23 @@ export default {
},
updateImage(file) {
this.$store.dispatch('TimelineSpace/Modals/NewToot/incrementMediaCount')
- this.$store.dispatch('TimelineSpace/Modals/NewToot/uploadImage', file).catch(() => {
- this.$message({
- message: this.$t('message.attach_error'),
- type: 'error'
+ this.$store
+ .dispatch('TimelineSpace/Modals/NewToot/uploadImage', file)
+ .then(() => {
+ this.statusHeight = this.statusHeight - this.$refs.preview.offsetHeight
+ })
+ .catch(() => {
+ this.$message({
+ message: this.$t('message.attach_error'),
+ type: 'error'
+ })
})
- })
},
removeAttachment(media) {
- this.$store.dispatch('TimelineSpace/Modals/NewToot/removeMedia', media)
+ const previousHeight = this.$refs.preview.offsetHeight
+ this.$store.dispatch('TimelineSpace/Modals/NewToot/removeMedia', media).then(() => {
+ this.statusHeight = this.statusHeight + previousHeight
+ })
},
changeVisibility(level) {
this.$store.commit('TimelineSpace/Modals/NewToot/changeVisibilityValue', level)
@@ -357,12 +375,22 @@ export default {
updateDescription(id, value) {
this.$store.commit('TimelineSpace/Modals/NewToot/updateMediaDescription', { id: id, description: value })
},
- togglePollForm() {
- this.openPoll = !this.openPoll
+ async togglePollForm() {
+ const previousHeight = this.$refs.poll ? this.$refs.poll.$el.offsetHeight : 0
+ const toggle = () => {
+ this.openPoll = !this.openPoll
+ if (this.openPoll) {
+ this.polls = ['', '']
+ } else {
+ this.polls = []
+ }
+ }
+ await toggle()
+ console.log(this.$refs.poll)
if (this.openPoll) {
- this.polls = ['', '']
+ this.statusHeight = this.statusHeight - this.$refs.poll.$el.offsetHeight
} else {
- this.polls = []
+ this.statusHeight = this.statusHeight + previousHeight
}
},
addPoll() {
@@ -373,6 +401,10 @@ export default {
},
changeExpire(obj) {
this.pollExpire = obj
+ },
+ handleResize(event) {
+ const pollHeight = this.$refs.poll ? this.$refs.poll.$el.offsetHeight : 0
+ this.statusHeight = event.height - 63 - 54 - this.$refs.preview.offsetHeight - pollHeight
}
}
}
@@ -380,6 +412,12 @@ export default {