Commit 44c5517f authored by Romain Courteaud's avatar Romain Courteaud

erp5_document_scanner: unify video and cropper rendering

parent fe282e69
...@@ -20,7 +20,7 @@ div[data-gadget-url$="gadget_document_scanner.html"] .canvas { ...@@ -20,7 +20,7 @@ div[data-gadget-url$="gadget_document_scanner.html"] .canvas {
text-align: center; text-align: center;
} }
div[data-gadget-url$="gadget_document_scanner.html"] .camera-input { div[data-gadget-url$="gadget_document_scanner.html"] .camera-input {
min-height: 360px; background-color: rgba(0, 0, 0, 0.5);
} }
div[data-gadget-url$="gadget_document_scanner.html"] .page-number { div[data-gadget-url$="gadget_document_scanner.html"] .page-number {
display: inline; display: inline;
......
...@@ -244,7 +244,7 @@ ...@@ -244,7 +244,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>982.60019.31334.2372</string> </value> <value> <string>982.60162.8290.29303</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -262,7 +262,7 @@ ...@@ -262,7 +262,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1585753245.18</float> <float>1585815950.8</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -186,14 +186,18 @@ ...@@ -186,14 +186,18 @@
// creating Cropper is asynchronous // creating Cropper is asynchronous
return new RSVP.Promise(function (resolve, reject) { return new RSVP.Promise(function (resolve, reject) {
cropper = new Cropper(element, { cropper = new Cropper(element, {
// restrict the minimum canvas size to fill fit the container // restrict the minimum canvas size to fit within the container
viewMode: 3, viewMode: 2,
guides: true,
center: true,
background: false,
minContainerWidth: 0,
minContainerHeight: 0,
responsive: false,
// Avoid any cropper calculation or guessing // Avoid any cropper calculation or guessing
scalable: false, scalable: false,
// Please, DON'T touch on rotatable and checkOrientation. Removing it, rotatable: false,
// we will not be able to fix orientation before crop. checkOrientation: false,
rotatable: true,
checkOrientation: true,
zoomable: false, zoomable: false,
movable: false, movable: false,
data: data, data: data,
......
...@@ -244,7 +244,7 @@ ...@@ -244,7 +244,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>982.59651.45192.29798</string> </value> <value> <string>982.61109.60561.44919</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -262,7 +262,7 @@ ...@@ -262,7 +262,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1585728228.5</float> <float>1585815745.95</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -19,7 +19,8 @@ div[data-gadget-url$="gadget_document_scanner.html"] { ...@@ -19,7 +19,8 @@ div[data-gadget-url$="gadget_document_scanner.html"] {
} }
.camera-input { .camera-input {
min-height: 360px; // Mimic cropper background
background-color: rgba(0, 0, 0, 0.5);
} }
.page-number { .page-number {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment