|
21 | 21 | <script type="text/javascript" src="js/lightbox.js"></script> |
22 | 22 | <script type="text/javascript" src="js/sticky-nav.js"></script> |
23 | 23 | <script type="text/javascript" src="js/script.js"></script> |
| 24 | + <script src="js/jquery.circliful.min.js"></script> |
24 | 25 | </head> |
25 | 26 |
|
26 | 27 | <body> |
|
86 | 87 | </div> |
87 | 88 | <div class="collapsible-body"> |
88 | 89 | <div class="row"> |
| 90 | + <div class="col s12"> |
| 91 | + <div class="col s6"> |
| 92 | + <p><b>Auto Settings</b></p> |
| 93 | + </div> |
| 94 | + <div class="col s6"> |
| 95 | + <div class="switch"> |
| 96 | + <label> |
| 97 | + Off |
| 98 | + <input type="checkbox" id="auto_settings" checked="checked"> |
| 99 | + <span class="lever"></span> |
| 100 | + On |
| 101 | + </label> |
| 102 | + </div> |
| 103 | + </div> |
| 104 | + </div> |
89 | 105 | <div class="col s6"> |
90 | 106 | <p class="special">Techniques</p> |
91 | 107 | </div> |
92 | 108 | <div class="input-field col s12"> |
93 | | - <select> |
94 | | - <option value="" disabled selected></option> |
95 | | - <option value="1">Conventional</option> |
96 | | - <option value="2">Gaussian</option> |
97 | | - <option value="3">Median</option> |
| 109 | + <select id="blur_technique" disabled class="text-extract-settings"> |
| 110 | + <option value="normal">Conventional</option> |
| 111 | + <option value="gaussian">Gaussian</option> |
| 112 | + <option value="median" selected="selected">Median</option> |
98 | 113 | </select> |
99 | 114 | <label>Blur Technique</label> |
100 | 115 | </div> |
101 | 116 | <div class="input-field col s12"> |
102 | | - <select> |
103 | | - <option value="" disabled selected></option> |
104 | | - <option value="1">Adaptive</option> |
105 | | - <option value="2">Otsu</option> |
| 117 | + <select id="threshold_technique" disabled class="text-extract-settings"> |
| 118 | + <option value="adaptive" selected="selected">Adaptive</option> |
| 119 | + <option value="otsu">Otsu</option> |
106 | 120 | </select> |
107 | 121 | <label>Threshold Technique</label> |
108 | 122 | </div> |
|
117 | 131 | <div class="switch"> |
118 | 132 | <label> |
119 | 133 | No |
120 | | - <input type="checkbox" checked="checked"> |
| 134 | + <input type="checkbox" id="profile_switch" disabled class="text-switch text-extract-settings"> |
121 | 135 | <span class="lever"></span> |
122 | 136 | Yes |
123 | 137 | </label> |
|
133 | 147 | <div class="switch"> |
134 | 148 | <label> |
135 | 149 | No |
136 | | - <input type="checkbox" checked="checked"> |
| 150 | + <input type="checkbox" id="barcode_switch" disabled class="text-switch text-extract-settings"> |
137 | 151 | <span class="lever"></span> |
138 | 152 | Yes |
139 | 153 | </label> |
|
150 | 164 | <div class="switch"> |
151 | 165 | <label> |
152 | 166 | No |
153 | | - <input type="checkbox"> |
| 167 | + <input type="checkbox" disabled id="extract_red" class="text-switch channel_extractors text-extract-settings"> |
154 | 168 | <span class="lever"></span> |
155 | 169 | Yes |
156 | 170 | </label> |
|
163 | 177 | <div class="switch"> |
164 | 178 | <label> |
165 | 179 | No |
166 | | - <input type="checkbox"> |
| 180 | + <input type="checkbox" id="extract_green" class="text-switch channel_extractors text-extract-settings" disabled> |
167 | 181 | <span class="lever"></span> |
168 | 182 | Yes |
169 | 183 | </label> |
|
176 | 190 | <div class="switch"> |
177 | 191 | <label> |
178 | 192 | No |
179 | | - <input type="checkbox"> |
| 193 | + <input type="checkbox" id="extract_blue" class="text-switch channel_extractors text-extract-settings" disabled> |
180 | 194 | <span class="lever"></span> |
181 | 195 | Yes |
182 | 196 | </label> |
|
300 | 314 | <input class="file-path validate" type="text"> |
301 | 315 | </div> |
302 | 316 | </div> |
| 317 | + <div class="col s12 l6 offset-l6 input-field"> |
| 318 | + <i class=" material-icons prefix fa fa-id-badge" aria-hidden="true"></i> |
| 319 | + <select id="id-type-extract"> |
| 320 | + <option value="default" selected>DEFAULT</option> |
| 321 | + <option value="idbook">ID BOOK</option> |
| 322 | + <option value="idcard">ID CARD</option> |
| 323 | + <option value="studentcard">STUDENT CARD</option> |
| 324 | + </select> |
| 325 | + <label for="id-type-extract">Identification Type</label> |
| 326 | + </div> |
303 | 327 | </div> |
304 | 328 | </div> |
305 | 329 | </div> |
|
518 | 542 | </div> |
519 | 543 | </div> |
520 | 544 | </div> |
| 545 | + <div class="col s12 l6 offset-l6 input-field"> |
| 546 | + <i class=" material-icons prefix fa fa-id-badge" aria-hidden="true"></i> |
| 547 | + <select id="id-type-verify"> |
| 548 | + <option value="default" selected>DEFAULT</option> |
| 549 | + <option value="idbook">ID BOOK</option> |
| 550 | + <option value="idcard">ID CARD</option> |
| 551 | + <option value="studentcard">STUDENT CARD</option> |
| 552 | + </select> |
| 553 | + <label for="id-type-verify">Identification Type</label> |
| 554 | + </div> |
521 | 555 | </div> |
522 | 556 | </div> |
523 | 557 | </div> |
|
541 | 575 | <div class="card"> |
542 | 576 | <div class="card-content"> |
543 | 577 | <div class="pipe-gallery"> |
544 | | - <div class="pipeline"> |
| 578 | + <div id="text-pipe" class="pipeline"> |
545 | 579 | <!-- Example --> |
546 | 580 | <!--<a href="img/output/cannay.png" data-lightbox="pipelet-slide">--> |
547 | 581 | <!--<div class="pipe-slide" |
|
571 | 605 | <div class="card"> |
572 | 606 | <div class="card-content"> |
573 | 607 | <div class="pipe-gallery"> |
574 | | - <div class="pipeline"> |
| 608 | + <div id="profile-pipe" class="pipeline"> |
575 | 609 | </div> |
576 | 610 | </div> |
577 | 611 | </div> |
|
747 | 781 | </div> |
748 | 782 | </div> |
749 | 783 | <!-- End result modal --> |
750 | | - |
751 | 784 | </ul> |
752 | 785 | </div> |
| 786 | + |
| 787 | + <!-- Loader overlay --> |
| 788 | + <div class="loader-overlay" style="display: none"> |
| 789 | + <div class="row center-align spinner"> |
| 790 | + <div class="preloader-wrapper big active"> |
| 791 | + <div class="spinner-layer spinner-teal-only"> |
| 792 | + <div class="circle-clipper left"> |
| 793 | + <div class="circle"></div> |
| 794 | + </div><div class="gap-patch"> |
| 795 | + <div class="circle"></div> |
| 796 | + </div><div class="circle-clipper right"> |
| 797 | + <div class="circle"></div> |
| 798 | + </div> |
| 799 | + </div> |
| 800 | + </div> |
| 801 | + <div> |
| 802 | + <p>Extracting...</p> |
| 803 | + </div> |
| 804 | + </div> |
| 805 | + </div> |
| 806 | + <!-- End Loader overlay --> |
| 807 | + |
753 | 808 | </main> |
754 | 809 |
|
755 | 810 | <footer class="page-footer"> |
|
0 commit comments