Allow deleting points

newcat · Mar 25, 2024 · 4da6953 · 4da6953
1 parent d0beca5
commit 4da6953
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/automation/AutomationEditor.vue b/src/automation/AutomationEditor.vue
@@ -68,7 +68,7 @@
             <!-- points ----->
             <circle
                 v-for="p in points"
-                @mousedown="mousedown(p.id)"
+                @mousedown="mousedown($event, p.id)"
                 :key="p.id + '-point'"
                 :class="{ '--dragged': draggedPoint === p }"
                 :cx="getXCoordinate(p.unit)"
@@ -195,7 +195,11 @@ function getValue(yCoordinate: number) {
     return clamp((-yCoordinate + padding.value) / (height.value - 2 * padding.value) + 1, 0, 1);
 }
 
-function mousedown(id: string) {
+function mousedown(ev: MouseEvent, id: string) {
+    if (ev.button === 2) {
+        props.automationClip.removePoint(id);
+        return;
+    }
     draggedPoint.value = points.value.find((p) => p.id === id) ?? null;
 }
 

diff --git a/src/automation/automation.libraryItem.ts b/src/automation/automation.libraryItem.ts
@@ -42,6 +42,11 @@ export class AutomationLibraryItem extends LibraryItem<AutomationLibraryItemStat
         this.events.pointsUpdated.emit();
     }
 
+    public removePoint(id: string) {
+        this.points = this.points.filter((p) => p.id !== id);
+        this.events.pointsUpdated.emit();
+    }
+
     public sortPoints() {
         this.points.sort((a, b) => a.unit - b.unit);
     }