erp5_document_scanner: Display intermediate image after get orientation

bt5/erp5_document_scanner/PathTemplateItem/web_page_module/rjs_gadget_document_scanner_js.js

@@ -402,6 +402,7 @@
       image_capture = new window.ImageCapture(
         gadget.element.querySelector('video').srcObject.getVideoTracks()[0]
       ),
+      canvas = domsugar('canvas', {'class': 'canvas'}),
       photo_blob,
       div;
 
@@ -415,17 +416,9 @@
         return image_capture.takePhoto({imageWidth: capabilities.imageWidth.max});
       })
       .push(function (blob) {
-        photo_blob = blob;
-        return jIO.util.readBlobAsDataURL(blob);
-      })
-      .push(function (result) {
-        var img = domsugar("img", {"src": result.target.result});
-        gadget.detached_promise_dict.media_stream.cancel('Not needed anymore, as captured');
-        div = gadget.element.querySelector(".camera-input");
-        div.replaceChild(img, div.firstElementChild);
         return RSVP.all([
-          createImageBitmap(photo_blob),
-          getOrientation(photo_blob)
+          createImageBitmap(blob),
+          getOrientation(blob)
         ]);
       })
       .push(function (result_list) {
@@ -433,7 +426,6 @@
           orientation = result_list[1],
           height = bitmap.height,
           width = bitmap.width,
-          canvas = domsugar('canvas', {'class': 'canvas'}),
           ctx;
 
         if (4 < orientation && orientation < 9) {
@@ -473,6 +465,15 @@
           break;
         }
         ctx.drawImage(bitmap, 0, 0);
+        return canvas.toDataURL("image/jpeg");
+      })
+      .push(function (result) {
+        var img = domsugar("img", {"src": result});
+        gadget.detached_promise_dict.media_stream.cancel('Not needed anymore, as captured');
+        div = gadget.element.querySelector(".camera-input");
+        div.replaceChild(img, div.firstElementChild);
+      })
+      .push(function (result_list) {
         if (settings.brightness || settings.contrast || settings.enable_greyscale || settings.compression) {
           return handleCaman(canvas, settings);
         }

bt5/erp5_document_scanner/PathTemplateItem/web_page_module/rjs_gadget_document_scanner_js.xml

@@ -244,7 +244,7 @@
                   </item>
                   <item>
                       <key> <string>serial</string> </key>
-                      <value> <string>982.7505.28245.6314</string> </value>
+                      <value> <string>982.16570.34450.716</string> </value>
                   </item>
                   <item>
                       <key> <string>state</string> </key>
@@ -262,7 +262,7 @@
                           </tuple>
                           <state>
                             <tuple>
-                              <float>1582772276.5</float>
+                              <float>1583144747.41</float>
                               <string>UTC</string>
                             </tuple>
                           </state>