erp5_document_scanner: always display the autocrop button

bt5/erp5_document_scanner/PathTemplateItem/web_page_module/scanner_gadget_document_scanner_js.js

@@ -186,14 +186,19 @@
     // creating Cropper is asynchronous
     return new RSVP.Promise(function (resolve, reject) {
       cropper = new Cropper(element, {
-        // restrict the minimum canvas size to fill fit the container
-        viewMode: 3,
+        // restrict the minimum canvas size to fit within the container
+        viewMode: 2,
+        guides: true,
+        center: true,
+        background: false,
+        minContainerWidth: 1,
+        minContainerHeight: 1,
+        responsive: true,
+        restore: true,
         // Avoid any cropper calculation or guessing
         scalable: false,
-        // Please, DON'T touch on rotatable and checkOrientation. Removing it,
-        // we will not be able to fix orientation before crop.
-        rotatable: true,
-        checkOrientation: true,
+        rotatable: false,
+        checkOrientation: false,
         zoomable: false,
         movable: false,
         data: data,
@@ -425,14 +430,11 @@
           text: result_list[1][0]
         }));
 
-        if (gadget.state.is_cropper_size_confirmed) {
-          button_list.push(
-            domsugar('button', {type: 'button',
-                                'class': 'auto-crop-btn ui-icon-fast-forward ui-btn-icon-left',
-                                text: result_list[1][3]
-                               })
-          );
-        }
+        button_list.push(
+          domsugar('button', {type: 'button',
+                              'class': 'auto-crop-btn ui-icon-fast-forward ui-btn-icon-left',
+                              text: result_list[1][3]
+                             }));
 
         div = domsugar('div', {'class': 'camera'}, [
           domsugar('div', {'class': 'camera-header'}, [
@@ -718,7 +720,9 @@
               domsugar('label', {'class': 'page-number', text: gadget.state.page + 1})
             ])
           ]),
-          domsugar('img', {src: gadget.state['blob_url_' + gadget.state.page]}),
+          domsugar('div', {'class': 'img-container'}, [
+            domsugar('img', {src: gadget.state['blob_url_' + gadget.state.page]})
+          ]),
           // XXX TODO: why is the button rendering different from the other pages?
           domsugar('div', {'class': 'edit-picture'}, button_list),
           result_list[1]
@@ -738,8 +742,7 @@
       preferred_cropped_canvas_data: gadget.cropper.getData(),
       display_step: 'display_video',
       page: gadget.state.page + 1,
-      page_count: gadget.state.page_count + 1,
-      is_cropper_size_confirmed: true
+      page_count: gadget.state.page_count + 1
     };
     // Keep image date, as user may need to display it again
     state_dict['blob_canvas_' + gadget.state.page_count] = canvas;
@@ -785,8 +788,7 @@
       display_step: 'display_video',
       page: 1,
       page_count: 0,
-      camera_list: [],
-      is_cropper_size_confirmed: false
+      camera_list: []
     })
     .declareMethod('render', function (options) {
       // This method is called during the ERP5 form rendering

bt5/erp5_document_scanner/PathTemplateItem/web_page_module/scanner_gadget_document_scanner_js.xml

@@ -244,7 +244,7 @@
                   </item>
                   <item>
                       <key> <string>serial</string> </key>
-                      <value> <string>982.62635.64377.64716</string> </value>
+                      <value> <string>982.61614.28913.46660</string> </value>
                   </item>
                   <item>
                       <key> <string>state</string> </key>
@@ -262,7 +262,7 @@
                           </tuple>
                           <state>
                             <tuple>
-                              <float>1585917286.2</float>
+                              <float>1585846471.58</float>
                               <string>UTC</string>
                             </tuple>
                           </state>