@@ -50,12 +51,16 @@ export default {
},
computed: {
- showStream: function() {
+ streamEnabled: function() {
return (
this.$store.getters.ready &&
!this.$store.state.globalSettings.disableStream
);
},
+ streamVisible: function() {
+ // Only a single MJPEG connection should be open at a time
+ return !(this.displaySize[0] == 0) && !(this.displaySize[1] == 0);
+ },
streamImgUri: function() {
return `${this.$store.getters.baseUri}/api/v2/streams/mjpeg`;
},
@@ -122,14 +127,20 @@ export default {
let yCoordinate = event.offsetY;
let xRelative =
- (0.5 * event.target.offsetWidth - xCoordinate) /
- event.target.offsetWidth * event.target.naturalWidth;
+ ((0.5 * event.target.offsetWidth - xCoordinate) /
+ event.target.offsetWidth) *
+ event.target.naturalWidth;
let yRelative =
- (0.5 * event.target.offsetHeight - yCoordinate) /
- event.target.offsetHeight * event.target.naturalHeight;
+ ((0.5 * event.target.offsetHeight - yCoordinate) /
+ event.target.offsetHeight) *
+ event.target.naturalHeight;
// Emit a signal to move, acted on by panelNavigate.vue
- this.$root.$emit("globalMoveInImageCoordinatesEvent", -xRelative, -yRelative);
+ this.$root.$emit(
+ "globalMoveInImageCoordinatesEvent",
+ -xRelative,
+ -yRelative
+ );
},
handleResize: function() {