From d80ecff60cf924f0eb37b6314eba63bc3939cbcb Mon Sep 17 00:00:00 2001
From: Callum Sherry <csherry@stanford.edu>
Date: Thu, 30 Jul 2026 12:21:42 -0700
Subject: [PATCH] Add calibration checkerboard mode selector

---
 src/components/pages/Calibration.vue | 43 +++++++++++++++++++---------
 1 file changed, 30 insertions(+), 13 deletions(-)

diff --git a/src/components/pages/Calibration.vue b/src/components/pages/Calibration.vue
index 33424b1..ba2fa48 100644
--- a/src/components/pages/Calibration.vue
+++ b/src/components/pages/Calibration.vue
@@ -48,20 +48,27 @@
 
       <v-card-text class="d-flex calibration-card-content">
         <div class="d-flex flex-grow-1 align-center inputs">
-          <v-text-field
-            v-model="rows"
-            label="Rows"
-            class="mr-3"/>
-
-          <v-text-field
-            v-model="cols"
-            label="Columns"
-            class="mr-3"/>
-
-          <v-text-field
-            v-model="squareSize"
-            label="Square size (mm)"
+          <v-select
+            v-model="checkerboardMode"
+            :items="['Default', 'Custom']"
+            label="Checkerboard Dimensions"
             class="mr-3"/>
+          <template v-if="checkerboardMode === 'Custom'">
+            <v-text-field
+              v-model="rows"
+              label="Rows"
+              class="mr-3"/>
+
+            <v-text-field
+              v-model="cols"
+              label="Columns"
+              class="mr-3"/>
+
+            <v-text-field
+              v-model="squareSize"
+              label="Square size (mm)"
+              class="mr-3"/>
+            </template>
 
           <v-select
             v-model="placement"
@@ -130,6 +137,7 @@ export default {
   },
   data () {
     return {
+      checkerboardMode: 'Default',
       rows: 4,
       cols: 5,
       squareSize: 35,
@@ -161,6 +169,15 @@ export default {
       return this.busy ? 'Processing' : 'Calibrate'
     }
   },
+  watch: {
+    checkerboardMode(newValue) {
+      if (newValue === 'Default') {
+        this.rows = 4
+        this.cols = 5
+        this.squareSize = 35
+      }
+    }
+  },
   mounted () {
       this.loadSession(this.$route.params.id)
   },