Skip to content

Commit 9105e76

Browse files
Tom-DynamsoftTom-Dynamsoft
committed
add index pages back for demo
1 parent 954548c commit 9105e76

File tree

6 files changed

+756
-0
lines changed

6 files changed

+756
-0
lines changed

‎1.hello-world/index.html‎

Lines changed: 179 additions & 0 deletions
Large diffs are not rendered by default.

‎2.ui-tweaking/index.html‎

Lines changed: 167 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,167 @@
1+
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
5+
<head>
6+
<meta charset="utf-8">
7+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
8+
<link rel="stylesheet" href="../balloon.min.css"> <!-- Used for tooltip styling -->
9+
<title>Dynamsoft Barcode Reader UI Samples</title>
10+
</head>
11+
12+
<body>
13+
<div class="filetree">
14+
<div class="ds-logo"></div>
15+
<div class="file">
16+
<h3>Barcode Reader Customize Camera UI Samples</h3>
17+
</div>
18+
<div class="children">
19+
<div class="file">Customize Camera UI</div>
20+
<div class="children">
21+
<div class="file"><a data-balloon-length="fit" data-balloon-pos="down" aria-label="Show the default camera UI to decode video stream
22+
from a USB-connected or built-in camera (mobile or desktop)." class="button title"
23+
href="1.read-video-show-result.html">Use the Default Camera
24+
UI</a><span id="icon011" class="tooltipIcon"></span></div>
25+
<div class="file"><a data-balloon-length="fit" data-balloon-pos="down" aria-label="Hide built-in UI elements (camera
26+
selection, resolution selection, etc.) and show only the video stream." class="button title"
27+
href="2.read-video-no-extra-control.html">Hide
28+
Built-in
29+
Controllers</a><span id="icon012" class="tooltipIcon"></span></div>
30+
<div class="file"><a data-balloon-length="fit" data-balloon-pos="down"
31+
aria-label="Use custom controllers to manipulate the Camera UI." class="button title"
32+
href="3.read-video-with-external-control.html">Use
33+
External
34+
Controllers</a><span id="icon013" class="tooltipIcon"></span></div>
35+
<div class="file"><a data-balloon-length="fit" data-balloon-pos="down" aria-label="Enlarge the video stream temporarily
36+
to read a barcode." class="button title" href="4.difference-video-size.html">Enlarge
37+
the
38+
Video Stream</a><span id="icon014" class="tooltipIcon"></span></div>
39+
</div>
40+
</div>
41+
<br />
42+
<a class="button title" href="../index.html">Check all samples</a>
43+
</div>
44+
</body>
45+
<style>
46+
body {
47+
text-align: center;
48+
font-family: "Open Sans", sans-serif;
49+
}
50+
51+
.ds-logo {
52+
height: 3vh;
53+
background: url(../logo-dynamsoft-black.svg) no-repeat 0;
54+
}
55+
56+
h3 {
57+
margin: 1vh auto;
58+
}
59+
60+
.description {
61+
border: dashed 1px gray;
62+
padding: 1vmin;
63+
}
64+
65+
.filetree {
66+
text-align: left;
67+
background-color: #fafafa;
68+
border: 4px solid #dbdbdb;
69+
border-radius: 4px;
70+
margin: 0 auto;
71+
max-width: 800px;
72+
padding: 16px 32px;
73+
}
74+
75+
.filetree .file {
76+
display: block;
77+
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
78+
letter-spacing: 0.3px;
79+
line-height: 32px;
80+
color: #333;
81+
}
82+
83+
.filetree .children {
84+
padding-left: 24px;
85+
position: relative;
86+
}
87+
88+
.filetree .children .file {
89+
position: relative;
90+
}
91+
92+
.filetree .children .file::before {
93+
content: '';
94+
left: -18px;
95+
bottom: 16px;
96+
width: 16px;
97+
height: 20px;
98+
position: absolute;
99+
border-width: 0 0 1px 1px;
100+
border-style: solid;
101+
border-color: #dbdbdb;
102+
border-radius: 0 0 0 3px;
103+
}
104+
105+
[aria-label] {
106+
line-height: 15px;
107+
}
108+
109+
.title img {
110+
height: 17px;
111+
vertical-align: middle;
112+
}
113+
114+
.tooltipIcon {
115+
display: inline-block;
116+
width: 17px;
117+
height: 17px;
118+
vertical-align: middle;
119+
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAg5JREFUOBGVkktrE2EUhjuTSUJwExCColSwFAIFaZFSwaZ0abx110rugf4Ef0Drr3AxaTKJZNFSNwYDJbgxblQQN22xFFpF0J07Dbn1OaFnGMciZOCb833vec/9GBMXfNlstmCa5n3DMBKoDznx4XDYBmuUy2XHb2J4gWKxuAB5h2Nj0EbuVyqVH4VC4UogEJjpdruL4Nl+v/+kVqt9VFvXSSqVuhEKhXYty3pg2/ZPJfhlJpO5isPXBFipVqtfXb1kkM/nXc+u4j8X+J84t4ViyU9KCAaD83L3ful0+jqZvaQ3S5T1x6vD5iH4W7CbxnkTJx3HeeYl6V3KrNfrp/r2Snq1wfvYkikMBoPnXqXcISSIttTr9f6ZhnKl+diumzJGGrWvCpXgQQiXKPOFYn5JgAMCLZooDmWMfgL78CYajW6C3/Hr9M10vhPsSJzEZQ9UMY7M5XLXyGTa5NeWRRrHWLlMboZMZJPNhmyiKsaRbO5d+vJqtLEszREZLUuNXifJZDIci8VanU5nLRKJBOjTN9VTyiQJ7NHPuPRkgscKabWUoLLZbHbQPQ2Hww6TshUXCd4Ceyz3USZywfNlHH0go3tk9EWwiz6GEAff49wii1/CcZ3Ig7KmEFuc9zj7TLQ2zftN3RGwBJFnCTQHViyVSqdgo+8vJwoS7RFOVnlPYbSAfMc5wck2WTaUp/IMAjTZicjWFTcAAAAASUVORK5CYII=) right center no-repeat;
120+
background-size: 100%;
121+
margin-left: 5px;
122+
123+
}
124+
</style>
125+
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet" />
126+
<script>
127+
var tipIcons = document.getElementsByClassName("tooltipIcon");
128+
var clicked = false;
129+
var clickedIconId = "";
130+
var showNode = function (evt) {
131+
hideNode('all');
132+
if (evt.target.nodeName === "SPAN" && evt.type === "click") {
133+
clicked = true;
134+
clickedIconId = evt.target.id;
135+
setTimeout(function () {
136+
clicked = false;
137+
hideNode(evt);
138+
}, 3000);
139+
}
140+
var titleNode = evt.target.previousElementSibling;
141+
if (titleNode) {
142+
titleNode.setAttribute('data-balloon-visible', '');
143+
}
144+
};
145+
var hideNode = function (evt) {
146+
if (evt === 'all') {
147+
var allTitleNodes = document.getElementsByTagName('a');
148+
for (let node of allTitleNodes) {
149+
node.removeAttribute('data-balloon-visible');
150+
}
151+
return;
152+
}
153+
if (clicked && clickedIconId === evt.target.id) return;
154+
var titleNode = evt.target.previousElementSibling;
155+
if (titleNode) {
156+
titleNode.removeAttribute('data-balloon-visible');
157+
}
158+
};
159+
160+
for (tipIcon of tipIcons) {
161+
tipIcon.addEventListener('mouseover', showNode, false);
162+
tipIcon.addEventListener('mouseout', hideNode, false);
163+
tipIcon.addEventListener('click', showNode, false);
164+
}
165+
</script>
166+
167+
</html>

