Changeset 35746 for main/trunk/model-interfaces-dev/atea/ocr/src/components/EditPage.vue

Timestamp:

2021-11-24T15:13:46+13:00 (2 years ago)

Author:

cstephen

Message:

Implement edit saving

File:

• main/trunk/model-interfaces-dev/atea/ocr/src/components/EditPage.vue (modified) (4 diffs)

main/trunk/model-interfaces-dev/atea/ocr/src/components/EditPage.vue

@@ -23 +23 @@
             </table>
 
-            <img ref="image" :src="imageUrl" class="image" :style="{ filter: filterString }" />
+            <img ref="image" :src="src" class="image" :style="{ filter: filterString }" />
         </div>
     </div>
 
     <div class="control-panel">
-        <button class="btn-fab" @click="$emit('closeRequested')">
+        <button class="btn-fab" @click="$emit('closeAndDiscard')">
+            <span class="material-icons mdi-l">cancel</span>
+        </button>
+
+        <button class="btn-fab" @click="closeAndSave">
             <span class="material-icons mdi-l">save</span>
         </button>
@@ -151 +155 @@
     },
     props: {
-        image: File
-    },
+        imageBuffer: ArrayBuffer,
+        src: String
+    },
+    emits: [ "closeAndDiscard", "closeAndSave" ],
     data() {
         return {
-            imageUrl: URL.createObjectURL(this.image),
             invert: false,
             rotation: 0,
@@ -183 +188 @@
     },
     methods: {
-        async getImageBlobAsync() {
-            const buffer = Buffer.from(this.image.arrayBuffer());
+        async closeAndSave() {
+            const buffer = Buffer.from(this.imageBuffer);
             const that = this;
 
@@ -193 +198 @@
                     }
 
-                    // if (that.rotation !== 0) {
-                    //     image.rotate(that.rotation);
-                    // }
+                    if (that.rotation !== 0) {
+                        image.rotate(-that.rotation);
+                    }
 
                     return await image.getBufferAsync(Jimp.MIME_PNG);
                 });
 
-            return new Blob([ modifiedBuffer ], { type: Jimp.MIME_PNG });
+            this.$emit("closeAndSave", modifiedBuffer, Jimp.MIME_PNG);
         },