#120 improved

surfriderfoundationeurope · Feb 11, 2022 · 8d87522 · 8d87522
1 parent 0021268
commit 8d87522
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/src/components/annotate/BoundingBox.vue b/src/components/annotate/BoundingBox.vue
@@ -66,10 +66,8 @@
                             :allow-empty="false"
                             :searchable="false"
                             :style="DEVstyle"
-                            :openDirection="openDirection"
-                            :max-height="
-                                $store.state.actualImageHeight - (y + height)
-                            "
+                            :open-direction="openDirection"
+                            :max-height="optionMaxHeight"
                         ></multiselect>
                     </div>
                 </template>
@@ -100,10 +98,22 @@ export default class BoundingBox extends Vue {
             selected: false
         };
     }
+    get optionMaxHeight(): number {
+        if (this.openDirection == "top") {
+            return this.y + this.height;
+        } else {
+            return (
+                this.$store.state.boxOffset.y +
+                this.$store.state.actualImageHeight -
+                (this.y + this.height)
+            );
+        }
+    }
     get openDirection(): string {
         if (
             this.y + this.height >=
-            (2 * this.$store.state.actualImageHeight) / 3
+            this.$store.state.actualImageHeight / 2 +
+                this.$store.state.boxOffset.y
         ) {
             return "top";
         } else {

diff --git a/src/store/store.ts b/src/store/store.ts
@@ -34,7 +34,10 @@ const developmentAnnotationLabels: AnnotationLabel[] = [
     { id: 7, name: "unclear" },
     { id: 8, name: "insulating material" },
     { id: 9, name: "drum" },
-    { id: 10, name: "trash #10" }
+    { id: 10, name: "trash #10" },
+    { id: 11, name: "trash #11" },
+    { id: 12, name: "trash #12" },
+    { id: 13, name: "trash #13" }
 ]; // TODO : Should be fetch from API
 const savedAuth = localStorage.getItem("auth");