Skip to content

Commit a89e7c4

Browse files
Amal-Karunakaran-EX0210Amal-Karunakaran-EX0210
authored
Initial commit for quickcapture web
1 parent cff8410 commit a89e7c4

File tree

4 files changed

+1129
-0
lines changed

4 files changed

+1129
-0
lines changed

‎index.html‎

Lines changed: 207 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,207 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>QuickCapture Web | Demo | Extrieve</title>
8+
<link rel="icon" href="https://i.ibb.co/fn31Z0x/logo.png" sizes="32x32">
9+
10+
<!--Styles for demo application-->
11+
<link href="style.css" rel="stylesheet">
12+
</head>
13+
14+
<body>
15+
<div class="container-fluid">
16+
<div class="row">
17+
<div class="col rightCol">
18+
<div>---------From File---------</div>
19+
<a href="#" onclick="HaveScanAppEvent('appendfromfile')">Append from file</a><br>
20+
<a href="#" onclick="HaveScanAppEvent('insertbeforecurrentpage')">Insert before page</a><br>
21+
<a href="#" onclick="HaveScanAppEvent('insertaftercurrentpage')">Insert after page</a><br>
22+
<a href="#" onclick="HaveScanAppEvent('replacecurrentpage')">Replace current page</a><br>
23+
<a href="#" onclick="HaveScanAppEvent('appendfromfolder')">Append from folder</a><br>
24+
<div>-------From Scanner-------</div>
25+
<a href="#" onclick="HaveScanAppEvent('selectscanner')">Select scanner device</a><br>
26+
<a href="#" onclick="HaveScanAppEvent('append')">Append from scanner</a><br>
27+
<a href="#" onclick="HaveScanAppEvent('insertbefore')">Insert before page</a><br>
28+
<a href="#" onclick="HaveScanAppEvent('insertafter')">Insert after page</a><br>
29+
<a href="#" onclick="HaveScanAppEvent('replace')">Replace current page</a><br>
30+
<div>------Transformations------</div>
31+
<a href="#" onclick="HaveScanAppEvent('invertimage')">Invert image</a><br>
32+
<a href="#" onclick="HaveScanAppEvent('blackandwhite')">Black & white</a><br>
33+
<a href="#" onclick="HaveScanAppEvent('grayimage')">Gray image</a><br>
34+
<a href="#" onclick="HaveScanAppEvent('autodespeckle')">Auto despeckle</a><br>
35+
<a href="#" onclick="HaveScanAppEvent('rotate')">Rotate image</a><br>
36+
<div>------Enhancements------</div>
37+
<a href="#" onclick="HaveScanAppEvent('imageenhance', 'brightness')">Brightness</a><br>
38+
<a href="#" onclick="HaveScanAppEvent('imageenhance', 'contrast')">Contrast</a><br>
39+
<a href="#" onclick="HaveScanAppEvent('imageenhance', 'smoothing')">Smoothing</a><br>
40+
<a href="#" onclick="HaveScanAppEvent('imageenhance', 'dilate')">Dilate</a><br>
41+
<a href="#" onclick="HaveScanAppEvent('imageenhance', 'erode')">Erode</a><br>
42+
<a href="#" onclick="HaveScanAppEvent('imageenhance', 'sharpen')">Sharpen</a><br>
43+
<a href="#" onclick="HaveScanAppEvent('imageenhance', 'removeborder')">Remove border</a><br>
44+
<div>-------Annotations-------</div>
45+
<a href="#" onclick="HaveScanAppEvent('extract')">Crop & append</a><br>
46+
<a href="#" onclick="HaveScanAppEvent('cropopenimage')">Crop & open image</a><br>
47+
<a href="#" onclick="HaveScanAppEvent('textannotate')">Text annotate</a><br>
48+
<a href="#" onclick="HaveScanAppEvent('fillcolor')">Fill color inside</a><br>
49+
<a href="#" onclick="HaveScanAppEvent('fillcoloroutside')">Fill color outside</a><br>
50+
<a href="#" onclick="HaveScanAppEvent('autodeskew')">Auto deskew</a><br>
51+
<div>--------Zoom/Pan--------</div>
52+
<a href="#" onclick="HaveScanAppEvent('zoomfactor')">Set zoom factor</a><br>
53+
<a href="#" onclick="HaveScanAppEvent('zoommouse')">Set zoom mouse</a><br>
54+
<a href="#" onclick="HaveScanAppEvent('panmouse')">Set pan mouse</a><br>
55+
<a href="#" onclick="HaveScanAppEvent('maginifier')">Set magnifier</a><br>
56+
<a href="#" onclick="HaveScanAppEvent('resetmousetool')">Reset mouse tool</a>
57+
<div>--------Information--------</div>
58+
<a href="#" onclick="HaveScanAppEvent('currentpgbpp')">Show current page bpp</a>
59+
<a href="#" onclick="HaveScanAppEvent('currentimageinfo')">Show current image info</a><br>
60+
<a href="#" onclick="HaveScanAppEvent('allfileinfo')">Show all file info</a><br>
61+
<a href="#" onclick="HaveScanAppEvent('setpageattr')">Set Page Attribute</a><br>
62+
<a href="#" onclick="HaveScanAppEvent('getpageattr')">Get Page Attribute</a><br>
63+
<a href="#" onclick="HaveScanAppEvent('licenseinfo')">Get license info</a><br>
64+
<div>-------Remove Page-------</div>
65+
<a href="#" onclick="HaveScanAppEvent('discard')">Discard current page</a><br>
66+
<a href="#" onclick="HaveScanAppEvent('discardall')">Discard all page</a><br>
67+
<div>-------Output Build-------</div>
68+
<a href="#" onclick="HaveScanAppEvent('saveoutput')">Save normal tif</a><br>
69+
<a href="#" onclick="HaveScanAppEvent('imagestamping')">Save stamped tif</a><br>
70+
<a href="#" onclick="HaveScanAppEvent('filenamesize')">Get file name & size</a><br>
71+
<a href="#" onclick="HaveScanAppEvent('print')">Print current page</a><br>
72+
<div>----Upload/Download----</div>
73+
<a href="#" onclick="DownloadToViewer(true, true)">Download to viewer</a><br>
74+
<a href="#" onclick="UploadImage()">Upload from viewer</a><br>
75+
<div>----HttpTwain Installer----</div>
76+
<a href="#" onclick="HaveScanAppEvent('downloadinstaller')">Download twain installer</a>
77+
<a href="#" onclick="HaveScanAppEvent('triggerservice')">Trigger service from web</a><br>
78+
<div>-------Second Viewer------</div>
79+
<a href="#" onclick="loadNewViewerInstance()">Open viewer instance</a><br>
80+
<div>-------Documentation------</div>
81+
<a href="build/documentation.html" target="_blank">Open Documentation</a><br>
82+
</div>
83+
84+
<div class="col-10">
85+
<div id="ImgViewerRoot"></div>
86+
<div id="ImgViewerRoot2"></div>
87+
<div id="imginfocontent">
88+
<h6>Current Image Information</h6>
89+
<table>
90+
<thead>
91+
<tr id="setimageinfoheader">
92+
</tr>
93+
</thead>
94+
<tbody>
95+
<tr id="setimageinfodata">
96+
</tr>
97+
</tbody>
98+
</table>
99+
</div>
100+
<div id="fileinfocontent">
101+
<h6>Appended File Information</h6>
102+
<table>
103+
<thead>
104+
<tr id="setfileinfoheader">
105+
</tr>
106+
</thead>
107+
<tbody id="setfileinfodata">
108+
</tbody>
109+
</table>
110+
</div>
111+
</div>
112+
113+
</div>
114+
</div>
115+
116+
<div id="uinput" style="position:absolute;left:17%;top:270px;z-index:150;display:none;width:450px;">
117+
<form id="formuInput" name="formuInput">
118+
<table class="tableCenter" style="width:100%;">
119+
<tr>
120+
<td colspan="5" class="dataTableHeading">Extract option</td>
121+
</tr>
122+
<tr>
123+
<td class="filterRowInfoText"><input type="radio" id="radio" name="optvals" value="append" /> Append
124+
</td>
125+
<td class="filterRowInfoText"><input type="radio" id="radio2" name="optvals" value="insertbefore" />
126+
InsertBefore</td>
127+
<td class="filterRowInfoText"><input type="radio" id="radio3" name="optvals" value="insertafter" />
128+
InsertAfter
129+
</td>
130+
<td class="filterRowInfoText"><input type="radio" id="optval" name="optvals" value="overwrite" />
131+
Overwrite
132+
</td>
133+
<td class="filterRowInfoText">
134+
<input type="button" class="button" id="uinputok" name="uinputok" value="Ok"
135+
onclick="CloseUserInput(1)">
136+
<input type="button" class="button" id="uinputcancel" name="uinputcancel" value="Cancel"
137+
onclick="CloseUserInput(0)">
138+
</td>
139+
</tr>
140+
</table>
141+
</form>
142+
</div>
143+
144+
<div id="zoominput" style="position:absolute;left:17%;top:270px;z-index:150;display:none;width:450px;">
145+
<form id="zoomuInput" name="zoomuInput">
146+
<table class="tableCenter" style="width:100%;">
147+
<tr>
148+
<td colspan="7" class="dataTableHeading">Zoom Factor with zoom</td>
149+
</tr>
150+
<tr>
151+
<td class="filterRowInfoText"><input type="radio" id="radio" name="zoomvals" value="0" /> 0%
152+
</td>
153+
<td class="filterRowInfoText"><input type="radio" id="radio" name="zoomvals" value="50" /> 50%
154+
</td>
155+
<td class="filterRowInfoText"><input type="radio" id="radio1" name="zoomvals" value="100" />
156+
100%</td>
157+
<td class="filterRowInfoText"><input type="radio" id="radio2" name="zoomvals" value="150" />
158+
150%
159+
</td>
160+
<td class="filterRowInfoText"><input type="radio" id="radio3" name="zoomvals" value="200" />
161+
200%
162+
</td>
163+
<td class="filterRowInfoText"><input type="radio" id="radio4" name="zoomvals" value="300" />
164+
300%
165+
</td>
166+
<td class="filterRowInfoText">
167+
<input type="button" class="button" id="zinputok" name="zinputok" value="Ok"
168+
onclick="CloseZoomInput(1)">
169+
<input type="button" class="button" id="zinputcancel" name="zinputcancel" value="Reset"
170+
onclick="CloseZoomInput(0)">
171+
</td>
172+
</tr>
173+
</table>
174+
</form>
175+
</div>
176+
177+
<div id="textannotati" style="position:absolute;left:18%;top:268px;z-index:150;display:none;width:420px;">
178+
<form>
179+
<table class="tableCenter" style="width:100%;">
180+
<tr>
181+
<td colspan="5" class="dataTableHeading">Annotation Text</td>
182+
</tr>
183+
<tr>
184+
<td class="filterRowInfoText"><input type="text" id="textannotatvali" maxlength="20"
185+
onkeyup="checkForTextLength()" /></td>
186+
<td class="filterRowInfoText">
187+
<input type="button" class="button" id="textannotatoki" name="textannotatoki" value="Ok"
188+
onclick="closeTextAnnotate(1)">
189+
<input type="button" class="button" id="textannotatcanceli" name="textannotatcanceli"
190+
value="Cancel" onclick="closeTextAnnotate(0)">
191+
</td>
192+
</tr>
193+
</table>
194+
</form>
195+
</div>
196+
197+
<!-- QuickCapture main Library & Viewer -->
198+
<script src="./build/QuickCapture.js"></script>
199+
200+
<!-- Support script for UI notifications -->
201+
<script src="notific.js"></script>
202+
203+
<!--Demo application implentation scripts-->
204+
<script src="script.js"></script>
205+
</body>
206+
207+
</html>

‎notific.js‎

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)