|
|
@@ -89,6 +89,724 @@
|
|
|
<!-- /.col -->
|
|
|
</div>
|
|
|
<!-- /.row -->
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <h5 class="card-title">Monthly Recap Report</h5>
|
|
|
+
|
|
|
+ <div class="card-tools">
|
|
|
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
|
|
|
+ <i class="fas fa-minus"></i>
|
|
|
+ </button>
|
|
|
+ <div class="btn-group">
|
|
|
+ <button type="button" class="btn btn-tool dropdown-toggle" data-bs-toggle="dropdown">
|
|
|
+ <i class="fas fa-wrench"></i>
|
|
|
+ </button>
|
|
|
+ <div class="dropdown-menu dropdown-menu-right" role="menu">
|
|
|
+ <a href="#" class="dropdown-item">Action</a>
|
|
|
+ <a href="#" class="dropdown-item">Another action</a>
|
|
|
+ <a href="#" class="dropdown-item">Something else here</a>
|
|
|
+ <a class="dropdown-divider"></a>
|
|
|
+ <a href="#" class="dropdown-item">Separated link</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
|
|
|
+ <i class="fas fa-times"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- /.card-header -->
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-8">
|
|
|
+ <p class="text-center">
|
|
|
+ <strong>Sales: 1 Jan, 2014 - 30 Jul, 2014</strong>
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="chart">
|
|
|
+ <!-- Sales Chart Canvas -->
|
|
|
+ <canvas id="salesChart" style="height: 180px;"></canvas>
|
|
|
+ </div>
|
|
|
+ <!-- /.chart-responsive -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+ <div class="col-md-4">
|
|
|
+ <p class="text-center">
|
|
|
+ <strong>Goal Completion</strong>
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="progress-group">
|
|
|
+ Add Products to Cart
|
|
|
+ <span class="float-end"><b>160</b>/200</span>
|
|
|
+ <div class="progress progress-sm">
|
|
|
+ <div class="progress-bar bg-primary" style="width: 80%"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- /.progress-group -->
|
|
|
+
|
|
|
+ <div class="progress-group">
|
|
|
+ Complete Purchase
|
|
|
+ <span class="float-end"><b>310</b>/400</span>
|
|
|
+ <div class="progress progress-sm">
|
|
|
+ <div class="progress-bar bg-danger" style="width: 75%"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- /.progress-group -->
|
|
|
+ <div class="progress-group">
|
|
|
+ <span class="progress-text">Visit Premium Page</span>
|
|
|
+ <span class="float-end"><b>480</b>/800</span>
|
|
|
+ <div class="progress progress-sm">
|
|
|
+ <div class="progress-bar bg-success" style="width: 60%"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- /.progress-group -->
|
|
|
+ <div class="progress-group">
|
|
|
+ Send Inquiries
|
|
|
+ <span class="float-end"><b>250</b>/500</span>
|
|
|
+ <div class="progress progress-sm">
|
|
|
+ <div class="progress-bar bg-warning" style="width: 50%"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- /.progress-group -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+ </div>
|
|
|
+ <!-- /.row -->
|
|
|
+ </div>
|
|
|
+ <!-- ./card-body -->
|
|
|
+ <div class="card-footer">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-sm-3 col-6">
|
|
|
+ <div class="description-block border-end">
|
|
|
+ <span class="description-percentage text-success"><i class="fas fa-caret-up"></i> 17%</span>
|
|
|
+ <h5 class="description-header">$35,210.43</h5>
|
|
|
+ <span class="description-text">TOTAL REVENUE</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.description-block -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+ <div class="col-sm-3 col-6">
|
|
|
+ <div class="description-block border-end">
|
|
|
+ <span class="description-percentage text-purple"><i class="fas fa-caret-left"></i> 0%</span>
|
|
|
+ <h5 class="description-header">$10,390.90</h5>
|
|
|
+ <span class="description-text">TOTAL COST</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.description-block -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+ <div class="col-sm-3 col-6">
|
|
|
+ <div class="description-block border-end">
|
|
|
+ <span class="description-percentage text-success"><i class="fas fa-caret-up"></i> 20%</span>
|
|
|
+ <h5 class="description-header">$24,813.53</h5>
|
|
|
+ <span class="description-text">TOTAL PROFIT</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.description-block -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+ <div class="col-sm-3 col-6">
|
|
|
+ <div class="description-block">
|
|
|
+ <span class="description-percentage text-danger"><i class="fas fa-caret-down"></i> 18%</span>
|
|
|
+ <h5 class="description-header">1200</h5>
|
|
|
+ <span class="description-text">GOAL COMPLETIONS</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.description-block -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- /.row -->
|
|
|
+ </div>
|
|
|
+ <!-- /.card-footer -->
|
|
|
+ </div>
|
|
|
+ <!-- /.card -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+ </div>
|
|
|
+ <!-- /.row -->
|
|
|
+
|
|
|
+ <!-- Main row -->
|
|
|
+ <div class="row">
|
|
|
+ <!-- Left col -->
|
|
|
+ <div class="col-md-8">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-6">
|
|
|
+ <!-- DIRECT CHAT -->
|
|
|
+ <div class="card direct-chat direct-chat-warning">
|
|
|
+ <div class="card-header">
|
|
|
+ <h3 class="card-title">Direct Chat</h3>
|
|
|
+
|
|
|
+ <div class="card-tools">
|
|
|
+ <span title="3 New Messages" class="badge bg-warning">3</span>
|
|
|
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
|
|
|
+ <i class="fas fa-minus"></i>
|
|
|
+ </button>
|
|
|
+ <button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
|
|
|
+ <i class="fas fa-comments"></i>
|
|
|
+ </button>
|
|
|
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
|
|
|
+ <i class="fas fa-times"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- /.card-header -->
|
|
|
+ <div class="card-body">
|
|
|
+ <!-- Conversations are loaded here -->
|
|
|
+ <div class="direct-chat-messages">
|
|
|
+ <!-- Message. Default to the start -->
|
|
|
+ <div class="direct-chat-msg">
|
|
|
+ <div class="direct-chat-infos clearfix">
|
|
|
+ <span class="direct-chat-name float-start">Alexander Pierce</span>
|
|
|
+ <span class="direct-chat-timestamp float-end">23 Jan 2:00 pm</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-infos -->
|
|
|
+ <img class="direct-chat-img" src="./assets/img/AdminLTELogo.png" alt="message user image">
|
|
|
+ <!-- /.direct-chat-img -->
|
|
|
+ <div class="direct-chat-text">
|
|
|
+ Is this template really for free? That's unbelievable!
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-text -->
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-msg -->
|
|
|
+
|
|
|
+ <!-- Message to the end -->
|
|
|
+ <div class="direct-chat-msg end">
|
|
|
+ <div class="direct-chat-infos clearfix">
|
|
|
+ <span class="direct-chat-name float-end">Sarah Bullock</span>
|
|
|
+ <span class="direct-chat-timestamp float-start">23 Jan 2:05 pm</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-infos -->
|
|
|
+ <img class="direct-chat-img" src="./assets/img/AdminLTELogo.png" alt="message user image">
|
|
|
+ <!-- /.direct-chat-img -->
|
|
|
+ <div class="direct-chat-text">
|
|
|
+ You better believe it!
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-text -->
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-msg -->
|
|
|
+
|
|
|
+ <!-- Message. Default to the start -->
|
|
|
+ <div class="direct-chat-msg">
|
|
|
+ <div class="direct-chat-infos clearfix">
|
|
|
+ <span class="direct-chat-name float-start">Alexander Pierce</span>
|
|
|
+ <span class="direct-chat-timestamp float-end">23 Jan 5:37 pm</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-infos -->
|
|
|
+ <img class="direct-chat-img" src="./assets/img/AdminLTELogo.png" alt="message user image">
|
|
|
+ <!-- /.direct-chat-img -->
|
|
|
+ <div class="direct-chat-text">
|
|
|
+ Working with AdminLTE on a great new app! Wanna join?
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-text -->
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-msg -->
|
|
|
+
|
|
|
+ <!-- Message to the end -->
|
|
|
+ <div class="direct-chat-msg end">
|
|
|
+ <div class="direct-chat-infos clearfix">
|
|
|
+ <span class="direct-chat-name float-end">Sarah Bullock</span>
|
|
|
+ <span class="direct-chat-timestamp float-start">23 Jan 6:10 pm</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-infos -->
|
|
|
+ <img class="direct-chat-img" src="./assets/img/AdminLTELogo.png" alt="message user image">
|
|
|
+ <!-- /.direct-chat-img -->
|
|
|
+ <div class="direct-chat-text">
|
|
|
+ I would love to.
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-text -->
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-msg -->
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <!--/.direct-chat-messages-->
|
|
|
+
|
|
|
+ <!-- Contacts are loaded here -->
|
|
|
+ <div class="direct-chat-contacts">
|
|
|
+ <ul class="contacts-list">
|
|
|
+ <li>
|
|
|
+ <a href="#">
|
|
|
+ <img class="contacts-list-img" src="./assets/img/AdminLTELogo.png" alt="User Avatar">
|
|
|
+
|
|
|
+ <div class="contacts-list-info">
|
|
|
+ <span class="contacts-list-name">
|
|
|
+ Count Dracula
|
|
|
+ <small class="contacts-list-date float-end">2/28/2015</small>
|
|
|
+ </span>
|
|
|
+ <span class="contacts-list-msg">How have you been? I was...</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.contacts-list-info -->
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <!-- End Contact Item -->
|
|
|
+ <li>
|
|
|
+ <a href="#">
|
|
|
+ <img class="contacts-list-img" src="./assets/img/AdminLTELogo.png" alt="User Avatar">
|
|
|
+
|
|
|
+ <div class="contacts-list-info">
|
|
|
+ <span class="contacts-list-name">
|
|
|
+ Sarah Doe
|
|
|
+ <small class="contacts-list-date float-end">2/23/2015</small>
|
|
|
+ </span>
|
|
|
+ <span class="contacts-list-msg">I will be waiting for...</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.contacts-list-info -->
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <!-- End Contact Item -->
|
|
|
+ <li>
|
|
|
+ <a href="#">
|
|
|
+ <img class="contacts-list-img" src="./assets/img/AdminLTELogo.png" alt="User Avatar">
|
|
|
+
|
|
|
+ <div class="contacts-list-info">
|
|
|
+ <span class="contacts-list-name">
|
|
|
+ Nadia Jolie
|
|
|
+ <small class="contacts-list-date float-end">2/20/2015</small>
|
|
|
+ </span>
|
|
|
+ <span class="contacts-list-msg">I'll call you back at...</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.contacts-list-info -->
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <!-- End Contact Item -->
|
|
|
+ <li>
|
|
|
+ <a href="#">
|
|
|
+ <img class="contacts-list-img" src="./assets/img/AdminLTELogo.png" alt="User Avatar">
|
|
|
+
|
|
|
+ <div class="contacts-list-info">
|
|
|
+ <span class="contacts-list-name">
|
|
|
+ Nora S. Vans
|
|
|
+ <small class="contacts-list-date float-end">2/10/2015</small>
|
|
|
+ </span>
|
|
|
+ <span class="contacts-list-msg">Where is your new...</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.contacts-list-info -->
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <!-- End Contact Item -->
|
|
|
+ <li>
|
|
|
+ <a href="#">
|
|
|
+ <img class="contacts-list-img" src="./assets/img/AdminLTELogo.png" alt="User Avatar">
|
|
|
+
|
|
|
+ <div class="contacts-list-info">
|
|
|
+ <span class="contacts-list-name">
|
|
|
+ John K.
|
|
|
+ <small class="contacts-list-date float-end">1/27/2015</small>
|
|
|
+ </span>
|
|
|
+ <span class="contacts-list-msg">Can I take a look at...</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.contacts-list-info -->
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <!-- End Contact Item -->
|
|
|
+ <li>
|
|
|
+ <a href="#">
|
|
|
+ <img class="contacts-list-img" src="./assets/img/AdminLTELogo.png" alt="User Avatar">
|
|
|
+
|
|
|
+ <div class="contacts-list-info">
|
|
|
+ <span class="contacts-list-name">
|
|
|
+ Kenneth M.
|
|
|
+ <small class="contacts-list-date float-end">1/4/2015</small>
|
|
|
+ </span>
|
|
|
+ <span class="contacts-list-msg">Never mind I found...</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.contacts-list-info -->
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <!-- End Contact Item -->
|
|
|
+ </ul>
|
|
|
+ <!-- /.contacts-list -->
|
|
|
+ </div>
|
|
|
+ <!-- /.direct-chat-pane -->
|
|
|
+ </div>
|
|
|
+ <!-- /.card-body -->
|
|
|
+ <div class="card-footer">
|
|
|
+ <form action="#" method="post">
|
|
|
+ <div class="input-group">
|
|
|
+ <input type="text" name="message" placeholder="Type Message ..." class="form-control">
|
|
|
+ <span class="input-group-append">
|
|
|
+ <button type="button" class="btn btn-warning">Send</button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- /.card-footer-->
|
|
|
+ </div>
|
|
|
+ <!--/.direct-chat -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+
|
|
|
+ <div class="col-md-6">
|
|
|
+ <!-- USERS LIST -->
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <h3 class="card-title">Latest Members</h3>
|
|
|
+
|
|
|
+ <div class="card-tools">
|
|
|
+ <span class="badge bg-danger">8 New Members</span>
|
|
|
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
|
|
|
+ <i class="fas fa-minus"></i>
|
|
|
+ </button>
|
|
|
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
|
|
|
+ <i class="fas fa-times"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- /.card-header -->
|
|
|
+ <div class="card-body p-0">
|
|
|
+ <ul class="users-list clearfix">
|
|
|
+ <li>
|
|
|
+ <img src="./assets/img/AdminLTELogo.png" alt="User Image">
|
|
|
+ <a class="users-list-name" href="#">Alexander Pierce</a>
|
|
|
+ <span class="users-list-date">Today</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="./assets/img/AdminLTELogo.png" alt="User Image">
|
|
|
+ <a class="users-list-name" href="#">Norman</a>
|
|
|
+ <span class="users-list-date">Yesterday</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="./assets/img/AdminLTELogo.png" alt="User Image">
|
|
|
+ <a class="users-list-name" href="#">Jane</a>
|
|
|
+ <span class="users-list-date">12 Jan</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="./assets/img/AdminLTELogo.png" alt="User Image">
|
|
|
+ <a class="users-list-name" href="#">John</a>
|
|
|
+ <span class="users-list-date">12 Jan</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="./assets/img/AdminLTELogo.png" alt="User Image">
|
|
|
+ <a class="users-list-name" href="#">Alexander</a>
|
|
|
+ <span class="users-list-date">13 Jan</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="./assets/img/AdminLTELogo.png" alt="User Image">
|
|
|
+ <a class="users-list-name" href="#">Sarah</a>
|
|
|
+ <span class="users-list-date">14 Jan</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="./assets/img/AdminLTELogo.png" alt="User Image">
|
|
|
+ <a class="users-list-name" href="#">Nora</a>
|
|
|
+ <span class="users-list-date">15 Jan</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="./assets/img/AdminLTELogo.png" alt="User Image">
|
|
|
+ <a class="users-list-name" href="#">Nadia</a>
|
|
|
+ <span class="users-list-date">15 Jan</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- /.users-list -->
|
|
|
+ </div>
|
|
|
+ <!-- /.card-body -->
|
|
|
+ <div class="card-footer text-center">
|
|
|
+ <a href="javascript:">View All Users</a>
|
|
|
+ </div>
|
|
|
+ <!-- /.card-footer -->
|
|
|
+ </div>
|
|
|
+ <!--/.card -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+ </div>
|
|
|
+ <!-- /.row -->
|
|
|
+
|
|
|
+ <!-- TABLE: LATEST ORDERS -->
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header border-transparent">
|
|
|
+ <h3 class="card-title">Latest Orders</h3>
|
|
|
+
|
|
|
+ <div class="card-tools">
|
|
|
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
|
|
|
+ <i class="fas fa-minus"></i>
|
|
|
+ </button>
|
|
|
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
|
|
|
+ <i class="fas fa-times"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- /.card-header -->
|
|
|
+ <div class="card-body p-0">
|
|
|
+ <div class="table-responsive">
|
|
|
+ <table class="table m-0">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>Order ID</th>
|
|
|
+ <th>Item</th>
|
|
|
+ <th>Status</th>
|
|
|
+ <th>Popularity</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td><a href="pages/examples/invoice.html">OR9842</a></td>
|
|
|
+ <td>Call of Duty IV</td>
|
|
|
+ <td><span class="badge bg-success">Shipped</span></td>
|
|
|
+ <td>
|
|
|
+ <div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><a href="pages/examples/invoice.html">OR1848</a></td>
|
|
|
+ <td>Samsung Smart TV</td>
|
|
|
+ <td><span class="badge bg-warning">Pending</span></td>
|
|
|
+ <td>
|
|
|
+ <div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><a href="pages/examples/invoice.html">OR7429</a></td>
|
|
|
+ <td>iPhone 6 Plus</td>
|
|
|
+ <td><span class="badge bg-danger">Delivered</span></td>
|
|
|
+ <td>
|
|
|
+ <div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><a href="pages/examples/invoice.html">OR7429</a></td>
|
|
|
+ <td>Samsung Smart TV</td>
|
|
|
+ <td><span class="badge bg-purple">Processing</span></td>
|
|
|
+ <td>
|
|
|
+ <div class="sparkbar" data-color="#00c0ef" data-height="20">90,80,-90,70,-61,83,63</div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><a href="pages/examples/invoice.html">OR1848</a></td>
|
|
|
+ <td>Samsung Smart TV</td>
|
|
|
+ <td><span class="badge bg-warning">Pending</span></td>
|
|
|
+ <td>
|
|
|
+ <div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><a href="pages/examples/invoice.html">OR7429</a></td>
|
|
|
+ <td>iPhone 6 Plus</td>
|
|
|
+ <td><span class="badge bg-danger">Delivered</span></td>
|
|
|
+ <td>
|
|
|
+ <div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><a href="pages/examples/invoice.html">OR9842</a></td>
|
|
|
+ <td>Call of Duty IV</td>
|
|
|
+ <td><span class="badge bg-success">Shipped</span></td>
|
|
|
+ <td>
|
|
|
+ <div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <!-- /.table-responsive -->
|
|
|
+ </div>
|
|
|
+ <!-- /.card-body -->
|
|
|
+ <div class="card-footer clearfix">
|
|
|
+ <a href="javascript:void(0)" class="btn btn-sm btn-primary float-start">Place New Order</a>
|
|
|
+ <a href="javascript:void(0)" class="btn btn-sm btn-secondary float-end">View All Orders</a>
|
|
|
+ </div>
|
|
|
+ <!-- /.card-footer -->
|
|
|
+ </div>
|
|
|
+ <!-- /.card -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+
|
|
|
+ <div class="col-md-4">
|
|
|
+ <!-- Info Boxes Style 2 -->
|
|
|
+ <div class="info-box mb-3 bg-warning">
|
|
|
+ <span class="info-box-icon"><i class="fas fa-tag"></i></span>
|
|
|
+
|
|
|
+ <div class="info-box-content">
|
|
|
+ <span class="info-box-text">Inventory</span>
|
|
|
+ <span class="info-box-number">5,200</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.info-box-content -->
|
|
|
+ </div>
|
|
|
+ <!-- /.info-box -->
|
|
|
+ <div class="info-box mb-3 bg-success">
|
|
|
+ <span class="info-box-icon"><i class="far fa-heart"></i></span>
|
|
|
+
|
|
|
+ <div class="info-box-content">
|
|
|
+ <span class="info-box-text">Mentions</span>
|
|
|
+ <span class="info-box-number">92,050</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.info-box-content -->
|
|
|
+ </div>
|
|
|
+ <!-- /.info-box -->
|
|
|
+ <div class="info-box mb-3 bg-danger">
|
|
|
+ <span class="info-box-icon"><i class="fas fa-cloud-download-alt"></i></span>
|
|
|
+
|
|
|
+ <div class="info-box-content">
|
|
|
+ <span class="info-box-text">Downloads</span>
|
|
|
+ <span class="info-box-number">114,381</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.info-box-content -->
|
|
|
+ </div>
|
|
|
+ <!-- /.info-box -->
|
|
|
+ <div class="info-box mb-3 bg-purple">
|
|
|
+ <span class="info-box-icon"><i class="far fa-comment"></i></span>
|
|
|
+
|
|
|
+ <div class="info-box-content">
|
|
|
+ <span class="info-box-text">Direct Messages</span>
|
|
|
+ <span class="info-box-number">163,921</span>
|
|
|
+ </div>
|
|
|
+ <!-- /.info-box-content -->
|
|
|
+ </div>
|
|
|
+ <!-- /.info-box -->
|
|
|
+
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <h3 class="card-title">Browser Usage</h3>
|
|
|
+
|
|
|
+ <div class="card-tools">
|
|
|
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
|
|
|
+ <i class="fas fa-minus"></i>
|
|
|
+ </button>
|
|
|
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
|
|
|
+ <i class="fas fa-times"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- /.card-header -->
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-8">
|
|
|
+ <div class="chart-responsive">
|
|
|
+ <canvas id="pieChart" height="150"></canvas>
|
|
|
+ </div>
|
|
|
+ <!-- ./chart-responsive -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+ <div class="col-md-4">
|
|
|
+ <ul class="chart-legend clearfix">
|
|
|
+ <li><i class="far fa-circle text-danger"></i> Chrome</li>
|
|
|
+ <li><i class="far fa-circle text-success"></i> IE</li>
|
|
|
+ <li><i class="far fa-circle text-warning"></i> FireFox</li>
|
|
|
+ <li><i class="far fa-circle text-info"></i> Safari</li>
|
|
|
+ <li><i class="far fa-circle text-primary"></i> Opera</li>
|
|
|
+ <li><i class="far fa-circle text-secondary"></i> Navigator</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+ </div>
|
|
|
+ <!-- /.row -->
|
|
|
+ </div>
|
|
|
+ <!-- /.card-body -->
|
|
|
+ <div class="card-footer p-0">
|
|
|
+ <ul class="nav nav-pills flex-column">
|
|
|
+ <li class="nav-item">
|
|
|
+ <a href="#" class="nav-link">
|
|
|
+ United States of America
|
|
|
+ <span class="float-end text-danger">
|
|
|
+ <i class="fas fa-arrow-down text-sm"></i>
|
|
|
+ 12%</span>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a href="#" class="nav-link">
|
|
|
+ India
|
|
|
+ <span class="float-end text-success">
|
|
|
+ <i class="fas fa-arrow-up text-sm"></i> 4%
|
|
|
+ </span>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a href="#" class="nav-link">
|
|
|
+ China
|
|
|
+ <span class="float-end text-purple">
|
|
|
+ <i class="fas fa-arrow-left text-sm"></i> 0%
|
|
|
+ </span>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- /.footer -->
|
|
|
+ </div>
|
|
|
+ <!-- /.card -->
|
|
|
+
|
|
|
+ <!-- PRODUCT LIST -->
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <h3 class="card-title">Recently Added Products</h3>
|
|
|
+
|
|
|
+ <div class="card-tools">
|
|
|
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
|
|
|
+ <i class="fas fa-minus"></i>
|
|
|
+ </button>
|
|
|
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
|
|
|
+ <i class="fas fa-times"></i>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- /.card-header -->
|
|
|
+ <div class="card-body p-0">
|
|
|
+ <ul class="products-list product-list-in-card ps-2 pe-2">
|
|
|
+ <li class="item">
|
|
|
+ <div class="product-img">
|
|
|
+ <img src="./assets/img/AdminLTELogo.png " alt="Product Image" class="img-size-50">
|
|
|
+ </div>
|
|
|
+ <div class="product-info">
|
|
|
+ <a href="javascript:void(0)" class="product-title">Samsung TV
|
|
|
+ <span class="badge bg-warning float-end">$1800</span></a>
|
|
|
+ <span class="product-description">
|
|
|
+ Samsung 32" 1080p 60Hz LED Smart HDTV.
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <!-- /.item -->
|
|
|
+ <li class="item">
|
|
|
+ <div class="product-img">
|
|
|
+ <img src="./assets/img/AdminLTELogo.png " alt="Product Image" class="img-size-50">
|
|
|
+ </div>
|
|
|
+ <div class="product-info">
|
|
|
+ <a href="javascript:void(0)" class="product-title">Bicycle
|
|
|
+ <span class="badge bg-purple float-end">$700</span></a>
|
|
|
+ <span class="product-description">
|
|
|
+ 26" Mongoose Dolomite Men's 7-speed, Navy Blue.
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <!-- /.item -->
|
|
|
+ <li class="item">
|
|
|
+ <div class="product-img">
|
|
|
+ <img src="./assets/img/AdminLTELogo.png " alt="Product Image" class="img-size-50">
|
|
|
+ </div>
|
|
|
+ <div class="product-info">
|
|
|
+ <a href="javascript:void(0)" class="product-title">
|
|
|
+ Xbox One <span class="badge bg-danger float-end">
|
|
|
+ $350
|
|
|
+ </span>
|
|
|
+ </a>
|
|
|
+ <span class="product-description">
|
|
|
+ Xbox One Console Bundle with Halo Master Chief Collection.
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <!-- /.item -->
|
|
|
+ <li class="item">
|
|
|
+ <div class="product-img">
|
|
|
+ <img src="./assets/img/AdminLTELogo.png " alt="Product Image" class="img-size-50">
|
|
|
+ </div>
|
|
|
+ <div class="product-info">
|
|
|
+ <a href="javascript:void(0)" class="product-title">PlayStation 4
|
|
|
+ <span class="badge bg-success float-end">$399</span></a>
|
|
|
+ <span class="product-description">
|
|
|
+ PlayStation 4 500GB Console (PS4)
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <!-- /.item -->
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- /.card-body -->
|
|
|
+ <div class="card-footer text-center">
|
|
|
+ <a href="javascript:void(0)" class="uppercase">View All Products</a>
|
|
|
+ </div>
|
|
|
+ <!-- /.card-footer -->
|
|
|
+ </div>
|
|
|
+ <!-- /.card -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+ </div>
|
|
|
+ <!-- /.row -->
|
|
|
</div><!-- /.container-fluid -->
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -103,5 +821,10 @@
|
|
|
@@include('./_scripts.html', {
|
|
|
"path": "."
|
|
|
})
|
|
|
+
|
|
|
+ <!-- ChartJS -->
|
|
|
+ <script src="./vendor/chart.js/dist/chart.js"></script>
|
|
|
+ <!-- AdminLTE dashboard2 demo (This is only for demo purposes) -->
|
|
|
+ <script src="./assets/js/dashboard2.js"></script>
|
|
|
</body>
|
|
|
</html>
|
Daniel