Changeset 35537

Timestamp:

2021-10-01T10:51:07+13:00 (3 years ago)

Author:

cstephen

Message:

Join words when deleting on either edge

File:

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

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

@@ -186 +186 @@
             log(event);
 
+            // https://rawgit.com/w3c/input-events/v1/index.html#interface-InputEvent-Attributes
             const deletionEvents = [
                 "deleteWordForward", "deleteWordBackward",
@@ -214 +215 @@
                 if (word.word.length === 0) { // Remove the word
                     this.setFocus(index, event.inputType === "deleteContentBackward"); // Shifting focus off an empty input, hence the word will be removed
-                    event.preventDefault(); // Prevents the event from being propagated to the newly focused input
                     // TODO: Shuffle timestamps
-                }
-                else if (inputIndex === 0 && event.inputType === "deleteContentBackward") {
-                    // TODO: Join with previous
-                }
-                else if (inputIndex === word.word.length && event.inputType === "deleteContentForward") {
-                    // TODO: Join with next
+
+                    event.preventDefault();
+                }
+                else if (inputIndex === 0 && event.inputType === "deleteContentBackward") { // Join with last word
+                    if (index === 0) {
+                        return;
+                    }
+                    else if (this.words.length > 1) {
+                        this.words[index - 1].endTime = word.endTime;
+                        this.words[index - 1].word += word.word;
+
+                        word.word = "";
+                        this.setFocus(index, true);
+                    }
+
+                    event.preventDefault();
+                }
+                else if (inputIndex === word.word.length && event.inputType === "deleteContentForward") { // Join with next word
+                    if (index === this.words.length - 1) {
+                        return;
+                    }
+                    else if (this.words.length > 1) {
+                        this.words[index + 1].startTime = word.startTime;
+                        this.words[index + 1].word = word.word + this.words[index + 1].word;
+
+                        word.word = "";
+                        this.setFocus(index, false);
+                    }
+
+                    event.preventDefault();
                 }
             }
@@ -253 +277 @@
                     }
 
+                    // Prevent the event from being propagated to the newly focused input
                     event.preventDefault();
+
                     // Give the element time to be mounted before focusing
                     setTimeout(