Fixed GPU preview resize event listener

This commit is contained in:
Joel Collins 2019-02-26 10:31:32 +00:00
parent b64479912f
commit fc70a8fe3b

View file

@ -29,24 +29,24 @@ export default {
return { return {
displaySize: [0, 0], displaySize: [0, 0],
displayPosition: [0, 0], displayPosition: [0, 0],
GpuPreviewActive: false,
resizeTeimoutId: setTimeout(this.doneResizing, 500) resizeTeimoutId: setTimeout(this.doneResizing, 500)
} }
}, },
mounted() { mounted() {
// A global signal listener to perform a move action // A global signal listener to change the GPU preview state
this.$root.$on('globalTogglePreview', (state) => { this.$root.$on('globalTogglePreview', (state) => {
this.previewRequest(state) this.previewRequest(state)
}) })
console.log("View mounted")
}, },
created: function () { created: function () {
//window.addEventListener('resize', this.handleResize) window.addEventListener('resize', this.handleResize)
}, },
beforeDestroy: function () { beforeDestroy: function () {
//window.removeEventListener('resize', this.handleResize) window.removeEventListener('resize', this.handleResize)
}, },
methods: { methods: {
@ -73,7 +73,7 @@ export default {
handleDoneResize: function() { handleDoneResize: function() {
// Recalculate size // Recalculate size
this.recalculateSize(); this.recalculateSize();
if (this.$store.state.settings.autoGpuPreview == true) { if (this.$store.state.settings.autoGpuPreview == true && this.GpuPreviewActive == true) {
// Reload preview // Reload preview
this.$root.$emit('globalTogglePreview', true) this.$root.$emit('globalTogglePreview', true)
} }
@ -104,15 +104,19 @@ export default {
// Create URI depending on if starting or stopping preview // Create URI depending on if starting or stopping preview
// TODO: Messy. Should be cleaned up // TODO: Messy. Should be cleaned up
if (state == true) { if (state == true) {
this.GpuPreviewActive = true
var requestUri = this.startPreviewUri; var requestUri = this.startPreviewUri;
} }
else { else {
this.GpuPreviewActive = false;
var requestUri = this.stopPreviewUri; var requestUri = this.stopPreviewUri;
} }
// Generate payload if tracking window position // Generate payload if tracking window position
if (this.$store.state.settings.trackWindow == true && state == true) { if (this.$store.state.settings.trackWindow == true && state == true) {
// Recalculate frame dimensions and position
this.recalculateSize() this.recalculateSize()
// Copy data into payload array
var payload = { var payload = {
window : [ window : [
this.displayPosition[0], this.displayPosition[0],