File: /home/imensosw/www/imenso.co/dev/CaseManagement_design/dashboard.php
<?php include 'header.php';?>
<?php include 'top-menu.php';?>
<div class="container-scroller">
<?php include 'sidebar.php';?>
<div class="page-body-wrapper animate">
<div class="main-panel">
<div class="content-wrapper pb-0">
<!-- <div class="no_audit p-5 text-center mt-3" >
<img src="./images/norecord.png">
<p class="txt_black" style="font-size: 16px; font-weight: bold;">Coming Soon</p>
</div> -->
<div class="row mb-4">
<div class="col-sm-7">
</div>
<div class="col-sm-5 text-right">
<div class="dropdown">
<button class="btn btn-default mb-2 mb-md-0 dropdown-toggle" type="button" data-toggle="dropdown"><i class="far fa-calendar"></i> 1Jan, 2020-30Jan, 2020
<span class="caret"></span></button>
<ul class="dropdown-menu default">
<li><a href="#">1Feb, 2020-28Feb, 2020</a></li>
<li><a href="#">1Jan, 2020-30Jan, 2020</a></li>
<li><a href="#">1Dec, 2020-31Dec, 2020</a></li>
</ul>
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-sm-12">
<div class="d-flex card_statistics">
<div class="card_cnt">
<div class="px-3 pt-3">Cases
<div class="mt-1"><big>1,22</big> </div>
</div>
<a href="#" class="icn bg_danger"> <i class="fas fa-suitcase menu-icon"></i> </a>
<a href="" class="btn btn-block">Total 5,000</a>
</div>
<div class="card_cnt">
<div class="px-3 pt-3">Clients
<div class="mt-1"><big>1,252</big></div>
</div>
<a href="#" class="icn bg-success"> <i class="fas fa-user-friends"></i> </a>
<a href="" class="btn btn-block">Total 45,025</a>
</div>
<div class="card_cnt">
<div class="px-3 pt-3">Investigator
<div class="mt-1"><big>1,252</big> </div>
</div>
<a href="#" class="icn bg-warning"> <i class="fas fa-user-tie"></i> </a>
<a href="" class="btn btn-block">Total 135</a>
</div>
<div class="card_cnt">
<div class="px-3 pt-3">Task
<div class="mt-1"><big>1,252</big></div>
</div>
<a href="#" class="icn bg-info"> <i class="fas fa-user-friends"></i> </a>
<a href="" class="btn btn-block">Total 45,654</a>
</div>
</div>
</div>
</div>
<!-- <div class="no_audit p-5 text-center mt-3" >
<img src="./images/norecord.png">
<p class="txt_black" style="font-size: 16px; font-weight: bold;">Coming Soon</p>
</div> -->
<div class="row">
<div class="col-sm-8">
<div class="card mb-4">
<div class="card-body">
<h5>Case Performance</h5>
<hr class="mb-0" />
<div id="curve_chart" style="width: 100%; height: auto"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="card">
<div class="card-body">
<h5>My Daily Activities</h5>
<hr class="mb-0" />
<div id="donutchart" style="width: 100%; height: auto;"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between">
<h5>Recent Cases</h5>
<a href="case.php" class="txt-warning">View All</a>
</div>
<hr class="mb-0" />
<div class="table-responsive">
<table class="table custom-table txt-dark">
<thead>
<tr>
<th> Id </th>
<th> Case Title </th>
<th> Case Type </th>
<th> Task </th>
<th> Date </th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#"> 0001</a></td>
<td><a href="#"> Transfer Criminal Petition</a></td>
<td><a href="#">Civil</a></td>
<td><a href="" class="btn-third">18</a></td>
<td>1 March 2020</td>
</tr>
<tr>
<td><a href="#"> 0002</a></td>
<td> <a href="#">Service Tax Appeal </a></td>
<td><a href="#">Training</a></td>
<td><a href="" class="btn-third">11</a></td>
<td>2 March 2020</td>
</tr>
<tr>
<td><a href="#"> 0003</a></td>
<td><a href="#"> Sales Tax Cases </a></td>
<td><a href="#">Criminal</a></td>
<td><a href="" class="btn-third">10</a></td>
<td>3 March 2020</td>
</tr>
<tr>
<td><a href="#"> 0004</a></td>
<td><a href="#"> Regular First Appeal</a></td>
<td><a href="#">Training</a></td>
<td><a href="" class="btn-third">10</a></td>
<td>4 March 2020</td>
</tr>
<tr>
<td><a href="#"> 0005</a></td>
<td><a href="#"> Criminal Reference</a></td>
<td><a href="#">Criminal</a></td>
<td><a href="" class="btn-third">8</a></td>
<td>5 March 2020</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between">
<h5>Investigators</h5>
<a href="investigator.php" class="txt-warning">View All</a>
</div>
<hr class="mb-0" />
<div class="table-responsive">
<table class="table custom-table txt-dark">
<thead>
<tr>
<th> Id </th>
<th> Name </th>
<th> Task </th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#"> 0001</a></td>
<td><a href="#"> John</a></td>
<td><a href="3" class="btn-third">35</a></td>
</tr>
<tr>
<td><a href="#"> 0002</a></td>
<td> <a href="#"> Leah</a></td>
<td><a href="3" class="btn-third">30</a></td>
</tr>
<tr>
<td><a href="#"> 0003</a></td>
<td><a href="#">Cecelia</a></td>
<td><a href="3" class="btn-third">25</a></td>
</tr>
<tr>
<td><a href="#"> 0004</a></td>
<td><a href="#">Fitzgerald</a></td>
<td><a href="3" class="btn-third">15</a></td>
</tr>
<tr>
<td><a href="#"> 0005</a></td>
<td><a href="#">Jensen</a></td>
<td><a href="3" class="btn-third">12</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="card-body">
<a href="case.php" class="btn btn-default btn-sm mb-2">Civil</a>
<a href="case.php" class="btn btn-default btn-sm mb-2">Criminal</a>
<a href="case.php" class="btn btn-default btn-sm mb-2">Training</a>
<a href="case.php" class="btn btn-default btn-sm mb-2">Consulting</a>
</div>
</div>
</div>
</div>
<?php include 'copyrighte.php';?>
</div>
</div>
</div>
<?php include 'footer.php';?>
<script type="text/javascript">
$(document).ready(function(){
$("#heading").html('Dashboard');
$("#sidebar>ul#setActiveOnNav>li#dashboard_active").addClass('active');
});
</script>
<script type="text/javascript">
// line chart
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Civil', 'Criminal', 'Trainig', 'Consulting'],
['2004', 1000, 400, 480,600],
['2005', 1170, 460,700,1000],
['2006', 660, 1120,200,480],
['2007', 1030, 540,150,800]
]);
var options = {
//title: 'Case Performance',
curveType: 'function',
legend: { position: 'bottom' }
};
var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data, options);
}
//Donut Chart
google.charts.load("current", {packages:["corechart"]});
google.charts.setOnLoadCallback(drawChart1);
function drawChart1() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Case', 11],
['Task', 2],
['Investigators', 2],
['Clients', 7]
]);
var options = {
// title: 'My Daily Activities',
pieHole: 0.8,
//legend: 'none',
//pieSliceText: 'label',
legend: { position: 'bottom', alignment: 'start' },
};
var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
chart.draw(data, options);
}
</script>