-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAdminHome.html
142 lines (132 loc) · 5.82 KB
/
AdminHome.html
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<title>Admin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/css?family=Inconsolata|Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript" src="script/AdminHome.js"></script>
<!-- ===============Verify Token============== -->
<script type="text/javascript" src="script/verifyToken.js"></script>
<!--=============Date Picker================ -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body onload="verify(localStorage.Role)">
<div class="Header clear">
<h2>Invoice Tracker</h2>
</div>
<div class="main_body">
<div class="sideBar ">
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#">Create Invoice</a></li>
<li><a href="AdminView.html">View Invoice</a></li>
<li><a onclick="logout()" >Logout</a></li>
</ul>
</div>
<div class="body_cont">
<div class="invoice_header clear">
<h2>Create Invoice</h2>
</div>
<div class="invoice_cont clear">
<div id="warning_section">
<div class="alert alert-success alert-dismissable fade in" id="success">
<a onclick="$('.alert').hide()" class="close" aria-label="close">×</a>
<span class="glyphicon glyphicon-ok-circle"></span> <strong>Success!</strong> Invoice Generated!
</div>
<div class="alert alert-danger alert-dismissable fade in" id="err">
<a href="#" class="close" onclick="$('.alert').hide()" aria-label="close">×</a>
<span class='glyphicon glyphicon-ban-circle'></span> <span id = "warning"> </span>
</div>
</div>
<form name="create_invoice" method="post">
<div class="row">
<div class="col-sm-6">
<p>Invoice No.</p>
<input type="text" placeholder="Invoice No." name="invoice_no" disabled="disabled"><br>
<!-- <p>Customer Name</p> -->
<select name="cname" id="cnameDroplist">
<option value="" selected disabled>Customer Name</option>
</select><br>
<!-- <p>Currency</p> -->
<select name="currency" style="background-color:#fcfcfc">
<option value="" selected disabled>Currency</option>
<option value="USD">USD</option>
<option value="EUR">EUR</option>
<option value="INR">INR</option>
</select>
</div>
<div class="col-sm-6">
<div class="rows dates" >
<div class="col-sm-6">
<p>Date of Issue</p>
<input type="text" id="datepicker" title="Date of Issue" placeholder="Date of Issue" name="doi">
</div>
<div class="col-sm-6">
<p>Due Date</p>
<input type="text" id="datepicker2" placeholder="Due Date" name="dueDate">
</div>
</div>
<p>Address </p>
<input type="text" placeholder="Address" name="address"> <br>
<div class="rows dates" >
<div class="col-sm-6" >
<input type="text" placeholder="City" name="city">
</div>
<div class="col-sm-6">
<input type="text" placeholder="State" name="state">
</div>
</div>
<input type="number" placeholder="Zip code" name="zip" title="Enter Valid Zip code">
<input type="text" placeholder="Country" name="country">
<div class="pull-right">
<button type="button" class="btn btn-default" id="editAddress" title="Edit Address"><span class="glyphicon glyphicon-edit" ></span> Edit </button>
<button type="button" id="saveAddress" class="btn btn-default"><span class="glyphicon glyphicon-floppy-save"></span> Save </button>
<button type="button" id="cancelAddress" class="btn btn-danger"> <span class="glyphicon glyphicon-remove"></span> Cancel</button>
</div>
</div>
</div>
<hr>
<div class="invoiceList ">
<table class ="table" id="invoiceList" >
<thead>
<tr>
<th id="no">#</th>
<th id="item">Item</th>
<th id="desc">Description</th>
<th id="qty">Qty</th>
<th id="unitp">Unit Price</th>
<th id="total">Total</th>
<th id="rm-row"></th>
</tr>
</thead>
<tbody id='list'>
<tr></tr>
</tbody>
</table>
</div>
<div class="rows">
<div class="col-sm-6">
<button type="button" onclick=" return rowLimit()" class="btn btn-default btn-sm addRow">
<span class="glyphicon glyphicon-plus"></span> Add Row
</button>
<button type="button" onclick="resetList()" class="btn btn-danger reset"> <span class="glyphicon glyphicon-remove"></span> Reset</button>
</div>
<div class="col-sm-6">
<h4 class="mainTot">Sub-Total : <span id="subtotal">0.00</span></h4>
<h3 class="mainTot">Total : <span id="mainTot">0.00</span></h3>
<button type="button" onclick="submitValidation()" class="btn btn-primary submit clear " >SUBMIT</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="footer clear"> © Arjun Sreedhar </div>
</body>
</html>