544 lines
25 KiB
HTML
544 lines
25 KiB
HTML
|
{include file=$header_admin h1='Административная панель' title='Админка'}
|
||
|
|
||
|
<div class="row">
|
||
|
<div class="col-12 col-lg-4">
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body">
|
||
|
<div class="d-flex mb-2">
|
||
|
<div>
|
||
|
<p class="mb-0 font-weight-bold text-white">Sessions</p>
|
||
|
<h2 class="mb-0 text-white">501</h2>
|
||
|
</div>
|
||
|
<div class="ml-auto align-self-end">
|
||
|
<p class="mb-0 font-14"><i class='bx bxs-up-arrow-circle'></i> <span>1.01% 31 days ago</span>
|
||
|
</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div id="chart1"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-12 col-lg-4">
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body">
|
||
|
<div class="d-flex mb-2">
|
||
|
<div>
|
||
|
<p class="mb-0 font-weight-bold text-white">Visitors</p>
|
||
|
<h2 class="mb-0 text-white">409</h2>
|
||
|
</div>
|
||
|
<div class="ml-auto align-self-end">
|
||
|
<p class="mb-0 font-14"><i class='bx bxs-up-arrow-circle'></i> <span>0.49% 31 days ago</span>
|
||
|
</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div id="chart2"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-12 col-lg-4">
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body">
|
||
|
<div class="d-flex mb-2">
|
||
|
<div>
|
||
|
<p class="mb-0 font-weight-bold text-white">Page Views</p>
|
||
|
<h2 class="mb-0 text-white">2,346</h2>
|
||
|
</div>
|
||
|
<div class="ml-auto align-self-end">
|
||
|
<p class="mb-0 font-14"><i class='bx bxs-down-arrow-circle'></i> <span>130.68% 31 days ago</span>
|
||
|
</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div id="chart3"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!--end row-->
|
||
|
<div class="row">
|
||
|
<div class="col-12 col-lg-8">
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-header border-bottom-0">
|
||
|
<div class="d-lg-flex align-items-center">
|
||
|
<div>
|
||
|
<h5 class="mb-lg-0">New VS Returning Visitors</h5>
|
||
|
</div>
|
||
|
<div class="ml-lg-auto mb-2 mb-lg-0">
|
||
|
<div class="btn-group-round">
|
||
|
<div class="btn-group">
|
||
|
<button type="button" class="btn btn-light">This Month</button>
|
||
|
<div class="dropdown-menu"> <a class="dropdown-item" href="javaScript:;">This Week</a>
|
||
|
<a class="dropdown-item" href="javaScript:;">This Year</a>
|
||
|
</div>
|
||
|
<button type="button" class="btn btn-light dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="sr-only">Toggle Dropdown</span>
|
||
|
</button>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="card-body">
|
||
|
<div id="chart4"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-12 col-lg-4">
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body">
|
||
|
<div class="d-lg-flex align-items-center">
|
||
|
<div>
|
||
|
<h5 class="mb-4">Devices of Visitors</h5>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div id="chart5"></div>
|
||
|
</div>
|
||
|
<ul class="list-group list-group-flush mb-0">
|
||
|
<li class="list-group-item d-flex justify-content-between align-items-center bg-transparent">Mobile<span class="badge bg-transparent-1 text-white badge-pill">25%</span>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex justify-content-between align-items-center bg-transparent">Desktop<span class="badge bg-white badge-pill text-dark">65%</span>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex justify-content-between align-items-center bg-transparent">Tablet<span class="badge bg-transparent-2 text-white badge-pill">10%</span>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!--end row-->
|
||
|
<div class="row">
|
||
|
<div class="col-12 col-lg-12 col-xl-6">
|
||
|
<div class="card-deck flex-column flex-lg-row">
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body text-center">
|
||
|
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-time'></i>
|
||
|
</div>
|
||
|
<h4 class="mb-0 font-weight-bold mt-3 text-white">2m 28s</h4>
|
||
|
<p class="mb-0 text-white">Avg. Time on Site</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body text-center">
|
||
|
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-bookmark-alt'></i>
|
||
|
</div>
|
||
|
<h4 class="mb-0 font-weight-bold mt-3 text-white">4.68</h4>
|
||
|
<p class="mb-0 text-white">Pages/Session</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body text-center">
|
||
|
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-bulb'></i>
|
||
|
</div>
|
||
|
<h4 class="mb-0 font-weight-bold mt-3 text-white">78%</h4>
|
||
|
<p class="mb-0 text-white">New Sessions</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="card-deck flex-column flex-lg-row">
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body text-center">
|
||
|
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-line-chart'></i>
|
||
|
</div>
|
||
|
<h4 class="mb-0 font-weight-bold mt-3 text-white">23.4%</h4>
|
||
|
<p class="mb-0 text-white">Bounce Rate</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body text-center">
|
||
|
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-group'></i>
|
||
|
</div>
|
||
|
<h4 class="mb-0 font-weight-bold mt-3 text-white">4,286</h4>
|
||
|
<p class="mb-0 text-white">New Users</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body text-center">
|
||
|
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-cloud-download'></i>
|
||
|
</div>
|
||
|
<h4 class="mb-0 font-weight-bold mt-3 text-white">78%</h4>
|
||
|
<p class="mb-0 text-white">Downloads</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-12 col-lg-12 col-xl-6">
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body">
|
||
|
<div class="d-lg-flex align-items-center mb-4">
|
||
|
<div>
|
||
|
<h5 class="mb-0">Social Media Traffic</h5>
|
||
|
</div>
|
||
|
<div class="ml-auto">
|
||
|
<h3 class="mb-0"><span class="font-14">Total Visits:</span> 874</h3>
|
||
|
</div>
|
||
|
</div>
|
||
|
<hr/>
|
||
|
<div class="dashboard-social-list">
|
||
|
<ul class="list-group list-group-flush">
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="widgets-social rounded-circle text-white"><i class='bx bxl-youtube'></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">YouTube</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">298</div>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="widgets-social rounded-circle text-white"><i class='bx bxl-facebook'></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">Facebook</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">324</div>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="widgets-social rounded-circle text-white"><i class='bx bxl-linkedin'></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">Linkedin</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">127</div>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="widgets-social rounded-circle text-white"><i class='bx bxl-twitter'></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">Twitter</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">325</div>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="widgets-social rounded-circle text-white"><i class='bx bxl-tumblr'></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">Tumblr</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">287</div>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="widgets-social rounded-circle text-white"><i class='bx bxl-dribbble'></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">Dribbble</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">154</div>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!--end row-->
|
||
|
<div class="row">
|
||
|
<div class="col-12 col-lg-12 col-xl-8">
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body">
|
||
|
<div class="card-title">
|
||
|
<h5 class="mb-0">Geographic</h5>
|
||
|
</div>
|
||
|
<hr/>
|
||
|
<div id="geographic-map"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-12 col-lg-12 col-xl-4">
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body">
|
||
|
<div class="d-lg-flex align-items-center mb-4">
|
||
|
<div>
|
||
|
<h5 class="mb-0">Top countries</h5>
|
||
|
</div>
|
||
|
<div class="ml-auto">
|
||
|
<h3 class="mb-0"><span class="font-14">Total Visits:</span> 9587</h3>
|
||
|
</div>
|
||
|
</div>
|
||
|
<hr/>
|
||
|
<div class="dashboard-top-countries">
|
||
|
<ul class="list-group list-group-flush">
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="font-20"><i class="flag-icon flag-icon-in"></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">India</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">647</div>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="font-20"><i class="flag-icon flag-icon-us"></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">United States</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">435</div>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="font-20"><i class="flag-icon flag-icon-vn"></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">Vietnam</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">287</div>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="font-20"><i class="flag-icon flag-icon-au"></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">Australia</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">432</div>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="font-20"><i class="flag-icon flag-icon-dz"></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">Angola</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">345</div>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="font-20"><i class="flag-icon flag-icon-ax"></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">Aland Islands</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">134</div>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="font-20"><i class="flag-icon flag-icon-ar"></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">Argentina</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">147</div>
|
||
|
</li>
|
||
|
<li class="list-group-item d-flex align-items-center bg-transparent">
|
||
|
<div class="media align-items-center">
|
||
|
<div class="font-20"><i class="flag-icon flag-icon-be"></i>
|
||
|
</div>
|
||
|
<div class="media-body ml-2">
|
||
|
<h6 class="mb-0">Belgium</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="ml-auto">210</div>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!--end row-->
|
||
|
<div class="card-deck flex-column flex-lg-row">
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body">
|
||
|
<div class="card-title">
|
||
|
<h5 class="mb-0">Статистика по браузерам </h5>
|
||
|
</div>
|
||
|
<hr/>
|
||
|
<div class="media align-items-center">
|
||
|
<div>
|
||
|
<img src="assets/images/icons/chrome.png" width="35" height="35" alt="" />
|
||
|
</div>
|
||
|
<div class="media-body ml-3">
|
||
|
<h6 class="mb-0">587</h6>
|
||
|
<p class="mb-0">Chrome</p>
|
||
|
</div>
|
||
|
<p class="mb-0">24.3%</p>
|
||
|
</div>
|
||
|
<hr/>
|
||
|
<div class="media align-items-center">
|
||
|
<div>
|
||
|
<img src="assets/images/icons/firefox.png" width="35" height="35" alt="" />
|
||
|
</div>
|
||
|
<div class="media-body ml-3">
|
||
|
<h6 class="mb-0">358</h6>
|
||
|
<p class="mb-0">Firefox</p>
|
||
|
</div>
|
||
|
<p class="mb-0">12.3%</p>
|
||
|
</div>
|
||
|
<hr/>
|
||
|
<div class="media align-items-center">
|
||
|
<div>
|
||
|
<img src="assets/images/icons/edge.png" width="35" height="35" alt="" />
|
||
|
</div>
|
||
|
<div class="media-body ml-3">
|
||
|
<h6 class="mb-0">867</h6>
|
||
|
<p class="mb-0">Edge</p>
|
||
|
</div>
|
||
|
<p class="mb-0">24.3%</p>
|
||
|
</div>
|
||
|
<hr/>
|
||
|
<div class="media align-items-center">
|
||
|
<div>
|
||
|
<img src="assets/images/icons/opera.png" width="35" height="35" alt="" />
|
||
|
</div>
|
||
|
<div class="media-body ml-3">
|
||
|
<h6 class="mb-0">752</h6>
|
||
|
<p class="mb-0">Opera</p>
|
||
|
</div>
|
||
|
<p class="mb-0">27.3%</p>
|
||
|
</div>
|
||
|
<hr/>
|
||
|
<div class="media align-items-center">
|
||
|
<div>
|
||
|
<img src="assets/images/icons/safari.png" width="35" height="35" alt="" />
|
||
|
</div>
|
||
|
<div class="media-body ml-3">
|
||
|
<h6 class="mb-0">586</h6>
|
||
|
<p class="mb-0">Safari</p>
|
||
|
</div>
|
||
|
<p class="mb-0">14.5%</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body">
|
||
|
<div class="card-title">
|
||
|
<h5 class="mb-0">Traffic Sources </h5>
|
||
|
</div>
|
||
|
<hr/>
|
||
|
<div class="table-responsive">
|
||
|
<table class="table table-striped mb-0">
|
||
|
<thead>
|
||
|
<tr>
|
||
|
<th>Source</th>
|
||
|
<th>Visitors</th>
|
||
|
<th>Bounce Rate</th>
|
||
|
</tr>
|
||
|
</thead>
|
||
|
<tbody>
|
||
|
<tr>
|
||
|
<td>(direct)</td>
|
||
|
<td>56</td>
|
||
|
<td>10%</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>google</td>
|
||
|
<td>29</td>
|
||
|
<td>12%</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>linkedin.com</td>
|
||
|
<td>68</td>
|
||
|
<td>33%</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>bing</td>
|
||
|
<td>14</td>
|
||
|
<td>24%</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>facebook.com</td>
|
||
|
<td>87</td>
|
||
|
<td>22%</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>other</td>
|
||
|
<td>98</td>
|
||
|
<td>27%</td>
|
||
|
</tr>
|
||
|
</tbody>
|
||
|
</table>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body">
|
||
|
<div class="card-title">
|
||
|
<h5 class="mb-0">Visitors By Gender </h5>
|
||
|
</div>
|
||
|
<hr/>
|
||
|
<div id="chart6"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="card radius-15">
|
||
|
<div class="card-body">
|
||
|
<div class="card-title">
|
||
|
<h5 class="mb-0">Top pages by views </h5>
|
||
|
</div>
|
||
|
<hr/>
|
||
|
<div class="table-responsive">
|
||
|
<table class="table mb-0">
|
||
|
<thead class="thead-light">
|
||
|
<tr>
|
||
|
<th>#</th>
|
||
|
<th>Title</th>
|
||
|
<th>Views</th>
|
||
|
<th>Avg. Time</th>
|
||
|
<th>Bounce Rate</th>
|
||
|
</tr>
|
||
|
</thead>
|
||
|
<tbody>
|
||
|
<tr>
|
||
|
<td>1</td>
|
||
|
<td><a href="https://themeforest.net/item/synadmin-bootstrap4-admin-template/29014766" target="_blank">https://themeforest.net/item/synadmin-bootstrap4-admin-template/29014766</a>
|
||
|
</td>
|
||
|
<td>660</td>
|
||
|
<td>55s</td>
|
||
|
<td>3.6%</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>2</td>
|
||
|
<td><a href="https://codervent.com/wipe-admin-dark/dashboard/v3" target="_blank">https://codervent.com/wipe-admin-dark/dashboard/v3</a>
|
||
|
</td>
|
||
|
<td>352</td>
|
||
|
<td>16s</td>
|
||
|
<td>8.4%</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>3</td>
|
||
|
<td><a href="https://themeforest.net/item/dashtreme-multipurpose-bootstrap4-admin-template/23059455" target="_blank">https://themeforest.net/item/dashtreme-multipurpose-bootstrap4-admin-template/23059455</a>
|
||
|
</td>
|
||
|
<td>101</td>
|
||
|
<td>10s</td>
|
||
|
<td>6.7%</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>4</td>
|
||
|
<td><a href="https://themeforest.net/item/rukada-responsive-bootstrap-4-admin-template/22820477" target="_blank">https://themeforest.net/item/rukada-responsive-bootstrap-4-admin-template/22820477</a>
|
||
|
</td>
|
||
|
<td>95</td>
|
||
|
<td>57s</td>
|
||
|
<td>5.2%</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>5</td>
|
||
|
<td><a href="https://codervent.com/rocker-angular/dashboard/v1" target="_blank">https://codervent.com/rocker-angular/dashboard/v1</a>
|
||
|
</td>
|
||
|
<td>102</td>
|
||
|
<td>45s</td>
|
||
|
<td>7.2%</td>
|
||
|
</tr>
|
||
|
</tbody>
|
||
|
</table>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
{include file=$footer_admin}
|