Changeset 35439 for main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/TranscriptionItem.vue

Timestamp:

2021-09-21T11:17:55+12:00 (3 years ago)

Author:

cstephen

Message:

Include edits in downloads

File:

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

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

@@ -42 +42 @@
         <hr />
 
-        <TranscriptionItemEditor :transcription="transcription" style="margin-bottom: 1em" />
+        <TranscriptionItemEditor ref="editor" :transcription="transcription" style="margin-bottom: 1em" />
 
         <button @click="toggleEditor" type="button" class="btn-primary theme-flat">
@@ -94 +94 @@
 import { mapState } from "vuex";
 import { saveAs } from "file-saver"
-import TranscriptionItemEditor, { getWords } from "./TranscriptionItemEditor.vue"
+import TranscriptionItemEditor from "./TranscriptionItemEditor.vue"
 import { TranscriptionViewModel, PlaybackState } from "../main";
 import Util from "../js/Util"
@@ -124 +124 @@
         },
         remove() {
-            this.$store.commit("transcriptionRemove", this.transcription.id);
+            this.$store.commit("rawTranscriptionRemove", this.transcription.id);
         },
         downloadAsText() {
@@ -134 +134 @@
         downloadAsJson() {
             const fileName = buildDownloadableFileName(this.transcription.fileName, "json");
-            const toDownload = (({ fileName, transcription, metadata }) => ({ fileName, transcription, metadata }))(this.transcription);
+            const toDownload = (({ fileName, transcription }) => ({ fileName, transcription }))(this.transcription);
+            toDownload.words = this.$refs.editor.words.map(w => (({ word, startTime, endTime }) => ({ word, startTime, endTime }))(w));
 
             const blob = new Blob([ JSON.stringify(toDownload, null, 4) ], { type: "application/json;charset=utf-8" });
@@ -141 +142 @@
         downloadAsWebvtt() {
             const fileName = buildDownloadableFileName(this.transcription.fileName, "vtt");
-            const toDownload = buildWebvttFileContents(this.transcription);
+            const toDownload = buildWebvttFileContents(this.transcription, this.$refs.editor);
 
             const blob = new Blob([ toDownload ], { type: "text/vtt;charset=utf-8" });
@@ -168 +169 @@
  * @returns {String} The WebVTT content.
  */
-function buildWebvttFileContents(transcription) {
+function buildWebvttFileContents(transcription, editor) {
     let contents = "WEBVTT Transcription of " + transcription.fileName + "\n\n";
 
-    for (const word of getWords(transcription)) {
+    for (const word of editor.words) {
         const startTime = Util.formatSecondsTimeString(word.startTime, true);
         const endTime = Util.formatSecondsTimeString(word.endTime, true);