316 lines
16 KiB
HTML
316 lines
16 KiB
HTML
{% extends "a3a/admin/a3a2/_master.html" %}
|
|
|
|
{% block content %}
|
|
<!-- partial -->
|
|
<div class="main-panel">
|
|
<div class="content-wrapper">
|
|
<div class="d-xl-flex justify-content-between align-items-start">
|
|
<h2 class="text-dark font-weight-bold mb-2"> Overview dashboard </h2>
|
|
<div class="d-sm-flex justify-content-xl-between align-items-center mb-2">
|
|
<div class="btn-group bg-white p-3" role="group" aria-label="Basic example">
|
|
<button type="button" class="btn btn-link text-light py-0 border-right">7 Days</button>
|
|
<button type="button" class="btn btn-link text-dark py-0 border-right">1 Month</button>
|
|
<button type="button" class="btn btn-link text-light py-0">3 Month</button>
|
|
</div>
|
|
<div class="dropdown ml-0 ml-md-4 mt-2 mt-lg-0">
|
|
<button class="btn bg-white dropdown-toggle p-3 d-flex align-items-center" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="mdi mdi-calendar mr-1"></i>24 Mar 2019 - 24 Mar 2019 </button>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton1">
|
|
<h6 class="dropdown-header">Settings</h6>
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#">Separated link</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="tab-content tab-transparent-content">
|
|
{# <div class="tab-pane fade show active" id="business-1" role="tabpanel" aria-labelledby="business-tab">
|
|
<div class="row">
|
|
<div class="col-xl-3 col-lg-6 col-sm-6 grid-margin stretch-card">
|
|
<div class="card">
|
|
<div class="card-body text-center">
|
|
<h5 class="mb-2 text-dark font-weight-normal">Orders</h5>
|
|
<h2 class="mb-4 text-dark font-weight-bold">932.00</h2>
|
|
<div class="dashboard-progress dashboard-progress-1 d-flex align-items-center justify-content-center item-parent"><i class="mdi mdi-lightbulb icon-md absolute-center text-dark"></i></div>
|
|
<p class="mt-4 mb-0">Completed</p>
|
|
<h3 class="mb-0 font-weight-bold mt-2 text-dark">5443</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-lg-6 col-sm-6 grid-margin stretch-card">
|
|
<div class="card">
|
|
<div class="card-body text-center">
|
|
<h5 class="mb-2 text-dark font-weight-normal">Unique Visitors</h5>
|
|
<h2 class="mb-4 text-dark font-weight-bold">756,00</h2>
|
|
<div class="dashboard-progress dashboard-progress-2 d-flex align-items-center justify-content-center item-parent"><i class="mdi mdi-account-circle icon-md absolute-center text-dark"></i></div>
|
|
<p class="mt-4 mb-0">Increased since yesterday</p>
|
|
<h3 class="mb-0 font-weight-bold mt-2 text-dark">50%</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-lg-6 col-sm-6 grid-margin stretch-card">
|
|
<div class="card">
|
|
<div class="card-body text-center">
|
|
<h5 class="mb-2 text-dark font-weight-normal">Impressions</h5>
|
|
<h2 class="mb-4 text-dark font-weight-bold">100,38</h2>
|
|
<div class="dashboard-progress dashboard-progress-3 d-flex align-items-center justify-content-center item-parent"><i class="mdi mdi-eye icon-md absolute-center text-dark"></i></div>
|
|
<p class="mt-4 mb-0">Increased since yesterday</p>
|
|
<h3 class="mb-0 font-weight-bold mt-2 text-dark">35%</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-lg-6 col-sm-6 grid-margin stretch-card">
|
|
<div class="card">
|
|
<div class="card-body text-center">
|
|
<h5 class="mb-2 text-dark font-weight-normal">Followers</h5>
|
|
<h2 class="mb-4 text-dark font-weight-bold">4250k</h2>
|
|
<div class="dashboard-progress dashboard-progress-4 d-flex align-items-center justify-content-center item-parent"><i class="mdi mdi-cube icon-md absolute-center text-dark"></i></div>
|
|
<p class="mt-4 mb-0">Decreased since yesterday</p>
|
|
<h3 class="mb-0 font-weight-bold mt-2 text-dark">25%</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 grid-margin">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
|
<h4 class="card-title mb-0">Recent Activity</h4>
|
|
<div class="dropdown dropdown-arrow-none">
|
|
<button class="btn p-0 text-dark dropdown-toggle" type="button" id="dropdownMenuIconButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuIconButton1">
|
|
<h6 class="dropdown-header">Settings</h6>
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#">Separated link</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-4 grid-margin grid-margin-lg-0">
|
|
<div class="wrapper pb-5 border-bottom">
|
|
<div class="text-wrapper d-flex align-items-center justify-content-between mb-2">
|
|
<p class="mb-0 text-dark">Total Profit</p>
|
|
<span class="text-success"><i class="mdi mdi-arrow-up"></i>2.95%</span>
|
|
</div>
|
|
<h3 class="mb-0 text-dark font-weight-bold">$ 92556</h3>
|
|
<canvas id="total-profit"></canvas>
|
|
</div>
|
|
<div class="wrapper pt-5">
|
|
<div class="text-wrapper d-flex align-items-center justify-content-between mb-2">
|
|
<p class="mb-0 text-dark">Expenses</p>
|
|
<span class="text-success"><i class="mdi mdi-arrow-up"></i>52.95%</span>
|
|
</div>
|
|
<h3 class="mb-4 text-dark font-weight-bold">$ 59565</h3>
|
|
<canvas id="total-expences"></canvas>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-9 col-sm-8 grid-margin grid-margin-lg-0">
|
|
<div class="pl-0 pl-lg-4 ">
|
|
<div class="d-xl-flex justify-content-between align-items-center mb-2">
|
|
<div class="d-lg-flex align-items-center mb-lg-2 mb-xl-0">
|
|
<h3 class="text-dark font-weight-bold mr-2 mb-0">Devices sales</h3>
|
|
<h5 class="mb-0">( growth 62% )</h5>
|
|
</div>
|
|
<div class="d-lg-flex">
|
|
<p class="mr-2 mb-0">Timezone:</p>
|
|
<p class="text-dark font-weight-bold mb-0">GMT-0400 Eastern Delight Time</p>
|
|
</div>
|
|
</div>
|
|
<div class="graph-custom-legend clearfix" id="device-sales-legend"></div>
|
|
<canvas id="device-sales"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-4 grid-margin stretch-card">
|
|
<div class="card card-danger-gradient">
|
|
<div class="card-body mb-4">
|
|
<h4 class="card-title text-white">Account Retention</h4>
|
|
<canvas id="account-retension"></canvas>
|
|
</div>
|
|
<div class="card-body bg-white pt-4">
|
|
<div class="row pt-4">
|
|
<div class="col-sm-6">
|
|
<div class="text-center border-right border-md-0">
|
|
<h4>Conversion</h4>
|
|
<h1 class="text-dark font-weight-bold mb-md-3">$306</h1>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="text-center">
|
|
<h4>Cancellation</h4>
|
|
<h1 class="text-dark font-weight-bold">$1,520</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-8 grid-margin stretch-card">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-xl-flex justify-content-between mb-2">
|
|
<h4 class="card-title">Page views analytics</h4>
|
|
<div class="graph-custom-legend primary-dot" id="pageViewAnalyticLengend"></div>
|
|
</div>
|
|
<canvas id="page-view-analytic"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> #}
|
|
|
|
<div class="col-lg-12 grid-margin stretch-card">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="card-title">Turnover Table</h4>
|
|
</p>
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th> User </th>
|
|
<th> Last name </th>
|
|
<th> Email </th>
|
|
<th> Orders </th>
|
|
<th> Amount </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{# <tr>
|
|
<td class="py-1">
|
|
<img src="/a3b/admin/images/faces-clipart/pic-1.png" alt="image" />
|
|
</td>
|
|
<td> Herman Beck </td>
|
|
<td>
|
|
<div class="progress">
|
|
<div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td> $ 77.99 </td>
|
|
<td> May 15, 2015 </td>
|
|
</tr> #}
|
|
|
|
{% for (id, user) in users.pairs() %}
|
|
<tr>
|
|
<td class="py-1">
|
|
<img src="/a3b/admin/images/faces-clipart/pic-1.png" alt="image" />
|
|
</td>
|
|
{# <td> {{user.lastName}} </td> #}
|
|
<td>
|
|
<a href="/admin/{{user.id}}/show">
|
|
{{user.lastName}}
|
|
</a>
|
|
</td>
|
|
<td> {{user.email}} </td>
|
|
<td> {{user.totalQuantity}} </td>
|
|
<td> ₹ {{user.totalPrice}} </td>
|
|
</tr>
|
|
{% endfor %}
|
|
|
|
{# <tr>
|
|
<td class="py-1">
|
|
<img src="/a3b/admin/images/faces-clipart/pic-2.png" alt="image" />
|
|
</td>
|
|
<td> Messsy Adam </td>
|
|
<td>
|
|
<div class="progress">
|
|
<div class="progress-bar bg-danger" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td> $245.30 </td>
|
|
<td> July 1, 2015 </td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-1">
|
|
<img src="/a3b/admin/images/faces-clipart/pic-3.png" alt="image" />
|
|
</td>
|
|
<td> John Richards </td>
|
|
<td>
|
|
<div class="progress">
|
|
<div class="progress-bar bg-warning" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td> $138.00 </td>
|
|
<td> Apr 12, 2015 </td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-1">
|
|
<img src="/a3b/admin/images/faces-clipart/pic-4.png" alt="image" />
|
|
</td>
|
|
<td> Peter Meggik </td>
|
|
<td>
|
|
<div class="progress">
|
|
<div class="progress-bar bg-primary" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td> $ 77.99 </td>
|
|
<td> May 15, 2015 </td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-1">
|
|
<img src="/a3b/admin/images/faces-clipart/pic-1.png" alt="image" />
|
|
</td>
|
|
<td> Edward </td>
|
|
<td>
|
|
<div class="progress">
|
|
<div class="progress-bar bg-danger" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td> $ 160.25 </td>
|
|
<td> May 03, 2015 </td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-1">
|
|
<img src="/a3b/admin/images/faces-clipart/pic-2.png" alt="image" />
|
|
</td>
|
|
<td> John Doe </td>
|
|
<td>
|
|
<div class="progress">
|
|
<div class="progress-bar bg-info" role="progressbar" style="width: 65%" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td> $ 123.21 </td>
|
|
<td> April 05, 2015 </td>
|
|
</tr>
|
|
<tr>
|
|
<td class="py-1">
|
|
<img src="/a3b/admin/images/faces-clipart/pic-3.png" alt="image" />
|
|
</td>
|
|
<td> Henry Tom </td>
|
|
<td>
|
|
<div class="progress">
|
|
<div class="progress-bar bg-warning" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td> $ 150.00 </td>
|
|
<td> June 16, 2015 </td>
|
|
</tr> #}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- content-wrapper ends -->
|
|
<!-- partial:partials/_footer.html -->
|
|
|
|
{% endblock %} |