Hover over annotation highlights paperjs object, closes #107

jsbroks · Feb 9, 2019 · 761fe33 · 761fe33
1 parent ac894e0
commit 761fe33
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/client/src/components/annotator/Annotation.vue b/client/src/components/annotator/Annotation.vue
@@ -1,5 +1,9 @@
 <template>
-  <div v-show="showSideMenu">
+  <div
+    v-show="showSideMenu"
+    @mouseenter="onMouseEnter"
+    @mouseleave="onMouseLeave"
+  >
     <li
       class="list-group-item btn btn-link btn-sm text-left"
       :style="{ 'background-color': backgroundColor, color: 'white' }"
@@ -263,6 +267,16 @@ export default {
         this.$emit("click", this.index);
       }
     },
+    onMouseEnter(event) {
+      if (this.compoundPath == null) return;
+
+      this.compoundPath.selected = true;
+    },
+    onMouseLeave(event) {
+      if (this.compoundPath == null) return;
+      
+      this.compoundPath.selected = false;
+    },
     getCompoundPath() {
       if (this.compoundPath == null) {
         this.createCompoundPath();