add student , employee count on dashboard
This commit is contained in:
resicovenba
parent
547a9a4ebd
commit
35ddff70db
@ -75,8 +75,6 @@ class Announcement_model extends CI_Model {
|
|||||||
$result['message'] = "Something went wrong.please try again";
|
$result['message'] = "Something went wrong.please try again";
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
return $result;
|
return $result;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -64,3 +64,59 @@ app.controller('dashboardCtrl', ["$scope","toaster", "$filter", "ngTableParams",
|
|||||||
|
|
||||||
}]);
|
}]);
|
||||||
|
|
||||||
|
app.controller('OnotherCtrl', ["$scope", function ($scope) {
|
||||||
|
|
||||||
|
// Chart.js Data
|
||||||
|
$scope.data = [
|
||||||
|
|
||||||
|
{
|
||||||
|
value: 50,
|
||||||
|
color: '#46BFBD',
|
||||||
|
highlight: '#5AD3D1',
|
||||||
|
label: 'Student'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 100,
|
||||||
|
color: '#FDB45C',
|
||||||
|
highlight: '#FFC870',
|
||||||
|
label: 'Staff'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
$scope.total = 150;
|
||||||
|
// Chart.js Options
|
||||||
|
$scope.options = {
|
||||||
|
|
||||||
|
// Sets the chart to be responsive
|
||||||
|
responsive: false,
|
||||||
|
|
||||||
|
//Boolean - Whether we should show a stroke on each segment
|
||||||
|
segmentShowStroke: true,
|
||||||
|
|
||||||
|
//String - The colour of each segment stroke
|
||||||
|
segmentStrokeColor: '#fff',
|
||||||
|
|
||||||
|
//Number - The width of each segment stroke
|
||||||
|
segmentStrokeWidth: 2,
|
||||||
|
|
||||||
|
//Number - The percentage of the chart that we cut out of the middle
|
||||||
|
percentageInnerCutout: 50, // This is 0 for Pie charts
|
||||||
|
|
||||||
|
//Number - Amount of animation steps
|
||||||
|
animationSteps: 100,
|
||||||
|
|
||||||
|
//String - Animation easing effect
|
||||||
|
animationEasing: 'easeOutBounce',
|
||||||
|
|
||||||
|
//Boolean - Whether we animate the rotation of the Doughnut
|
||||||
|
animateRotate: true,
|
||||||
|
|
||||||
|
//Boolean - Whether we animate scaling the Doughnut from the centre
|
||||||
|
animateScale: false,
|
||||||
|
|
||||||
|
//String - A legend template
|
||||||
|
legendTemplate: '<ul class="tc-chart-js-legend"><% for (var i=0; i<segments.length; i++){%><li><span style="background-color:<%=segments[i].fillColor%>"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>'
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
}]);
|
||||||
|
|
||||||
|
|||||||
@ -29,7 +29,7 @@ function ($rootScope, $state, $stateParams) {
|
|||||||
isNavbarFixed: true, //true if you want to initialize the template with fixed header
|
isNavbarFixed: true, //true if you want to initialize the template with fixed header
|
||||||
isSidebarFixed: true, // true if you want to initialize the template with fixed sidebar
|
isSidebarFixed: true, // true if you want to initialize the template with fixed sidebar
|
||||||
isSidebarClosed: true, // true if you want to initialize the template with closed sidebar
|
isSidebarClosed: true, // true if you want to initialize the template with closed sidebar
|
||||||
isFooterFixed: true, // true if you want to initialize the template with fixed footer
|
isFooterFixed: false, // true if you want to initialize the template with fixed footer
|
||||||
theme: 'theme-5', // indicate the theme chosen for your project
|
theme: 'theme-5', // indicate the theme chosen for your project
|
||||||
logo: 'assets/images/logo.png', // relative path of the project logo
|
logo: 'assets/images/logo.png', // relative path of the project logo
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
<style>
|
<style>
|
||||||
a {
|
a {
|
||||||
color:#5b5b60;
|
color: #5b5b60;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<!-- start: DASHBOARD TITLE -->
|
<!-- start: DASHBOARD TITLE -->
|
||||||
@ -17,131 +17,179 @@
|
|||||||
<div class="container-fluid container-fullw bg-white" ng-controller="dashboardCtrl">
|
<div class="container-fluid container-fullw bg-white" ng-controller="dashboardCtrl">
|
||||||
<div class="row" data-ng-init="initCallTracking()">
|
<div class="row" data-ng-init="initCallTracking()">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<div class="panel panel-white" id="panel1">
|
<div class="panel panel-white" id="panel1">
|
||||||
<div class="panel-heading panel-white">
|
<div class="panel-heading panel-white">
|
||||||
<h4 class="panel-title text-green">Today Follow Up Details</h4>
|
<h4 class="panel-title text-green">Today Follow Up Details</h4>
|
||||||
<ct-paneltool class="panel-tools" tool-refresh="load1" ng-click="initCallTracking()"></ct-paneltool>
|
<ct-paneltool class="panel-tools" tool-refresh="load1" ng-click="initCallTracking()"></ct-paneltool>
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<div ng-if="emptyDataToday==true">
|
|
||||||
<center><h5 class="text-dark">No Followup!</h5></center>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataToday==false">
|
<div class="panel-body">
|
||||||
<table class="table table-hover">
|
<div ng-if="emptyDataToday==true">
|
||||||
<thead>
|
<center>
|
||||||
<tr>
|
<h5 class="text-dark">No Followup!</h5>
|
||||||
<th>Tracking ID</th>
|
</center>
|
||||||
<th>Lead Name</th>
|
</div>
|
||||||
<th>Mobile No</th>
|
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataToday==false">
|
||||||
<th>Activity</th>
|
<table class="table table-hover">
|
||||||
<th>Status</th>
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Tracking ID</th>
|
||||||
|
<th>Lead Name</th>
|
||||||
|
<th>Mobile No</th>
|
||||||
|
<th>Activity</th>
|
||||||
|
<th>Status</th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody ng-repeat="today in todayFolloupDetails">
|
<tbody ng-repeat="today in todayFolloupDetails">
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>{{today.TrackingID}}</td>
|
<td>{{today.TrackingID}}</td>
|
||||||
<td>{{today.LeadName}}</td>
|
<td>{{today.LeadName}}</td>
|
||||||
<td>{{today.MobileNumber}}</td>
|
<td>{{today.MobileNumber}}</td>
|
||||||
<td>{{today.ListName}}</td>
|
<td>{{today.ListName}}</td>
|
||||||
<td class="hidden-xs" ng-if="today.StatusCode!='S001'"><span class="label label-sm label-success">{{today.statusListName}}</span></td>
|
<td class="hidden-xs" ng-if="today.StatusCode!='S001'"><span class="label label-sm label-success">{{today.statusListName}}</span></td>
|
||||||
<td class="hidden-xs" ng-if="today.StatusCode=='S001'"><span class="label label-sm label-warning">{{today.statusListName}}</span></td>
|
<td class="hidden-xs" ng-if="today.StatusCode=='S001'"><span class="label label-sm label-warning">{{today.statusListName}}</span></td>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-sm-6">
|
||||||
<div class="col-sm-6">
|
<div class="panel panel-white" id="panel2">
|
||||||
<div class="panel panel-white" id="panel2">
|
<div class="panel-heading panel-white">
|
||||||
<div class="panel-heading panel-white">
|
<h4 class="panel-title text-red">Pending Follow Up Details</h4>
|
||||||
<h4 class="panel-title text-red">Pending Follow Up Details</h4>
|
<ct-paneltool class="panel-tools" tool-refresh="load1" ng-click="initCallTracking()"></ct-paneltool>
|
||||||
<ct-paneltool class="panel-tools" tool-refresh="load1" ng-click="initCallTracking()"></ct-paneltool>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<div ng-if="emptyDataPending==true">
|
|
||||||
<center><h5 class="text-dark">No Pending Followup!</h5></center>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataPending==false">
|
<div class="panel-body">
|
||||||
<table class="table table-hover">
|
<div ng-if="emptyDataPending==true">
|
||||||
<thead>
|
<center>
|
||||||
<tr>
|
<h5 class="text-dark">No Pending Followup!</h5>
|
||||||
<th>Tracking ID</th>
|
</center>
|
||||||
<th>Lead Name</th>
|
</div>
|
||||||
<th>Mobile No</th>
|
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataPending==false">
|
||||||
<th>Activity</th>
|
<table class="table table-hover">
|
||||||
<th>Followup On</th>
|
<thead>
|
||||||
<th>Status</th>
|
<tr>
|
||||||
|
<th>Tracking ID</th>
|
||||||
|
<th>Lead Name</th>
|
||||||
|
<th>Mobile No</th>
|
||||||
|
<th>Activity</th>
|
||||||
|
<th>Followup On</th>
|
||||||
|
<th>Status</th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody ng-repeat="pending in pendingFolloupDetails">
|
<tbody ng-repeat="pending in pendingFolloupDetails">
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>{{pending.TrackingID}}</td>
|
<td>{{pending.TrackingID}}</td>
|
||||||
<td>{{pending.LeadName}}</td>
|
<td>{{pending.LeadName}}</td>
|
||||||
<td>{{pending.MobileNumber}}</td>
|
<td>{{pending.MobileNumber}}</td>
|
||||||
<td>{{pending.ListName}}</td>
|
<td>{{pending.ListName}}</td>
|
||||||
<td>{{pending.FollowupOn}}</td>
|
<td>{{pending.FollowupOn}}</td>
|
||||||
<td class="hidden-xs"><span class="label label-sm label-danger">{{pending.statusListName}}</span></td>
|
<td class="hidden-xs"><span class="label label-sm label-danger">{{pending.statusListName}}</span></td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<div class="panel panel-white" id="panel3">
|
<div class="panel panel-white" id="panel3">
|
||||||
<div class="panel-heading panel-white">
|
<div class="panel-heading panel-white">
|
||||||
<h4 class="panel-title text-purple">Today Created Lead Details</h4>
|
<h4 class="panel-title text-purple">Today Created Lead Details</h4>
|
||||||
<ct-paneltool class="panel-tools" tool-refresh="load1" ng-click="initCallTracking()"></ct-paneltool>
|
<ct-paneltool class="panel-tools" tool-refresh="load1" ng-click="initCallTracking()"></ct-paneltool>
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<div ng-if="emptyDataLead==true">
|
|
||||||
<center><h5 class="text-dark">No Lead Created By Today!</h5></center>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataLead==false">
|
<div class="panel-body">
|
||||||
<table class="table table-hover">
|
<div ng-if="emptyDataLead==true">
|
||||||
<thead>
|
<center>
|
||||||
<tr>
|
<h5 class="text-dark">No Lead Created By Today!</h5>
|
||||||
<th>Tracking ID</th>
|
</center>
|
||||||
<th>Lead Name</th>
|
</div>
|
||||||
<th>Mobile No</th>
|
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataLead==false">
|
||||||
<th>Activity</th>
|
<table class="table table-hover">
|
||||||
<th>Followup On</th>
|
<thead>
|
||||||
<th>Status</th>
|
<tr>
|
||||||
|
<th>Tracking ID</th>
|
||||||
|
<th>Lead Name</th>
|
||||||
|
<th>Mobile No</th>
|
||||||
|
<th>Activity</th>
|
||||||
|
<th>Followup On</th>
|
||||||
|
<th>Status</th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody ng-repeat="lead in leadDetails">
|
<tbody ng-repeat="lead in leadDetails">
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>{{lead.TrackingID}}</td>
|
<td>{{lead.TrackingID}}</td>
|
||||||
<td>{{lead.LeadName}}</td>
|
<td>{{lead.LeadName}}</td>
|
||||||
<td>{{lead.MobileNumber}}</td>
|
<td>{{lead.MobileNumber}}</td>
|
||||||
<td>{{lead.ListName}}</td>
|
<td>{{lead.ListName}}</td>
|
||||||
<td>{{lead.FollowupOn}}</td>
|
<td>{{lead.FollowupOn}}</td>
|
||||||
<td class="hidden-xs" ng-if="lead.StatusCode!='S001'"><span class="label label-sm label-info">{{lead.statusListName}}</span></td>
|
<td class="hidden-xs" ng-if="lead.StatusCode!='S001'"><span class="label label-sm label-info">{{lead.statusListName}}</span></td>
|
||||||
<td class="hidden-xs" ng-if="lead.StatusCode=='S001'"><span class="label label-sm label-info">{{lead.statusListName}}</span></td> </tr>
|
<td class="hidden-xs" ng-if="lead.StatusCode=='S001'"><span class="label label-sm label-info">{{lead.statusListName}}</span></td>
|
||||||
</tbody>
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-3">
|
||||||
|
<div class="panel panel-white no-radius">
|
||||||
|
<div class="panel-heading border-bottom">
|
||||||
|
<h4 class="panel-title">New Users</h4>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
<!-- /// controller: 'OnotherCtrl' - localtion: assets/js/controllers/dashboardCtrl.js /// -->
|
||||||
|
<div ng-controller="OnotherCtrl">
|
||||||
|
<div class="text-center">
|
||||||
|
<span class="mini-pie"> <canvas class="tc-chart" tc-chartjs-doughnut chart-options="options" chart-data="data" chart-legend="chart3" width="100"></canvas> <span>{{total}}</span> </span>
|
||||||
|
<!--<span class="inline text-large no-wrap">Acquisition</span>-->
|
||||||
|
</div>
|
||||||
|
<div class="margin-top-20 text-center legend-xs">
|
||||||
|
<div tc-chartjs-legend chart-legend="chart3" class="inline"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="panel-footer">
|
||||||
|
<div class="clearfix padding-5 space5">
|
||||||
|
<div class="col-xs-4 text-center no-padding">
|
||||||
|
<div class="border-right border-dark">
|
||||||
|
<span class="text-bold block text-extra-large">90%</span>
|
||||||
|
<span class="text-light">Satisfied</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-4 text-center no-padding">
|
||||||
|
<div class="border-right border-dark">
|
||||||
|
<span class="text-bold block text-extra-large">2%</span>
|
||||||
|
<span class="text-light">Unsatisfied</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-4 text-center no-padding">
|
||||||
|
<span class="text-bold block text-extra-large">8%</span>
|
||||||
|
<span class="text-light">NA</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
Loading…
Reference in New Issue
Block a user