LicenseParser/index.html at master · ketaro/LicenseParser · 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
<html>
<body>

<table border="0" width="100%">
  <tr>
     <td>
        <h3>Input</h3>
        <textarea id="textin" cols="80" rows="10"></textarea>


        <h3>Console</h3>
        <textarea id="keycodes" cols="80" rows="20" wrap="soft"></textarea>
     </td>
     <td valign="top">
         <h3>Scanned Data</h3>

         <p>
             <label>First, Middle, Last</label><br/>
             <input id="firstname" type="text" name="firstname" size="15" placeholder="First Name" />
             <input id="middlename" type="text" name="middlename" size="15" placeholder="Middle Name" />
             <input id="lastname" type="text" name="lastname" size="20" placeholder="Last Name" />
         </p>

         <p>
             <label>Full Name</label><br/>
             <input id="fullname" type="text" name="fullname" size="40" placeholder="Full Name" /><br/>
         </p>

         <p>
             <label>Address</label><br/>
             <input id="address1" type="text" name="address1" size="30" placeholder="Address Line 1" /><br/>
             <input id="address2" type="text" name="address2" size="30" placeholder="Address Line 2" /><br/>
             <input id="city" type="text" name="city" size="20" placeholder="City" />,
             <input id="state" type="text" name="state" size="8" placeholder="State" />
             <input id="zip" type="text" name="zip" size="12" placeholder="Postal Code" />
         </p>

         <p>
             <label>DOB</label><br/>
             <input id="dob" type="text" name="dob" size="15" placeholder="MMDDCCYY" />
         </p>

         <p>
             <label>Password</label><br/>
             <input id="passwd" type="password" name="passwd" size="15" placeholder="not captured" />
         </p>
     </td>
  </tr>
</table>


<script type="text/javascript" src="licenseparser.js"></script>
<script type="text/javascript">

    var console_field = document.getElementById( 'keycodes' );

    function scanCallback(data) {
        console.log(data);
        document.getElementById('firstname').value  = data['first_name'];
        document.getElementById('middlename').value = data['middle_name'];
        document.getElementById('lastname').value   = data['last_name'];
        document.getElementById('fullname').value   = data['full_name'];
        document.getElementById('address1').value   = data['address_1'];
        document.getElementById('address2').value   = data['address_2'] || "";
        document.getElementById('city').value       = data['city'];
        document.getElementById('state').value      = data['state'];
        document.getElementById('zip').value        = data['postal_code'];
        document.getElementById('dob').value        = data['dob'];
    };

    function logToConsoleField(txt) {
        console_field.value += txt;
        console_field.scrollTop = console_field.scrollHeight;
    }

    // Initalize the license parser library and pass a callback function
    // to be called after a completed scan
    licenseParser.init();
    licenseParser.doneCaptureCallback = scanCallback;
    licenseParser.log = logToConsoleField;

// -->
</script>


</body>
</html>