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

A matrix display component with copy button that copys as code.

Browse source
This commit is contained in:
Julian Stirling 2025-11-08 00:50:11 +00:00
parent 5fd16bd113
commit 045410b2e6
3 changed files with 173 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
webapp/src/components/tabContentComponents/settingsComponents/CSMSettings.vue
View file

@ -1,6 +1,6 @@
<template>
<div id="CSMSettings" class="uk-grid uk-grid-divider uk-child-width-expand" uk-grid>
<div class="uk-width-xlarge">
<div class="uk-width-large">
<h3>Camera to Stage Mapping</h3>
<p>
Camera-stage mapping allows the stage to move relative to the camera view. This enables

19
webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue
View file

@ -27,13 +27,22 @@
<div v-if="csmMatrix != 'undefined'" style="margin: 10px">
<details>
<summary>Calibration Details</summary>
<strong>CSM calculated for images with a resolution of {{ csmResolution }}</strong>
<strong>CSM calculated for images with a resolution of:</strong>
<br />
<matrixDisplay :matrix="csmResolution" :bracket-height="1.5" />
<ul>
<li>
Current CSM Matrix: <tt>{{ csmMatrix }}</tt>
Current CSM Matrix:
<br />
<matrixDisplay :matrix="csmMatrix" />
</li>
<li>Pixels per motor step: {{ csmRatio }}</li>
<li>Full field of view: {{ csmFOV }} motor steps</li>
<li>
Full field of view in motor steps:
<br />
<matrixDisplay :matrix="csmFOV" :bracket-height="1.5" />
</li>
</ul>
</details>
</div>
@ -41,7 +50,8 @@
</template>
<script>
import ActionButton from "../../../labThingsComponents/actionButton.vue";
import ActionButton from "@/components/labThingsComponents/actionButton.vue";
import matrixDisplay from "@/components/ui/matrixDisplay.vue";
// Export main app
export default {
@ -49,6 +59,7 @@ export default {
components: {
ActionButton,
matrixDisplay,
},
props: {