Loading src/components/paneDisplayComponents/streamDisplay.vue +4 −2 Original line number Diff line number Diff line Loading @@ -42,10 +42,12 @@ export default { }, created: function () { // Add resize listener window.addEventListener('resize', this.handleResize) }, beforeDestroy: function () { // Remove resize listener window.removeEventListener('resize', this.handleResize) }, Loading @@ -66,6 +68,7 @@ export default { }, handleResize: function(event) { // Only fires resize event after no resize in 500ms (prevents resize event spam) clearTimeout(this.resizeTeimoutId); this.resizeTeimoutId = setTimeout(this.handleDoneResize, 500) }, Loading Loading @@ -101,8 +104,7 @@ export default { previewRequest: function(state) { if (this.$store.getters.ready == true) { // Create URI depending on if starting or stopping preview // TODO: Messy. Should be cleaned up // Create URI and set this.GpuPreviewActive depending on if starting or stopping preview if (state == true) { this.GpuPreviewActive = true var requestUri = this.startPreviewUri; Loading src/components/paneSettingsComponents/appSettings.vue +1 −1 Original line number Diff line number Diff line Loading @@ -4,7 +4,7 @@ <p><label><input v-model="disableStream" class="uk-checkbox" type="checkbox"> Disable stream</label></p> <div class="uk-child-width-1-2" uk-grid> <p><label><input v-model="autoGpuPreview" class="uk-checkbox" type="checkbox"> GPU preview</label></p> <p><label v-bind:class="{'uk-disabled': !this.$store.getters.ready}"><input v-model="autoGpuPreview" class="uk-checkbox" type="checkbox"> GPU preview</label></p> <p><label><input v-model="trackWindow" class="uk-checkbox" type="checkbox"> Track window</label></p> </div> Loading src/components/panelDisplay.vue +1 −11 Original line number Diff line number Diff line Loading @@ -2,7 +2,7 @@ <div id="panelDisplay" class="uk-flex uk-flex-column uk-margin-remove uk-padding-remove uk-height-1-1"> <ul class="uk-flex-none uk-flex-center uk-margin-remove-bottom uk-text-center" uk-tab="swiping: false"> <li><a href="#" uk-switcher-item="preview" uk-icon="play-circle" uk-tooltip="Live"></a></li> <li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="gallery" uk-icon="image" uk-tooltip="Captures"></a></li> <li v-bind:class="{'uk-disabled': !this.$store.getters.ready}"><a href="#" uk-switcher-item="gallery" uk-icon="image" uk-tooltip="Captures"></a></li> </ul> <ul class="uk-switcher uk-flex uk-flex-1"> <li class="uk-height-1-1 uk-width-1-1 clickableTab" id="streamDisplayTab"><streamDisplay/></li> Loading Loading @@ -48,20 +48,10 @@ export default { } }); }, computed: { disableIfDisconnected: function () { return { 'uk-disabled': !this.$store.getters.ready } } } } </script> <style scoped lang="less"> </style> Loading
src/components/paneDisplayComponents/streamDisplay.vue +4 −2 Original line number Diff line number Diff line Loading @@ -42,10 +42,12 @@ export default { }, created: function () { // Add resize listener window.addEventListener('resize', this.handleResize) }, beforeDestroy: function () { // Remove resize listener window.removeEventListener('resize', this.handleResize) }, Loading @@ -66,6 +68,7 @@ export default { }, handleResize: function(event) { // Only fires resize event after no resize in 500ms (prevents resize event spam) clearTimeout(this.resizeTeimoutId); this.resizeTeimoutId = setTimeout(this.handleDoneResize, 500) }, Loading Loading @@ -101,8 +104,7 @@ export default { previewRequest: function(state) { if (this.$store.getters.ready == true) { // Create URI depending on if starting or stopping preview // TODO: Messy. Should be cleaned up // Create URI and set this.GpuPreviewActive depending on if starting or stopping preview if (state == true) { this.GpuPreviewActive = true var requestUri = this.startPreviewUri; Loading
src/components/paneSettingsComponents/appSettings.vue +1 −1 Original line number Diff line number Diff line Loading @@ -4,7 +4,7 @@ <p><label><input v-model="disableStream" class="uk-checkbox" type="checkbox"> Disable stream</label></p> <div class="uk-child-width-1-2" uk-grid> <p><label><input v-model="autoGpuPreview" class="uk-checkbox" type="checkbox"> GPU preview</label></p> <p><label v-bind:class="{'uk-disabled': !this.$store.getters.ready}"><input v-model="autoGpuPreview" class="uk-checkbox" type="checkbox"> GPU preview</label></p> <p><label><input v-model="trackWindow" class="uk-checkbox" type="checkbox"> Track window</label></p> </div> Loading
src/components/panelDisplay.vue +1 −11 Original line number Diff line number Diff line Loading @@ -2,7 +2,7 @@ <div id="panelDisplay" class="uk-flex uk-flex-column uk-margin-remove uk-padding-remove uk-height-1-1"> <ul class="uk-flex-none uk-flex-center uk-margin-remove-bottom uk-text-center" uk-tab="swiping: false"> <li><a href="#" uk-switcher-item="preview" uk-icon="play-circle" uk-tooltip="Live"></a></li> <li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="gallery" uk-icon="image" uk-tooltip="Captures"></a></li> <li v-bind:class="{'uk-disabled': !this.$store.getters.ready}"><a href="#" uk-switcher-item="gallery" uk-icon="image" uk-tooltip="Captures"></a></li> </ul> <ul class="uk-switcher uk-flex uk-flex-1"> <li class="uk-height-1-1 uk-width-1-1 clickableTab" id="streamDisplayTab"><streamDisplay/></li> Loading Loading @@ -48,20 +48,10 @@ export default { } }); }, computed: { disableIfDisconnected: function () { return { 'uk-disabled': !this.$store.getters.ready } } } } </script> <style scoped lang="less"> </style>