Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
erp5
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Labels
Merge Requests
140
Merge Requests
140
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Jobs
Commits
Open sidebar
nexedi
erp5
Commits
dd04c06e
Commit
dd04c06e
authored
Sep 19, 2019
by
Gabriel Monnerat
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
erp5_document_scanner: make jslint happy
parent
d9ff6c56
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
119 additions
and
118 deletions
+119
-118
erp5_document_scanner/SkinTemplateItem/portal_skins/erp5_document_scanner/gadget_document_scanner.js.js
...skins/erp5_document_scanner/gadget_document_scanner.js.js
+119
-118
No files found.
erp5_document_scanner/SkinTemplateItem/portal_skins/erp5_document_scanner/gadget_document_scanner.js.js
View file @
dd04c06e
(
function
(
rJS
,
RSVP
,
window
,
document
,
navigator
,
Cropper
,
console
,
alert
,
FileReader
,
URL
,
jIO
)
{
/*jslint indent: 2 */
/*global rJS, RSVP, window, document, navigator, Cropper, alert, FileReader, jIO */
(
function
(
rJS
,
RSVP
,
window
,
document
,
navigator
,
Cropper
,
alert
,
FileReader
,
jIO
)
{
"
use strict
"
;
var
imageWidth
,
...
...
@@ -18,24 +20,92 @@
return
imageCapture
.
getPhotoCapabilities
();
}
function
takePicture
(
gadget
)
{
imageCapture
.
takePhoto
({
imageWidth
:
imageWidth
})
.
then
(
function
(
blob
)
{
var
reader
=
new
FileReader
();
reader
.
readAsDataURL
(
blob
);
reader
.
onloadend
=
function
()
{
photoInput
.
setAttribute
(
"
value
"
,
reader
.
result
.
split
(
"
,
"
)[
1
]);
photo
.
setAttribute
(
"
src
"
,
reader
.
result
);
photo
.
setAttribute
(
"
width
"
,
imageWidth
);
photo
.
setAttribute
(
"
height
"
,
imageHeight
);
return
drawCanvas
(
gadget
,
photo
);
};
});
}
function
drawCanvas
(
gadget
,
img
)
{
var
ratio
,
x
,
y
;
canvas
.
width
=
imageWidth
;
canvas
.
height
=
imageHeight
;
ratio
=
Math
.
min
(
canvas
.
width
/
img
.
width
,
canvas
.
height
/
img
.
height
);
x
=
(
canvas
.
width
-
img
.
width
*
ratio
)
/
2
;
y
=
(
canvas
.
height
-
img
.
height
*
ratio
)
/
2
;
document
.
querySelector
(
"
textarea[name='field_your_description']
"
).
value
+=
"
\n
Image size
"
+
img
.
width
+
"
x
"
+
img
.
height
;
canvas
.
getContext
(
'
2d
'
).
clearRect
(
0
,
0
,
canvas
.
width
,
canvas
.
height
);
canvas
.
getContext
(
'
2d
'
).
drawImage
(
img
,
0
,
0
,
img
.
width
,
img
.
height
,
x
,
y
,
img
.
width
*
ratio
,
img
.
height
*
ratio
);
//grayscale(canvas, canvas);
//contrastImage(canvas, canvas, 10);
gadget
.
querySelector
(
"
.camera-output
"
).
style
.
display
=
""
;
if
(
cropper
)
{
cropper
.
destroy
();
}
return
RSVP
.
Queue
()
.
push
(
function
()
{
return
storage
.
get
(
"
settings
"
);
})
.
push
(
function
(
data
)
{
cropper
=
new
Cropper
(
gadget
.
querySelector
(
'
.photo
'
),
{
data
:
data
});
gadget
.
querySelector
(
"
.crop-button
"
).
addEventListener
(
"
click
"
,
function
(
evt
)
{
var
canvasData
;
evt
.
preventDefault
();
canvasData
=
cropper
.
getCanvasData
();
storage
.
put
(
"
settings
"
,
cropper
.
getData
());
cropper
.
getCroppedCanvas
().
toBlob
(
function
(
blob
)
{
var
reader
=
new
window
.
FileReader
();
reader
.
readAsDataURL
(
blob
);
reader
.
onloadend
=
function
()
{
var
base64data
=
reader
.
result
,
block
=
base64data
.
split
(
"
;
"
),
realData
=
block
[
1
].
split
(
"
,
"
)[
1
];
photo
.
style
.
width
=
canvasData
.
width
+
"
px
"
;
photo
.
style
.
height
=
canvasData
.
height
+
"
px
"
;
photo
.
src
=
base64data
;
photoInput
.
value
=
realData
;
cropper
.
destroy
();
};
});
});
});
}
function
contrastImage
(
input
,
output
,
contrast
)
{
var
outputContext
,
var
i
,
outputContext
,
inputContext
=
input
.
getContext
(
"
2d
"
),
imageData
=
inputContext
.
getImageData
(
0
,
0
,
input
.
width
,
input
.
height
),
data
=
imageData
.
data
,
factor
=
(
259
*
(
contrast
+
255
))
/
(
255
*
(
259
-
contrast
));
for
(
var
i
=
0
;
i
<
data
.
length
;
i
+=
4
)
{
for
(
i
=
0
;
i
<
data
.
length
;
i
+=
4
)
{
data
[
i
]
=
factor
*
(
data
[
i
]
-
128
)
+
128
;
data
[
i
+
1
]
=
factor
*
(
data
[
i
+
1
]
-
128
)
+
128
;
data
[
i
+
2
]
=
factor
*
(
data
[
i
+
2
]
-
128
)
+
128
;
data
[
i
+
1
]
=
factor
*
(
data
[
i
+
1
]
-
128
)
+
128
;
data
[
i
+
2
]
=
factor
*
(
data
[
i
+
2
]
-
128
)
+
128
;
}
outputContext
=
output
.
getContext
(
"
2d
"
);
outputContext
.
putImageData
(
imageData
,
0
,
0
);
}
function
grayscale
(
input
,
output
)
{
var
gray
,
function
grayscale
(
input
,
output
)
{
var
i
,
gray
,
outputContext
,
inputContext
=
input
.
getContext
(
"
2d
"
),
imageData
=
inputContext
.
getImageData
(
0
,
0
,
input
.
width
,
input
.
height
),
...
...
@@ -44,18 +114,17 @@
//gray = 0.3*R + 0.59*G + 0.11*B
// http://www.tannerhelland.com/3643/grayscale-image-algorithm-vb6/
for
(
var
i
=
arraylength
-
1
;
i
>
0
;
i
-=
4
)
{
gray
=
0.3
*
data
[
i
-
3
]
+
0.59
*
data
[
i
-
2
]
+
0.11
*
data
[
i
-
1
];
data
[
i
-
3
]
=
gray
;
data
[
i
-
2
]
=
gray
;
data
[
i
-
1
]
=
gray
;
for
(
i
=
arraylength
-
1
;
i
>
0
;
i
-=
4
)
{
gray
=
0.3
*
data
[
i
-
3
]
+
0.59
*
data
[
i
-
2
]
+
0.11
*
data
[
i
-
1
];
data
[
i
-
3
]
=
gray
;
data
[
i
-
2
]
=
gray
;
data
[
i
-
1
]
=
gray
;
}
outputContext
=
output
.
getContext
(
"
2d
"
);
outputContext
.
putImageData
(
imageData
,
0
,
0
);
}
function
startup
(
gadget
,
device_id
)
{
var
media
,
mediaList
=
[];
video
=
gadget
.
querySelector
(
"
.video
"
);
canvas
=
gadget
.
querySelector
(
"
.canvas
"
);
photo
=
gadget
.
querySelector
(
"
.photo
"
);
...
...
@@ -63,28 +132,27 @@
startbutton
=
gadget
.
querySelector
(
"
.startbutton
"
);
return
RSVP
.
Queue
()
.
push
(
function
()
{
.
push
(
function
()
{
return
navigator
.
mediaDevices
.
getUserMedia
({
video
:
{
deviceId
:
{
exact
:
device_id
}}});
})
.
push
(
gotStream
)
.
push
(
function
(
photoCapabilities
)
{
.
push
(
function
(
photoCapabilities
)
{
imageWidth
=
photoCapabilities
.
imageWidth
.
max
;
imageHeight
=
photoCapabilities
.
imageHeight
.
max
;
document
.
querySelector
(
"
textarea[name='field_your_description']
"
).
value
=
"
Max =>
"
+
imageWidth
+
"
x
"
+
imageHeight
;
video
.
play
();
})
.
push
(
function
()
{
.
push
(
function
()
{
/*
XXX remove addEventListener. Instead, use renderJS declareService / onEvent,
which will handle unloading the listener and correctly catching errors
Remove soon
*/
startbutton
.
addEventListener
(
"
click
"
,
function
(
evt
)
{
startbutton
.
addEventListener
(
"
click
"
,
function
(
evt
)
{
evt
.
preventDefault
();
takePicture
(
gadget
);
},
false
);
});
}
function
clearphoto
()
{
...
...
@@ -95,75 +163,8 @@
photo
.
setAttribute
(
"
src
"
,
data
);
}
function
takePicture
(
gadget
)
{
imageCapture
.
takePhoto
({
imageWidth
:
imageWidth
})
.
then
(
function
(
blob
){
var
reader
=
new
FileReader
();
reader
.
readAsDataURL
(
blob
);
reader
.
onloadend
=
function
()
{
photoInput
.
setAttribute
(
"
value
"
,
reader
.
result
.
split
(
"
,
"
)[
1
]);
photo
.
setAttribute
(
"
src
"
,
reader
.
result
);
photo
.
setAttribute
(
"
width
"
,
imageWidth
);
photo
.
setAttribute
(
"
height
"
,
imageHeight
);
return
drawCanvas
(
gadget
,
photo
);
};
});
}
function
drawCanvas
(
gadget
,
img
)
{
var
ratio
,
x
,
y
,
data
;
canvas
.
width
=
imageWidth
;
canvas
.
height
=
imageHeight
;
ratio
=
Math
.
min
(
canvas
.
width
/
img
.
width
,
canvas
.
height
/
img
.
height
);
x
=
(
canvas
.
width
-
img
.
width
*
ratio
)
/
2
;
y
=
(
canvas
.
height
-
img
.
height
*
ratio
)
/
2
;
document
.
querySelector
(
"
textarea[name='field_your_description']
"
).
value
+=
"
\n
Image size
"
+
img
.
width
+
"
x
"
+
img
.
height
;
canvas
.
getContext
(
'
2d
'
).
clearRect
(
0
,
0
,
canvas
.
width
,
canvas
.
height
);
canvas
.
getContext
(
'
2d
'
).
drawImage
(
img
,
0
,
0
,
img
.
width
,
img
.
height
,
x
,
y
,
img
.
width
*
ratio
,
img
.
height
*
ratio
);
//grayscale(canvas, canvas);
//contrastImage(canvas, canvas, 10);
gadget
.
querySelector
(
"
.camera-output
"
).
style
.
display
=
""
;
if
(
cropper
)
{
cropper
.
destroy
();
}
return
RSVP
.
Queue
()
.
push
(
function
()
{
return
storage
.
get
(
"
settings
"
);
})
.
push
(
function
(
data
)
{
cropper
=
new
Cropper
(
gadget
.
querySelector
(
'
.photo
'
),
{
data
:
data
});
gadget
.
querySelector
(
"
.crop-button
"
).
addEventListener
(
"
click
"
,
function
(
evt
)
{
var
canvasData
;
evt
.
preventDefault
();
canvasData
=
cropper
.
getCanvasData
();
storage
.
put
(
"
settings
"
,
cropper
.
getData
());
cropper
.
getCroppedCanvas
().
toBlob
(
function
(
blob
){
var
reader
=
new
window
.
FileReader
(),
photo
=
gadget
.
querySelector
(
"
.photo
"
);
reader
.
readAsDataURL
(
blob
);
reader
.
onloadend
=
function
()
{
var
base64data
=
reader
.
result
,
block
=
base64data
.
split
(
"
;
"
),
contentType
=
block
[
0
].
split
(
"
:
"
)[
1
],
realData
=
block
[
1
].
split
(
"
,
"
)[
1
];
photo
.
style
.
width
=
canvasData
.
width
+
"
px
"
;
photo
.
style
.
height
=
canvasData
.
height
+
"
px
"
;
photo
.
src
=
base64data
;
photoInput
.
value
=
realData
;
cropper
.
destroy
();
};
});
});
});
}
rJS
(
window
)
.
ready
(
function
(
g
)
{
.
ready
(
function
()
{
return
RSVP
.
Queue
()
.
push
(
function
()
{
return
jIO
.
createJIO
({
...
...
@@ -175,11 +176,11 @@
storage
=
proxy
;
return
storage
.
get
(
"
settings
"
);
})
.
then
(
undefined
,
function
(
error
)
{
.
then
(
undefined
,
function
(
)
{
return
storage
.
put
(
"
settings
"
);
});
})
.
declareMethod
(
'
render
'
,
function
(
options
)
{
.
declareMethod
(
'
render
'
,
function
()
{
var
el
,
root
,
selector
;
...
...
@@ -188,7 +189,7 @@
root
=
element
;
selector
=
element
.
querySelector
(
"
select
"
);
if
(
!
navigator
.
mediaDevices
)
{
throw
(
"
mediaDevices is not supported
"
);
throw
(
"
mediaDevices is not supported
"
);
}
return
navigator
.
mediaDevices
.
enumerateDevices
();
})
...
...
@@ -206,8 +207,8 @@
}
}
})
.
push
(
function
()
{
selector
.
addEventListener
(
"
change
"
,
function
(
evt
)
{
.
push
(
function
()
{
selector
.
addEventListener
(
"
change
"
,
function
(
evt
)
{
if
(
video
)
{
video
.
pause
();
}
...
...
@@ -216,7 +217,7 @@
}
});
})
.
then
(
undefined
,
function
(
e
)
{
.
then
(
undefined
,
function
(
e
)
{
alert
(
e
);
});
})
...
...
@@ -227,4 +228,4 @@
return
result
;
});
}(
rJS
,
RSVP
,
window
,
document
,
navigator
,
Cropper
,
console
,
alert
,
FileReader
,
URL
,
jIO
));
\ No newline at end of file
}(
rJS
,
RSVP
,
window
,
document
,
navigator
,
Cropper
,
alert
,
FileReader
,
jIO
));
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment