javascript-sdk/index.html at main · datalogic/javascript-sdk · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!-- Start page for the Datalogic Java SDK samples -->
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Javascript SDK Sample Apps</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="icon" type="image/x-icon" href="samples/res/favicon.ico">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="samples/styles/index.css">
	<link rel="stylesheet" type="text/css" href="samples/styles/styles.css">
</head>
<body>
	<header>
		<img class="logo" src="samples/res/logo.jpg" alt="Datalogic">
		<center>
			<h2>Javascript SDK Samples</h2>
			<p class="description">
				The following web apps demonstrate different aspects of the Datalogic Javascript SDK exposed by
				Datalogic Enterprise Browser
			</p>
		</center>
	</header>

	<h3>Barcode Functions</h3>
	<hr>
	<div class="test-pages">
		<!-- Barcode scanning sample -->
		<div id="barcode-scanning" class="card">
			<img class="card-icon" src="samples/res/barcode-scanner.svg" alt="Avatar">
			<a class="test-page-link" href="samples/barcode.html">Barcode Scanning</a>
		</div>

		<!-- Scanning configuration sample -->
		<div id="scanning-configuration" class="card">
			<img class="card-icon" src="samples/res/settings.svg" alt="Avatar">
			<a class="test-page-link" href="samples/config.html">Scanning Configuration</a>
		</div>

		<!-- Keyboard configuration sample -->
		<div id="keyboard-configuration" class="card">
			<img class="card-icon" src="samples/res/keyboard.svg" alt="Avatar">
			<a class="test-page-link" href="samples/keyboard.html">Keyboard Configuration</a>
		</div>
	</div>

	<h3>Peripherals</h3>
	<hr>
	<div class="test-pages">
		<!-- Use the Camera-->
		<div id="camera" class="card">
			<img class="card-icon" src="samples/res/camera.svg" alt="Avatar">
			<a class="test-page-link" href="samples/camera.html">Camera</a>
		</div>

		<!-- Trigger Location -->
		<div id="location" class="card">
			<img class="card-icon" src="samples/res/location.svg" alt="Avatar">
			<a class="test-page-link" href="samples/location.html">Location</a>
		</div>

		<!-- Use the Microphone -->
		<div id="microphone" class="card">
			<img class="card-icon" src="samples/res/microphone.svg" alt="Avatar">
			<a class="test-page-link" href="samples/microphone.html">Microphone</a>
		</div>
	</div>

	<h3>Cradle Functions</h3>
	<hr>
	<div class="test-pages">
		<!-- Unlock the Cradle -->
		<div id="unlock" class="card">
			<img class="card-icon" src="samples/res/unlock.svg" alt="Avatar">
			<a class="test-page-link" href="samples/unlock.html">Unlock Cradle</a>
		</div>

		<!-- Control Cradle LEDs -->
		<div id="led" class="card">
			<img class="card-icon" src="samples/res/led.svg" alt="Avatar">
			<a class="test-page-link" href="samples/led.html">Cradle LEDs</a>
		</div>

		<!-- Add Cradle Listeners -->
		<div id="listener" class="card">
			<img class="card-icon" src="samples/res/listener.svg" alt="Avatar">
			<a class="test-page-link" href="samples/listeners.html">Cradle Listeners</a>
		</div>

		<!-- Add Cradle Listeners -->
		<div id="read-write" class="card">
			<img class="card-icon" src="samples/res/read_write.svg" alt="Avatar">
			<a class="test-page-link" href="samples/read_write.html">Read/Write to Cradle</a>
		</div>
	</div>
</body>
</html>