From e1102d0bafd88feb5cd3ebd3e705ea652555433d Mon Sep 17 00:00:00 2001
From: Justin Georgi <justin.georgi@gmail.com>
Date: Fri, 29 Dec 2023 21:28:03 -0700
Subject: [PATCH] Fix panel and computed property bugs (#65)

Moving panel to page element was resulting in opening errors after more than one page opened.

viewedAll computer property was returning errors before result data was fetched.

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>

Reviewed-on: https://gitea.azgeorgis.net/Georgi_Lab/ALVINN_f7/pulls/65
---
 src/pages/detect.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/pages/detect.vue b/src/pages/detect.vue
index ebe5a8d..48398db 100644
--- a/src/pages/detect.vue
+++ b/src/pages/detect.vue
@@ -1,5 +1,5 @@
 <template>
-  <f7-page name="detect" id="detect-page">
+  <f7-page name="detect" :id="detectorName + '-detect-page'">
     <!-- Top Navbar -->
     <f7-navbar :sliding="false" back-link="true" back-link-url="/" back-link-force>
       <f7-nav-title sliding>{{ regions[activeRegion] }}</f7-nav-title>
@@ -50,7 +50,7 @@
       <input type="file" ref="image_chooser" @change="getImage()" accept="image/*" capture="environment" style="display: none;"/>
     </f7-block>
 
-    <f7-panel :id="detectorName + '-settings'" right cover :backdrop="false" container-el="#detect-page">
+    <f7-panel :id="detectorName + '-settings'" right cover :backdrop="false" :container-el="`#${detectorName}-detect-page`">
       <f7-page>
         <f7-navbar title="Detection Settings"></f7-navbar>
         <f7-list>
@@ -376,9 +376,13 @@
         return this.showResults.filter( r => { return r.aboveThreshold && r.isSearched && !r.isDeleted }).length
       },
       viewedAll () {
-        return this.resultData.detections
-          .filter( s => { return s.confidence >= this.detectorLevel})
-          .every( s => { return s.beenViewed })
+        if (this.resultData && this.resultData.detections) {
+          return this.resultData.detections
+            .filter( s => { return s.confidence >= this.detectorLevel})
+            .every( s => { return s.beenViewed })
+        } else {
+          return false
+        }
       }
     },
     methods: {