Changeset 35648 for main

Timestamp:

2021-10-20T13:49:14+13:00 (2 years ago)

Author:

cstephen

Message:

Reset time edits when pressing Escape

File:

• main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/WordTimingSelector.vue (modified) (6 diffs)

main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/WordTimingSelector.vue

@@ -260 +260 @@
         myWord(newValue, oldValue) {
             if (newValue.id === oldValue.id && this.shadowWords.length > 0) {
-                console.log(`New: ${newValue.id} | Old: ${oldValue.id}`);
                 return;
             }
 
-            console.log("Updating");
             this.shadowWords = [];
             for (const word of this.mySurroundingWords) {
@@ -295 +293 @@
         },
 
+        /**
+         * @param {KeyboardEvent} event
+         */
+        onDocumentKeyDown(event) {
+            if (event.code === "Escape") {
+                this.onDocumentMouseUp(); // Cancel any edits that are in progress
+                this.emitWordUpdates(this.shadowWords);
+            }
+        },
+
         onDocumentMouseMove(event) {
             if (this.canAdjustWordStartTime) {
@@ -313 +321 @@
             this.adjustWordStartTime(event.movementX);
 
-            this.updateSurroundingWords();
+            this.emitWordUpdates(this.mySurroundingWords);
         },
         onMaxHandleMouseMove(event) {
@@ -322 +330 @@
             this.adjustWordEndTime(event.movementX);
 
-            this.updateSurroundingWords();
+            this.emitWordUpdates(this.mySurroundingWords);
         },
         onDocumentMouseUp() {
@@ -420 +428 @@
         },
 
-        updateSurroundingWords() {
-            for (let i = 0; i < this.mySurroundingWords.length; i++) {
-                const updatedWord = this.convertMyWord(this.mySurroundingWords[i], this.surroundingWords[i]);
+        emitWordUpdates(words) {
+            for (let i = 0; i < words.length; i++) {
+                const updatedWord = this.convertMyWord(words[i], this.surroundingWords[i]);
                 this.$emit("wordUpdated", i, updatedWord);
             }
@@ -438 +446 @@
         document.addEventListener("mousemove", this.onDocumentMouseMove);
         document.addEventListener("mouseup", this.onDocumentMouseUp);
+        document.addEventListener("keydown", this.onDocumentKeyDown);
     },
     beforeUnmount() {
         document.removeEventListener("mousemove", this.onDocumentMouseMove);
         document.removeEventListener("mouseup", this.onDocumentMouseUp);
+        document.removeEventListener("keydown", this.onDocumentKeyDown);
     }
 }