web ui

test_tube_scanner/scanner/static/scanner/css/calibration.css

@@ -1,38 +1,4 @@
 
-.container {
-  height: 100%;
-  padding: 0.25em;
-  display: grid;
-  grid-template-columns: 180px 1fr 150px;
-  grid-template-rows: 64px 1fr;
-
-  gap: 1em 1em;
-  grid-auto-flow: row;
-  grid-template-areas:
-    "header header header"
-    "move scanner scan"
-}
-.header {
-  align-self: stretch;
-  grid-area: header;
-}
-
-.scanner {
-  justify-self: center;
-  align-self: center;
-  grid-area: scanner;
-}
-
-.scan {
-  padding: 0 0.25em;
-  align-self: start;
-  grid-area: scan;
-}
-.move {
-  align-self: start;
-  grid-area: move;
-}
-
 .well {
     padding: 0.2em;
 }

test_tube_scanner/scanner/static/scanner/css/images.css

@@ -1,18 +1,13 @@
 
 .multiwell_cards {
   display: grid;
-  /*grid-auto-columns: 1fr;
-  grid-auto-rows: 1fr;*/
-  grid-template-columns: 1fr 1fr;
-  grid-template-rows: 1fr 1fr 1fr;
-  gap: 0.1em;
-  grid-template-areas:
-    ". ."
-    ". ."
-    ". .";
+  grid-template-columns: repeat(6, 1fr);
+  justify-items: center; 
+  align-items: center; 
 }
+
 button.multiwell {
-    padding: 0.15em ;
+    padding: 0.2em ;
 }
 
 #image-grid {

test_tube_scanner/scanner/static/scanner/css/main.css

@@ -1,30 +1 @@
 
-
-.container {
-  height: 100%;
-  padding: 0.25em;
-  display: grid;
-  grid-template-columns: 180px 1fr;
-  grid-template-rows: 64px 0.5fr;
-
-  gap: 1em 1em;
-  grid-auto-flow: row;
-  grid-template-areas:
-    "header header"
-    "scan scanner"
-}
-.header {
-  align-self: stretch;
-  grid-area: header;
-}
-
-.scanner {
-  justify-self: center;
-  align-self: center;
-  grid-area: scanner;
-}
-
-.scan {
-  align-self: start;
-  grid-area: scan;
-}

test_tube_scanner/scanner/static/scanner/css/replay.css

@@ -1,19 +1,15 @@
 
 .multiwell_cards {
   display: grid;
-  /*grid-auto-columns: 1fr;
-  grid-auto-rows: 1fr;*/
-  grid-template-columns: 1fr 1fr;
-  grid-template-rows: 1fr 1fr 1fr;
-  gap: 0.1em;
-  grid-template-areas:
-    ". ."
-    ". ."
-    ". .";
+  grid-template-columns: repeat(6, 1fr);
+  justify-items: center; 
+  align-items: center; 
 }
+
 button.multiwell {
-    padding: 0.15em ;
+    padding: 0.2em ;
 }
+
 #replay-grid {
     display: grid;
     grid-template-columns: repeat(var(--grid-columns, 1), 1fr);

test_tube_scanner/scanner/static/scanner/css/scanner.css

@@ -1,31 +0,0 @@
-
-.container {
-  padding: 0.25em;
-  display: grid;
-  grid-template-columns: 0.25fr 1.5fr;
-  grid-template-rows: 0.5fr 3fr 0.5fr;
-  grid-auto-columns: 1fr;
-  gap: 1em 1em;
-  grid-auto-flow: row;
-  grid-template-areas:
-    "header header"
-    "move scanner"
-    "command command";
-}
-.header {
-  align-self: stretch;
-  grid-area: header;
-}
-
-.command { grid-area: command; }
-
-.scanner {
-  justify-self: center;
-  align-self: center;
-  grid-area: scanner;
-}
-
-.move {
-  align-self: stretch;
-  grid-area: move;
-}

test_tube_scanner/scanner/static/scanner/js/main.js

@@ -16,12 +16,13 @@ class ScannerManager {
         this.halt_bt    = options.halt; 
         this.debug   = options.debug; 
         this.median  = options.median; 
-        this._rop    = options.crop; 
+        this.crop    = options.crop; 
         this.speed_px_s   = options.speed_px_s; 
         this.axial_speed  = options.axial_speed; 
         this.axial_pos    = options.axial_pos; 
         this.area_px      = options.area_px; 
         this.frame_count  = options.frame_count; 
+        this.uuid  = options.uuid; 
     }
 
     init_controls() {