rayelliott
/
marc-leopold
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix: imageviewer sometimes not updating correctly the first time history back is executed after page refresh

This commit is contained in:
ManjaroOne666 2019-01-29 12:40:35 +00:00
parent fba88be5b2
commit 0853639993
2 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/GalleryPage.vue
View File

@ -74,17 +74,19 @@ export default {
$route () {
const query = this.$route.query
if (!query || !query.gallery) { return }
const gallery = parseInt(query.gallery)
const image = parseInt(query.image) || 0
this.$nextTick(() => {
const gallery = parseInt(query.gallery)
const image = parseInt(query.image) || 0
if (gallery !== this.activeGalleryIndex) {
this.activeRow = gallery
this.activeGalleryIndex = gallery
}
if (image !== this.activeImageIndex) {
this.activeImageIndex = image
this.showImage = image
}
if (gallery !== this.activeGalleryIndex) {
this.activeRow = gallery
this.activeGalleryIndex = gallery
}
if (image !== this.activeImageIndex) {
this.activeImageIndex = image
this.showImage = image
}
})
}
},

4
components/GalleryThumbs.vue
View File

@ -131,9 +131,7 @@ export default {
methods: {
// TOOD move logic of getting sizes of elements into getter methods
scrollToThumb (thumbIndex) {
console.log('scrollToThumb')
if (thumbIndex >= this.galleries[this.activeRow].images.length || thumbIndex < 0) { return }
console.log('scrollToThumb: executing')
const containerWidth = this.$refs.galleryThumbsList.clientWidth
const thumbWidth = this.$refs.thumbContainer[0].clientWidth
let offset = this.thumbRowOffsets[this.activeRow]
@ -142,11 +140,9 @@ export default {
if (containerWidth < thumbPosition - offset) {
this.$set(this.thumbRowOffsets, this.activeRow, thumbPosition - containerWidth + 1)
// console.log(`(${containerWidth + offset}) ${containerWidth} + ${offset} > ${rowWidth}`)
this.isLeftDesktopNavActive = containerWidth + offset > rowWidth
} else if (thumbPosition <= offset) {
this.$set(this.thumbRowOffsets, this.activeRow, thumbPosition - thumbWidth)
// console.log(`(${containerWidth + offset}) ${containerWidth} + ${offset} > ${rowWidth}`)
this.isLeftDesktopNavActive = containerWidth + offset > rowWidth
}