rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tidied up streamDisplay a bit

Browse source
This commit is contained in:
Joel Collins 2019-06-10 21:51:05 +01:00
parent e0d3169385
commit a343d17053
1 changed files with 2 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/viewComponents/streamDisplay.vue
View file

@ -35,9 +35,6 @@ export default {
}, },
mounted() { mounted() {
const context = this;
// A global signal listener to change the GPU preview state // A global signal listener to change the GPU preview state
this.$root.$on('globalTogglePreview', (state) => { this.$root.$on('globalTogglePreview', (state) => {
console.log(`Toggling preview to ${state}`) console.log(`Toggling preview to ${state}`)
@ -46,7 +43,7 @@ export default {
// Mutation observer // Mutation observer
this.sizeObserver = new ResizeObserver(entries => { this.sizeObserver = new ResizeObserver(entries => {
context.handleResize() // For any element attached to the observer, run handleResize() on change this.handleResize() // For any element attached to the observer, run handleResize() on change
entries.forEach(entry => {}) // Optional: Run something per entry entries.forEach(entry => {}) // Optional: Run something per entry
}); });
@ -110,15 +107,8 @@ export default {
recalculateSize: function () { recalculateSize: function () {
console.log("Recalculating window dimensions...") console.log("Recalculating window dimensions...")
// Stacking parentNode is a hacky fix
// For some reason, when switching tabs, width was always half what it should be,
// until the size was recalculated at some later time. Probably something to do
// with tab transition. This parentNode stuff instead reads the size of the tab
// container, irrespective of WHICH tab is selected. It's nasty, but works.
console.log("ELEMENT:")
console.log(this.$refs.streamDisplay)
let element = this.$refs.streamDisplay.parentNode.parentNode;
let element = this.$refs.streamDisplay.parentNode;
let size = [element.clientWidth, element.clientHeight]; let size = [element.clientWidth, element.clientHeight];
let elem_pos = [element.getBoundingClientRect().left, element.getBoundingClientRect().top]; let elem_pos = [element.getBoundingClientRect().left, element.getBoundingClientRect().top];