From 082f57d3a73341ea04d5e1837a890bff8850be03 Mon Sep 17 00:00:00 2001
From: Justin Georgi <justin.georgi@gmail.com>
Date: Sun, 24 Mar 2024 08:42:00 -0700
Subject: [PATCH] Fix image source sequence UI errors

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
---
 src/pages/detect.vue |  4 ++++
 src/pages/specs.vue  | 15 ++++++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/pages/detect.vue b/src/pages/detect.vue
index 193845b..ea7a555 100644
--- a/src/pages/detect.vue
+++ b/src/pages/detect.vue
@@ -298,6 +298,10 @@
         if (mode == "camera") {
           this.videoAvailable = await this.openCamera(this.$refs.image_container)
           if (this.videoAvailable) {
+            this.imageLoaded = false
+            this.imageView = null
+            this.$refs.image_cvs.style['background-image'] = 'none'
+            this.resultData = {}
             var trackDetails = this.cameraStream.getVideoTracks()[0].getSettings()
             var vidElement = this.$refs.vid_viewer
             vidElement.width = trackDetails.width
diff --git a/src/pages/specs.vue b/src/pages/specs.vue
index 8277a26..42fdc7f 100644
--- a/src/pages/specs.vue
+++ b/src/pages/specs.vue
@@ -13,7 +13,8 @@
         <f7-list style="width: 100%;">
           <f7-list-item :class="otherSettings.mini ? 'unused-model' : ''" title="Thorax" :after="thoraxDetails.version"></f7-list-item>
           <f7-list-item title="Thorax-m" :after="miniThoraxDetails.version"></f7-list-item>
-          <f7-list-item title="Abdomen/Pelvis" :after="abdomenDetails.version"></f7-list-item>
+          <f7-list-item :class="otherSettings.mini ? 'unused-model' : ''" title="Abdomen/Pelvis" :after="abdomenDetails.version"></f7-list-item>
+          <f7-list-item title="Abd/Pel-m" :after="miniAbdomenDetails.version"></f7-list-item>
           <f7-list-item title="Limbs" :after="limbsDetails.version"></f7-list-item>
           <f7-list-item title="Head/Neck" :after="headneckDetails.version"></f7-list-item>
         </f7-list>
@@ -39,7 +40,8 @@
       return {
         thoraxDetails: {},
         miniThoraxDetails: {},
-        abdomenDetails: { "version": "N/A" },
+        abdomenDetails: {},
+        miniAbdomenDetails: {},
         limbsDetails: { "version": "N/A" },
         headneckDetails: { "version": "N/A" },
         alvinnVersion: store().getVersion,
@@ -60,7 +62,14 @@
         .then((mod) => {
           this.miniThoraxDetails = mod.default
         })
-      
+      import('../models/abdomen/descript.json')
+        .then((mod) => {
+          this.abdomenDetails = mod.default
+        })
+      import('../models/abdomen-mini/descript.json')
+        .then((mod) => {
+          this.miniAbdomenDetails = mod.default
+        })
     },
     methods: {
     }