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

Added click navigation

Browse source
This commit is contained in:
Joel Collins 2019-02-12 14:53:24 +00:00
parent 61ea32efb8
commit 0c305295d3
3 changed files with 21 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/paneDisplayComponents/streamDisplay.vue
View file

@ -16,8 +16,18 @@ export default {
methods: {
clickmonitor: function(event) {
// TODO: Add logic
console.log("The preview was clicked!");
// Calculate steps from event coordinates and store config FOV
var xCoordinate = event.offsetX;
var yCoordinate = event.offsetY;
var xRelative = (0.5*event.target.offsetWidth - xCoordinate)/event.target.offsetWidth;
var yRelative = (0.5*event.target.offsetHeight - yCoordinate)/event.target.offsetHeight;
var xSteps = xRelative * this.$store.state.apiConfig.fov[0];
var ySteps = yRelative * this.$store.state.apiConfig.fov[1];
// Emit a signal to move, acted on by panelNavigate.vue
this.$root.$emit('globalMoveEvent', xSteps, ySteps, 0, false)
}
},
@ -32,8 +42,8 @@ export default {
<style scoped lang="less">
.streamDisplay img {
width: 100%;
height: 100%;
text-align: center;
object-fit: contain
}