add vonig modal on load to create client object from user input
[omsmith/pos-js.git] / www / index.html
1 <!DOCTYPE html>
2 <html lang="en">
3         <head>
4                 <meta charset="utf-8">
5                 <title>Project name</title>
6                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7                 <meta name="description" content="">
8                 <meta name="author" content="">
9
10                 <!-- Le styles -->
11                 <link href="assets/css/screen.css" rel="stylesheet">
12         </head>
13
14         <body>
15
16                 <div id="root">
17
18                         <div class="container">
19
20                                 <table class="table table-striped">
21                                         <thead>
22                                                 <tr>
23                                                         <th class="span5">Name</th>
24                                                         <th class="span1">Size</th>
25                                                         <th class="span1">Quantity</th>
26                                                         <th class="span1">Price</th>
27                                                         <th class="span1"></th>
28                                                 </tr>
29                                         </thead>
30                                         <tbody>
31                                                 <tr id="total-row"><td/><td/><td/><td id="total">$0.00</td><td/></tr>
32                                         </tbody>
33                                 </table>
34
35                         </div> <!-- /container -->
36
37                         <div id="root_footer"></div>
38                 </div> <!-- /root -->
39
40                 <footer id="footer">
41                         <div class="container">
42
43                                 <input type="text" name="upc" maxlength="12" placeholder="UPC-A" title="UPC-A" tabindex="0" />
44
45                                 <a class="btn btn-success pull-right" href="#checkout-modal" role="button" data-toggle="modal">
46                                         <i class="icon-shopping-cart"></i> Checkout
47                                 </a>
48                         </div> <!-- /container -->
49                 </footer>
50
51                 <div id="checkout-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="checkout-modal-label" aria-hidden="true">
52                         <div class="modal-header">
53                                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
54                                 <h3 id="checkout-modal-label">Checkout</h3>
55                         </div>
56                         <div class="modal-body">
57                                 <input type="text"  class="span6" name="card-number" placeholder="Swipe card for checkout..." title="Swipe card for checkout" />
58                         </div>
59                         <div class="modal-footer">
60                         </div>
61                 </div>
62
63                 <div id="config-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="config-modal-label" aria-hidden="true" data-backdrop="static" data-keyboard="false" data-show="true">
64                         <div class="modal-header">
65                                 <h3 id="config-modal-label">Configuration</h3>
66                         </div>
67                         <div class="modal-body">
68                                 <input type="password" class="span6" name="auth-key" placeholder="Authorization key" title="Authorization key" />
69                                 <input type="text" class="span6" name="sever-location" placeholder="Server location" title="Server location" />
70                         </div>
71                         <div class="modal-footer">
72                                 <a href="#" id="save-config" class="btn btn-primary" data-dismiss="modal">Save</a>
73                         </div>
74                 </div>
75
76                 <!-- js included here -->
77                 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
78                 <script src="assets/js/jquery.formatCurrency-1.4.0.min.js"></script>
79                 <script src="assets/js/bootstrap.min.js"></script>
80                 <script src="assets/js/thrift.js"></script>
81                 <script src="assets/js/pos_types.js"></script>
82                 <script src="assets/js/Pos.js"></script>
83                 <script src="assets/js/client.js"></script>
84                 <script src="assets/js/ui.js"></script>
85
86         </body>
87 </html>