This commit is contained in:
2020-01-24 23:27:50 -05:00
parent 40531c20da
commit beef10931d
2 changed files with 7 additions and 398 deletions
+5 -396
View File
@@ -11,27 +11,7 @@
<!-- Dashboard Analytics Start -->
<section id="dashboard-analytics">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="card bg-analytics text-white">
<div class="card-content">
<div class="card-body text-center">
<img src="/assets2/images/elements/decore-left.png" class="img-left" alt="
card-img-left">
<img src="/assets2/images/elements/decore-right.png" class="img-right" alt="
card-img-right">
<div class="avatar avatar-xl bg-primary shadow mt-0">
<div class="avatar-content">
<i class="feather icon-award white font-large-1"></i>
</div>
</div>
<div class="text-center">
<h1 class="mb-2 text-white">Congratulations John,</h1>
<p class="m-auto w-75">You have done <strong>57.6%</strong> more sales today. Check your new badge in your profile.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="card">
<div class="card-header d-flex flex-column align-items-start pb-0">
@@ -65,381 +45,10 @@
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-12">
<div class="card">
<div class="card-content">
<div class="card-body">
<div class="row pb-50">
<div class="col-lg-6 col-12 d-flex justify-content-between flex-column order-lg-1 order-2 mt-lg-0 mt-2">
<div>
<h2 class="text-bold-700 mb-25">2.7K</h2>
<p class="text-bold-500 mb-75">Avg Sessions</p>
<h5 class="font-medium-2">
<span class="text-success">+5.2% </span>
<span>vs last 7 days</span>
</h5>
</div>
<a href="#" class="btn btn-primary shadow">View Details <i class="feather icon-chevrons-right"></i></a>
</div>
<div class="col-lg-6 col-12 d-flex justify-content-between flex-column text-right order-lg-2 order-1">
<div class="dropdown chart-dropdown">
<button class="btn btn-sm border-0 dropdown-toggle p-0" type="button" id="dropdownItem5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Last 7 Days
</button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownItem5">
<a class="dropdown-item" href="#">Last 28 Days</a>
<a class="dropdown-item" href="#">Last Month</a>
<a class="dropdown-item" href="#">Last Year</a>
</div>
</div>
<div id="avg-session-chart"></div>
</div>
</div>
<hr />
<div class="row avg-sessions pt-50">
<div class="col-6">
<p class="mb-0">Goal: $100000</p>
<div class="progress progress-bar-primary mt-25">
<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="50" aria-valuemax="100" style="width:50%"></div>
</div>
</div>
<div class="col-6">
<p class="mb-0">Users: 100K</p>
<div class="progress progress-bar-warning mt-25">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="60" aria-valuemax="100" style="width:60%"></div>
</div>
</div>
<div class="col-6">
<p class="mb-0">Retention: 90%</p>
<div class="progress progress-bar-danger mt-25">
<div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="70" aria-valuemax="100" style="width:70%"></div>
</div>
</div>
<div class="col-6">
<p class="mb-0">Duration: 1yr</p>
<div class="progress progress-bar-success mt-25">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="90" aria-valuemax="100" style="width:90%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-12">
<div class="card">
<div class="card-header d-flex justify-content-between pb-0">
<h4 class="card-title">Support Tracker</h4>
<div class="dropdown chart-dropdown">
<button class="btn btn-sm border-0 dropdown-toggle p-0" type="button" id="dropdownItem4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Last 7 Days
</button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownItem4">
<a class="dropdown-item" href="#">Last 28 Days</a>
<a class="dropdown-item" href="#">Last Month</a>
<a class="dropdown-item" href="#">Last Year</a>
</div>
</div>
</div>
<div class="card-content">
<div class="card-body pt-0">
<div class="row">
<div class="col-sm-2 col-12 d-flex flex-column flex-wrap text-center">
<h1 class="font-large-2 text-bold-700 mt-2 mb-0">163</h1>
<small>Tickets</small>
</div>
<div class="col-sm-10 col-12 d-flex justify-content-center">
<div id="support-tracker-chart"></div>
</div>
</div>
<div class="chart-info d-flex justify-content-between">
<div class="text-center">
<p class="mb-50">New Tickets</p>
<span class="font-large-1">29</span>
</div>
<div class="text-center">
<p class="mb-50">Open Tickets</p>
<span class="font-large-1">63</span>
</div>
<div class="text-center">
<p class="mb-50">Response Time</p>
<span class="font-large-1">1d</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row match-height">
<div class="col-lg-4 col-12">
<div class="card">
<div class="card-header d-flex justify-content-between pb-0">
<h4>Product Orders</h4>
<div class="dropdown chart-dropdown">
<button class="btn btn-sm border-0 dropdown-toggle p-0" type="button" id="dropdownItem2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Last 7 Days
</button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownItem2">
<a class="dropdown-item" href="#">Last 28 Days</a>
<a class="dropdown-item" href="#">Last Month</a>
<a class="dropdown-item" href="#">Last Year</a>
</div>
</div>
</div>
<div class="card-content">
<div class="card-body">
<div id="product-order-chart" class="mb-3"></div>
<div class="chart-info d-flex justify-content-between mb-1">
<div class="series-info d-flex align-items-center">
<i class="fa fa-circle-o text-bold-700 text-primary"></i>
<span class="text-bold-600 ml-50">Finished</span>
</div>
<div class="product-result">
<span>23043</span>
</div>
</div>
<div class="chart-info d-flex justify-content-between mb-1">
<div class="series-info d-flex align-items-center">
<i class="fa fa-circle-o text-bold-700 text-warning"></i>
<span class="text-bold-600 ml-50">Pending</span>
</div>
<div class="product-result">
<span>14658</span>
</div>
</div>
<div class="chart-info d-flex justify-content-between mb-75">
<div class="series-info d-flex align-items-center">
<i class="fa fa-circle-o text-bold-700 text-danger"></i>
<span class="text-bold-600 ml-50">Rejected</span>
</div>
<div class="product-result">
<span>4758</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-12">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-start">
<div>
<h4 class="card-title">Sales Stats</h4>
<p class="text-muted mt-25 mb-0">Last 6 months</p>
</div>
<p class="mb-0"><i class="feather icon-more-vertical font-medium-3 text-muted cursor-pointer"></i></p>
</div>
<div class="card-content">
<div class="card-body px-0">
<div id="sales-chart"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">Activity Timeline</h4>
</div>
<div class="card-content">
<div class="card-body">
<ul class="activity-timeline timeline-left list-unstyled">
<li>
<div class="timeline-icon bg-primary">
<i class="feather icon-plus font-medium-2 align-middle"></i>
</div>
<div class="timeline-info">
<p class="font-weight-bold mb-0">Client Meeting</p>
<span class="font-small-3">Bonbon macaroon jelly beans gummi bears jelly lollipop apple</span>
</div>
<small class="text-muted">25 mins ago</small>
</li>
<li>
<div class="timeline-icon bg-warning">
<i class="feather icon-alert-circle font-medium-2 align-middle"></i>
</div>
<div class="timeline-info">
<p class="font-weight-bold mb-0">Email Newsletter</p>
<span class="font-small-3">Cupcake gummi bears soufflé caramels candy</span>
</div>
<small class="text-muted">15 days ago</small>
</li>
<li>
<div class="timeline-icon bg-danger">
<i class="feather icon-check font-medium-2 align-middle"></i>
</div>
<div class="timeline-info">
<p class="font-weight-bold mb-0">Plan Webinar</p>
<span class="font-small-3">Candy ice cream cake. Halvah gummi bears</span>
</div>
<small class="text-muted">20 days ago</small>
</li>
<li>
<div class="timeline-icon bg-success">
<i class="feather icon-check font-medium-2 align-middle"></i>
</div>
<div class="timeline-info">
<p class="font-weight-bold mb-0">Launch Website</p>
<span class="font-small-3">Candy ice cream cake. </span>
</div>
<small class="text-muted">25 days ago</small>
</li>
<li>
<div class="timeline-icon bg-primary">
<i class="feather icon-check font-medium-2 align-middle"></i>
</div>
<div class="timeline-info">
<p class="font-weight-bold mb-0">Marketing</p>
<span class="font-small-3">Candy ice cream. Halvah bears Cupcake gummi bears.</span>
</div>
<small class="text-muted">28 days ago</small>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h4 class="mb-0">Dispatched Orders</h4>
</div>
<div class="card-content">
<div class="table-responsive mt-1">
<table class="table table-hover-animation mb-0">
<thead>
<tr>
<th>ORDER</th>
<th>STATUS</th>
<th>OPERATORS</th>
<th>LOCATION</th>
<th>DISTANCE</th>
<th>START DATE</th>
<th>EST DEL. DT</th>
</tr>
</thead>
<tbody>
<tr>
<td>#879985</td>
<td><i class="fa fa-circle font-small-3 text-success mr-50"></i>Moving</td>
<td class="p-1">
<ul class="list-unstyled users-list m-0 d-flex align-items-center">
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Vinnie Mostowy" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-5.jpg" alt="Avatar" height="30" width="30">
</li>
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Elicia Rieske" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-7.jpg" alt="Avatar" height="30" width="30">
</li>
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Julee Rossignol" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-10.jpg" alt="Avatar" height="30" width="30">
</li>
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Darcey Nooner" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-8.jpg" alt="Avatar" height="30" width="30">
</li>
</ul>
</td>
<td>Anniston, Alabama</td>
<td>
<span>130 km</span>
<div class="progress progress-bar-success mt-1 mb-0">
<div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td>14:58 26/07/2018</td>
<td>28/07/2018</td>
</tr>
<tr>
<td>#156897</td>
<td><i class="fa fa-circle font-small-3 text-warning mr-50"></i>Pending</td>
<td class="p-1">
<ul class="list-unstyled users-list m-0 d-flex align-items-center">
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Trina Lynes" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-1.jpg" alt="Avatar" height="30" width="30">
</li>
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Lilian Nenez" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-2.jpg" alt="Avatar" height="30" width="30">
</li>
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Alberto Glotzbach" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-3.jpg" alt="Avatar" height="30" width="30">
</li>
</ul>
</td>
<td>Cordova, Alaska</td>
<td>
<span>234 km</span>
<div class="progress progress-bar-warning mt-1 mb-0">
<div class="progress-bar" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td>14:58 26/07/2018</td>
<td>28/07/2018</td>
</tr>
<tr>
<td>#568975</td>
<td><i class="fa fa-circle font-small-3 text-success mr-50"></i>Moving</td>
<td class="p-1">
<ul class="list-unstyled users-list m-0 d-flex align-items-center">
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Lai Lewandowski" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-6.jpg" alt="Avatar" height="30" width="30">
</li>
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Elicia Rieske" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-7.jpg" alt="Avatar" height="30" width="30">
</li>
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Darcey Nooner" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-8.jpg" alt="Avatar" height="30" width="30">
</li>
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Julee Rossignol" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-10.jpg" alt="Avatar" height="30" width="30">
</li>
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Jeffrey Gerondale" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-9.jpg" alt="Avatar" height="30" width="30">
</li>
</ul>
</td>
<td>Florence, Alabama</td>
<td>
<span>168 km</span>
<div class="progress progress-bar-success mt-1 mb-0">
<div class="progress-bar" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td>14:58 26/07/2018</td>
<td>28/07/2018</td>
</tr>
<tr>
<td>#245689</td>
<td><i class="fa fa-circle font-small-3 text-danger mr-50"></i>Canceled</td>
<td class="p-1">
<ul class="list-unstyled users-list m-0 d-flex align-items-center">
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Vinnie Mostowy" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-5.jpg" alt="Avatar" height="30" width="30">
</li>
<li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="Elicia Rieske" class="avatar pull-up">
<img class="media-object rounded-circle" src="/assets2/images/portrait/small/avatar-s-7.jpg" alt="Avatar" height="30" width="30">
</li>
</ul>
</td>
<td>Clifton, Arizona</td>
<td>
<span>125 km</span>
<div class="progress progress-bar-danger mt-1 mb-0">
<div class="progress-bar" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td>14:58 26/07/2018</td>
<td>28/07/2018</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Dashboard Analytics end -->
@@ -9,7 +9,7 @@
<meta name="description" content="Vuexy admin is super flexible, powerful, clean &amp; modern responsive bootstrap 4 admin template with unlimited possibilities.">
<meta name="keywords" content="admin template, Vuexy admin template, dashboard template, flat admin template, responsive admin template, web app">
<meta name="author" content="PIXINVENT">
<title>Dashboard analytics - Vuexy - Bootstrap HTML admin template</title>
<title>CoreGrade</title>
<link rel="apple-touch-icon" href="/assets2/images/ico/apple-icon-120.png">
<link rel="shortcut icon" type="image/x-icon" href="/assets2/images/ico/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600" rel="stylesheet">
@@ -39,7 +39,7 @@
<!-- END: Page CSS-->
<!-- BEGIN: Custom CSS-->
<link rel="stylesheet" type="text/css" href="../../../assets/css/style.css">
<link rel="stylesheet" type="text/css" href="/assets2/css/style.css">
<!-- END: Custom CSS-->
</head>