‎3.settings/index.html‎

Lines changed: 171 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,171 @@
1+
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
5+
<head>
6+
<meta charset="utf-8">
7+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
8+
<link rel="stylesheet" href="../balloon.min.css"> <!-- Used for tooltip styling -->
9+
<title>Dynamsoft Barcode Reader Settings Samples</title>
10+
</head>
11+
12+
<body>
13+
<div class="filetree">
14+
<div class="ds-logo"></div>
15+
<div class="file">
16+
<h3>Barcode Reader Settings Samples</h3>
17+
</div>
18+
<div class="children">
19+
<div class="file">Parameter Settings</div>
20+
<div class="children">
21+
<div class="file"><a data-balloon-length="fit" data-balloon-pos="down" aria-label="Set the barcode formats and control
22+
the number of barcodes to read per image/frame." class="button title"
23+
href="1.barcodeFormats-expectedBarcodes.html">Formats and
24+
Count</a><span id="icon012" class="tooltipIcon"></span></div>
25+
<div class="file"><a data-balloon-length="fit" data-balloon-pos="down"
26+
aria-label="Set how localization and binarization are done during barcode decoding."
27+
class="button title" href="2.localizationModes-binarizationModes.html">Localization
28+
and
29+
Binarization</a><span id="icon013" class="tooltipIcon"></span></div>
30+
<div class="file"><a data-balloon-length="fit" data-balloon-pos="down"
31+
aria-label="Set DeblurModes and ScaleUpModes for decoding blurry or small barcodes."
32+
class="button title" href="3.blurred-small-barcodes.html">Blurry
33+
or Small codes</a><span id="icon014" class="tooltipIcon"></span></div>
34+
<div class="file"><a data-balloon-length="fit" data-balloon-pos="down"
35+
aria-label="Set DeformationResistingModes or BarcodeComplementModes for decoding deformed or incomplete barcodes."
36+
class="button title" href="4.deformed-incomplete-barcodes.html">Deformed
37+
or Incomplete codes</a><span id="icon015" class="tooltipIcon"></span></div>
38+
<div class="file"><a data-balloon-length="fit" data-balloon-pos="down"
39+
aria-label="Set the region of interest manually or regionPredetectionModes to speed up the reading process."
40+
class="button title" href="5.regionOfInterest-regionPredetection.html">Define or
41+
Detect the
42+
Region</a><span id="icon016" class="tooltipIcon"></span></div>
43+
</div>
44+
</div>
45+
<br />
46+
<a class="button title" href="../index.html">Check all samples</a>
47+
</div>
48+
</body>
49+
<style>
50+
body {
51+
text-align: center;
52+
font-family: "Open Sans", sans-serif;
53+
}
54+
55+
.ds-logo {
56+
height: 3vh;
57+
background: url(../logo-dynamsoft-black.svg) no-repeat 0;
58+
}
59+
60+
h3 {
61+
margin: 1vh auto;
62+
}
63+
64+
.description {
65+
border: dashed 1px gray;
66+
padding: 1vmin;
67+
}
68+
69+
.filetree {
70+
text-align: left;
71+
background-color: #fafafa;
72+
border: 4px solid #dbdbdb;
73+
border-radius: 4px;
74+
margin: 0 auto;
75+
max-width: 800px;
76+
padding: 16px 32px;
77+
}
78+
79+
.filetree .file {
80+
display: block;
81+
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
82+
letter-spacing: 0.3px;
83+
line-height: 32px;
84+
color: #333;
85+
}
86+
87+
.filetree .children {
88+
padding-left: 24px;
89+
position: relative;
90+
}
91+
92+
.filetree .children .file {
93+
position: relative;
94+
}
95+
96+
.filetree .children .file::before {
97+
content: '';
98+
left: -18px;
99+
bottom: 16px;
100+
width: 16px;
101+
height: 20px;
102+
position: absolute;
103+
border-width: 0 0 1px 1px;
104+
border-style: solid;
105+
border-color: #dbdbdb;
106+
border-radius: 0 0 0 3px;
107+
}
108+
109+
[aria-label] {
110+
line-height: 15px;
111+
}
112+
113+
.title img {
114+
height: 17px;
115+
vertical-align: middle;
116+
}
117+
118+
.tooltipIcon {
119+
display: inline-block;
120+
width: 17px;
121+
height: 17px;
122+
vertical-align: middle;
123+
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAg5JREFUOBGVkktrE2EUhjuTSUJwExCColSwFAIFaZFSwaZ0abx110rugf4Ef0Drr3AxaTKJZNFSNwYDJbgxblQQN22xFFpF0J07Dbn1OaFnGMciZOCb833vec/9GBMXfNlstmCa5n3DMBKoDznx4XDYBmuUy2XHb2J4gWKxuAB5h2Nj0EbuVyqVH4VC4UogEJjpdruL4Nl+v/+kVqt9VFvXSSqVuhEKhXYty3pg2/ZPJfhlJpO5isPXBFipVqtfXb1kkM/nXc+u4j8X+J84t4ViyU9KCAaD83L3ful0+jqZvaQ3S5T1x6vD5iH4W7CbxnkTJx3HeeYl6V3KrNfrp/r2Snq1wfvYkikMBoPnXqXcISSIttTr9f6ZhnKl+diumzJGGrWvCpXgQQiXKPOFYn5JgAMCLZooDmWMfgL78CYajW6C3/Hr9M10vhPsSJzEZQ9UMY7M5XLXyGTa5NeWRRrHWLlMboZMZJPNhmyiKsaRbO5d+vJqtLEszREZLUuNXifJZDIci8VanU5nLRKJBOjTN9VTyiQJ7NHPuPRkgscKabWUoLLZbHbQPQ2Hww6TshUXCd4Ceyz3USZywfNlHH0go3tk9EWwiz6GEAff49wii1/CcZ3Ig7KmEFuc9zj7TLQ2zftN3RGwBJFnCTQHViyVSqdgo+8vJwoS7RFOVnlPYbSAfMc5wck2WTaUp/IMAjTZicjWFTcAAAAASUVORK5CYII=) right center no-repeat;
124+
background-size: 100%;
125+
margin-left: 5px;
126+
127+
}
128+
</style>
129+
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet" />
130+
<script>
131+
var tipIcons = document.getElementsByClassName("tooltipIcon");
132+
var clicked = false;
133+
var clickedIconId = "";
134+
var showNode = function (evt) {
135+
hideNode('all');
136+
if (evt.target.nodeName === "SPAN" && evt.type === "click") {
137+
clicked = true;
138+
clickedIconId = evt.target.id;
139+
setTimeout(function () {
140+
clicked = false;
141+
hideNode(evt);
142+
}, 3000);
143+
}
144+
var titleNode = evt.target.previousElementSibling;
145+
if (titleNode) {
146+
titleNode.setAttribute('data-balloon-visible', '');
147+
}
148+
};
149+
var hideNode = function (evt) {
150+
if (evt === 'all') {
151+
var allTitleNodes = document.getElementsByTagName('a');
152+
for (let node of allTitleNodes) {
153+
node.removeAttribute('data-balloon-visible');
154+
}
155+
return;
156+
}
157+
if (clicked && clickedIconId === evt.target.id) return;
158+
var titleNode = evt.target.previousElementSibling;
159+
if (titleNode) {
160+
titleNode.removeAttribute('data-balloon-visible');
161+
}
162+
};
163+
164+
for (tipIcon of tipIcons) {
165+
tipIcon.addEventListener('mouseover', showNode, false);
166+
tipIcon.addEventListener('mouseout', hideNode, false);
167+
tipIcon.addEventListener('click', showNode, false);
168+
}
169+
</script>
170+
171+
</html>

‎3.settings/index_files/balloon.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)