From 89f318f9828ed073d05386f6d77b29f13f217aff Mon Sep 17 00:00:00 2001
From: Julian Stirling <julian@julianstirling.co.uk>
Date: Mon, 10 Nov 2025 12:54:26 +0000
Subject: [PATCH] All CSM details in a list, ensure details only show when
 defined, disable download option if calibration undefined

---
 .../CSMCalibrationSettings.vue                | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue b/webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue
index 96fe0101..9762c661 100644
--- a/webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue
+++ b/webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue
@@ -20,23 +20,27 @@
       v-show="showExtraSettings"
       type="button"
       class="uk-button uk-button-default uk-width-1-1"
+      :disabled="!csmMatrix"
+      :class="{ 'uk-disabled': !csmMatrix }"
       @click="getCalibrationData()"
     >
       Download Calibration Data
     </button>
-    <div v-if="csmMatrix != 'undefined'" style="margin: 10px">
+    <div v-if="csmMatrix" style="margin: 10px">
       <details>
         <summary>Calibration Details</summary>
-        <strong>CSM calculated for images with a resolution of:</strong>
-        <br />
-        <matrixDisplay :matrix="csmResolution" :bracket-height="1.5" />
-
         <ul>
           <li>
-            Current CSM Matrix:
+            <strong>Current CSM Matrix:</strong>
             <br />
             <matrixDisplay :matrix="csmMatrix" />
           </li>
+          <li>
+            CSM calculated for images with a resolution of:
+            <br />
+            <matrixDisplay :matrix="csmResolution" :bracket-height="1.5" />
+          </li>
+
           <li>Pixels per motor step: {{ csmRatio }}</li>
           <li>
             Full field of view in motor steps:
@@ -46,6 +50,7 @@
         </ul>
       </details>
     </div>
+    <p v-else><strong>No Calibration Available</strong></p>
   </div>
 </template>
 
@@ -72,9 +77,10 @@ export default {
 
   data() {
     return {
-      csmMatrix: "undefined",
-      csmResolution: "undefined",
-      csmRatio: "undefined",
+      csmMatrix: undefined,
+      csmResolution: undefined,
+      csmRatio: undefined,
+      csmFOV: undefined,
     };
   },