Ecommerce - Orders
Order manage and track orders!
65,000
Delivered
<a class="dashboard-stat bg-success" href="#">
<span class="number counter">65,000</span>
<span class="name">Delivered</span>
<span class="bg-icon"><i class="fa fa-check"></i></span>
</a>
<!-- /.dashboard-stat -->
<!-- ========== JS ========== -->
<script>
$(function(){
$('.counter').counterUp();
});
</script>
1,200
Pending
<a class="dashboard-stat bg-info" href="#">
<span class="number counter">1,200</span>
<span class="name">Pending</span>
<span class="bg-icon"><i class="fa fa-hourglass-half"></i></span>
</a>
<!-- /.dashboard-stat -->
<!-- ========== JS ========== -->
<script>
$(function(){
$('.counter').counterUp();
});
</script>
125
On Hold
<a class="dashboard-stat bg-warning" href="#">
<span class="number counter">125</span>
<span class="name">On Hold</span>
<span class="bg-icon"><i class="fa fa-exclamation-triangle"></i></span>
</a>
<!-- /.dashboard-stat -->
<!-- ========== JS ========== -->
<script>
$(function(){
$('.counter').counterUp();
});
</script>
5
Not Delivered
<a class="dashboard-stat bg-danger" href="#">
<span class="number counter">5</span>
<span class="name">Not Delivered</span>
<span class="bg-icon"><i class="fa fa-times"></i></span>
</a>
<!-- /.dashboard-stat -->
<!-- ========== JS ========== -->
<script>
$(function(){
$('.counter').counterUp();
});
</script>
List Of Order
Order # | Purchased On | Customer | Purchased Price | Location | Status | Action | |
---|---|---|---|---|---|---|---|
61 | 2011/04/25 | Tiger Nixon | tiger@yahoo.com | $320,800 | New York | Pending | |
60 | 2011/07/25 | Garrett Winters | garrett@gmail.com | $170,750 | Tokyo | On Hold | |
59 | 2016/10/02 | Akshy Winters | akshy@yop.com | $270,750 | Pune | On Hold | |
66 | 2016/10/02 | Ashton Cox | ashton.cox@yahoo.com | $86,000 | San Francisco | Delivered | |
22 | 2012/03/29 | Cedric Kelly | cedric.kelly@gmail.com | $433,060 | San Francisco | Not Delivered | |
33 | 2008/11/28 | Airi Satou | airi25@yahoo.com | $162,700 | Tokyo | Not Delivered | |
39 | 2012/12/02 | Brielle Williamson | brielle89.williamson@yahoo.com | $372,000 | New York | Delivered | |
120 | 2012/08/06 | Herrod Chandler | herrod@yahoo.com | $137,500 | San Francisco | Pending | |
158 | 2015/08/06 | Jiger Chandler | jiger@yahoo.com | $537,500 | NY | Pending | |
168 | 2016/08/06 | Tony Chandler | tony89@yahoo.com | $337,500 | London | On Hold | |
89 | 2016/08/09 | Tony Klen | tony.klen@yahoo.com | $387,500 | NY | Pending | |
Order # | Purchased On | Customer | Purchased Price | Location | Status | Action |
<table id="example" class="display table table-striped table-bordered" cellspacing="0" width="100%">
<thead>
<tr>
<th>Order #</th>
<th>Purchased On</th>
<th>Customer</th>
<th>Email</th>
<th>Purchased Price</th>
<th>Location</th>
<th>Status</th>
<th class="ecomm-action-icon">Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>22</td>
<td>2012/03/29</td>
<td>Cedric Kelly</td>
<td>cedric.kelly@gmail.com</td>
<td>$433,060</td>
<td>San Francisco</td>
<td>
<span class="label label-info label-wide">Pending</span>
</td>
<td>
<button type="button" class="btn btn-success btn-xs btn-labeled">Approve<span class="btn-label btn-label-right"><i class="fa fa-check"></i></span></button>
<button type="button" class="btn btn-danger btn-xs btn-labeled">Reject<span class="btn-label btn-label-right"><i class="fa fa-times"></i></span></button>
</td>
</tr>
...
</tbody>
<tfoot>
<tr>
<th>Order #</th>
<th>Purchased On</th>
<th>Customer</th>
<th>Email</th>
<th>Purchased Price</th>
<th>Location</th>
<th>Status</th>
<th class="ecomm-action-icon">Action</th>
</tr>
</tfoot>
</table>
<!-- ========== JS ========== -->
<script>
$(function($) {
$('#example').DataTable();
});
</script>