Skip to content

Commit d0639bc

Browse files
ArtsiomTsybulkoArtsiomTsybulko
authored
Merge pull request #54 from regulaforensics/rfid
Add RFID example
2 parents ee5fe98 + 2b9aa81 commit d0639bc

File tree

6 files changed

+128
-10
lines changed

6 files changed

+128
-10
lines changed

controller/index.html renamed to controller/common/index.html

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,6 @@
4545
<p><span>Status: </span><span id="status">service disconnected</span></p>
4646
</div>
4747
</div>
48-
<script src="https://unpkg.com/@regulaforensics/[email protected]/dist/main.js"></script>
49-
<script type="module" src="./index.js"></script>
48+
<script type="module" src="index.js"></script>
5049
</body>
5150
</html>

controller/index.js renamed to controller/common/index.js

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
1-
const { DocumentReaderController } = window.Regula;
2-
const service = new DocumentReaderController();
1+
import { DocumentReaderController } from '@regulaforensics/vp-frontend-document-device';
32

4-
service.serviceUrl = 'SERVICE_URL';
3+
const service = new DocumentReaderController('SERVICE_URL')
54

65
const connectButton = document.getElementById('connect');
76
const disconnectButton = document.getElementById('disconnect');
@@ -21,7 +20,7 @@ const responseListener = async () => {
2120
};
2221

2322
const autoScanButtonHandler = async () => {
24-
await service.setProperty('AutoScan', !autoScan);
23+
await service.setPropertyValue('AutoScan', !autoScan);
2524

2625
autoScan = !autoScan;
2726
autoScanButton.textContent = autoScan ? 'Auto-scan: on' : 'Auto-scan: off';
@@ -47,13 +46,13 @@ const connectButtonHandler = async () => {
4746
dateFormat: 'yyyy.MM.dd',
4847
},
4948
};
50-
await service.setProperty('processingParams', JSON.stringify(processParam));
49+
await service.setPropertyValue('processingParams', JSON.stringify(processParam));
5150

5251
toggleButtons(true);
5352
};
5453

5554
const disconnectButtonHandler = () => {
56-
service.disconnect();
55+
service.stop();
5756
service.hubProxy?.off('OnProcessingFinished', responseListener);
5857

5958
toggleButtons(false);

controller/package.json renamed to controller/common/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,9 @@
77
"build": "vite build"
88
},
99
"dependencies": {
10-
"@regulaforensics/vp-frontend-document-components": "*"
10+
"@regulaforensics/vp-frontend-document-device": "*"
1111
},
1212
"devDependencies": {
13-
"vite": "^6.2.0"
13+
"vite": "^6.3.5"
1414
}
1515
}

‎controller/rfid/index.html‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>My app</title>
6+
</head>
7+
<style>
8+
.container {
9+
display: flex;
10+
position: absolute;
11+
flex-direction: column;
12+
height: 100%;
13+
width: 100%;
14+
top: 0;
15+
left: 0;
16+
justify-content: center;
17+
align-items: center;
18+
font-family: Arial, sans-serif;
19+
}
20+
21+
button {
22+
padding: 10px 30px;
23+
color: white;
24+
font-size: 16px;
25+
border-radius: 2px;
26+
background-color: #bd7dff;
27+
border: 1px solid #bd7dff;
28+
cursor: pointer;
29+
}
30+
31+
button:disabled {
32+
background-color: #7c7c7c;
33+
border: 1px solid #7c7c7c;
34+
}
35+
</style>
36+
<body>
37+
<div class="container">
38+
<div class="buttons">
39+
<button id="process" disabled>Process</button>
40+
<button id="connect">Connect</button>
41+
<button id="disconnect" disabled>Disconnect</button>
42+
</div>
43+
<div class="status">
44+
<p><span>Status: </span><span id="status">service disconnected</span></p>
45+
</div>
46+
</div>
47+
<script type="module" src="index.js"></script>
48+
</body>
49+
</html>

‎controller/rfid/index.js‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
import { DocumentReaderController } from '@regulaforensics/vp-frontend-document-device';
2+
3+
const service = new DocumentReaderController('SERVICE_URL')
4+
5+
const connectButton = document.getElementById('connect');
6+
const disconnectButton = document.getElementById('disconnect');
7+
const processButton = document.getElementById('process');
8+
const status = document.getElementById('status');
9+
10+
const responseListener = async () => {
11+
const response = await service.getLastResults();
12+
13+
processButton.removeAttribute('disabled');
14+
status.textContent = 'You can see the result in the console';
15+
16+
console.log(response);
17+
};
18+
19+
const toggleButtons = (connected) => {
20+
connectButton.disabled = connected;
21+
disconnectButton.disabled = !connected;
22+
processButton.disabled = !connected;
23+
status.textContent = connected ? 'Service connected' : 'Service disconnected';
24+
};
25+
26+
const connectButtonHandler = async () => {
27+
status.textContent = 'Connecting...';
28+
29+
await service.initRegulaReader();
30+
service.hubProxy?.on('OnProcessingFinished', responseListener);
31+
32+
// If you have multiple RFID readers, you can choose the one you need, just specify its index.
33+
// await service.current.setPropertyValue('ActiveRFIDDeviceIdx', 0);
34+
35+
toggleButtons(true);
36+
};
37+
38+
const disconnectButtonHandler = () => {
39+
service.stop();
40+
service.hubProxy?.off('OnProcessingFinished', responseListener);
41+
42+
toggleButtons(false);
43+
};
44+
45+
const processButtonHandler = async () => {
46+
// The MRZ of the document must be installed to read the RFID data. Replace DOCUMENT_MRZ with the real MRZ string.
47+
await service.setPropertyValue('RFIDMRZ', 'DOCUMENT_MRZ');
48+
await service.waitAndReadRFID();
49+
50+
processButton.disabled = true;
51+
status.textContent = 'Processing...';
52+
};
53+
54+
connectButton.addEventListener('click', connectButtonHandler);
55+
disconnectButton.addEventListener('click', disconnectButtonHandler);
56+
processButton.addEventListener('click', processButtonHandler);

‎controller/rfid/package.json‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
"name": "sample",
3+
"version": "1.0.0",
4+
"type": "module",
5+
"scripts": {
6+
"serve": "vite",
7+
"build": "vite build"
8+
},
9+
"dependencies": {
10+
"@regulaforensics/vp-frontend-document-device": "*"
11+
},
12+
"devDependencies": {
13+
"vite": "^6.3.5"
14+
}
15+
}

0 commit comments

Comments
 (0)