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";
|
||||
|
||||
}
|
||||
|
||||
|
||||
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
|
||||
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
|
||||
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
|
||||
logo: 'assets/images/logo.png', // relative path of the project logo
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<style>
|
||||
a {
|
||||
color:#5b5b60;
|
||||
color: #5b5b60;
|
||||
}
|
||||
</style>
|
||||
<!-- start: DASHBOARD TITLE -->
|
||||
@ -17,131 +17,179 @@
|
||||
<div class="container-fluid container-fullw bg-white" ng-controller="dashboardCtrl">
|
||||
<div class="row" data-ng-init="initCallTracking()">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="panel panel-white" id="panel1">
|
||||
<div class="panel-heading panel-white">
|
||||
<h4 class="panel-title text-green">Today Follow Up Details</h4>
|
||||
<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 class="col-sm-6">
|
||||
<div class="panel panel-white" id="panel1">
|
||||
<div class="panel-heading panel-white">
|
||||
<h4 class="panel-title text-green">Today Follow Up Details</h4>
|
||||
<ct-paneltool class="panel-tools" tool-refresh="load1" ng-click="initCallTracking()"></ct-paneltool>
|
||||
</div>
|
||||
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataToday==false">
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Tracking ID</th>
|
||||
<th>Lead Name</th>
|
||||
<th>Mobile No</th>
|
||||
<th>Activity</th>
|
||||
<th>Status</th>
|
||||
<div class="panel-body">
|
||||
<div ng-if="emptyDataToday==true">
|
||||
<center>
|
||||
<h5 class="text-dark">No Followup!</h5>
|
||||
</center>
|
||||
</div>
|
||||
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataToday==false">
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Tracking ID</th>
|
||||
<th>Lead Name</th>
|
||||
<th>Mobile No</th>
|
||||
<th>Activity</th>
|
||||
<th>Status</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody ng-repeat="today in todayFolloupDetails">
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody ng-repeat="today in todayFolloupDetails">
|
||||
|
||||
<tr>
|
||||
<td>{{today.TrackingID}}</td>
|
||||
<td>{{today.LeadName}}</td>
|
||||
<td>{{today.MobileNumber}}</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-warning">{{today.statusListName}}</span></td>
|
||||
<tr>
|
||||
<td>{{today.TrackingID}}</td>
|
||||
<td>{{today.LeadName}}</td>
|
||||
<td>{{today.MobileNumber}}</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-warning">{{today.statusListName}}</span></td>
|
||||
|
||||
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="panel panel-white" id="panel2">
|
||||
<div class="panel-heading panel-white">
|
||||
<h4 class="panel-title text-red">Pending Follow Up Details</h4>
|
||||
<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 class="col-sm-6">
|
||||
<div class="panel panel-white" id="panel2">
|
||||
<div class="panel-heading panel-white">
|
||||
<h4 class="panel-title text-red">Pending Follow Up Details</h4>
|
||||
<ct-paneltool class="panel-tools" tool-refresh="load1" ng-click="initCallTracking()"></ct-paneltool>
|
||||
</div>
|
||||
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataPending==false">
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Tracking ID</th>
|
||||
<th>Lead Name</th>
|
||||
<th>Mobile No</th>
|
||||
<th>Activity</th>
|
||||
<th>Followup On</th>
|
||||
<th>Status</th>
|
||||
<div class="panel-body">
|
||||
<div ng-if="emptyDataPending==true">
|
||||
<center>
|
||||
<h5 class="text-dark">No Pending Followup!</h5>
|
||||
</center>
|
||||
</div>
|
||||
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataPending==false">
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Tracking ID</th>
|
||||
<th>Lead Name</th>
|
||||
<th>Mobile No</th>
|
||||
<th>Activity</th>
|
||||
<th>Followup On</th>
|
||||
<th>Status</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody ng-repeat="pending in pendingFolloupDetails">
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody ng-repeat="pending in pendingFolloupDetails">
|
||||
|
||||
<tr>
|
||||
<td>{{pending.TrackingID}}</td>
|
||||
<td>{{pending.LeadName}}</td>
|
||||
<td>{{pending.MobileNumber}}</td>
|
||||
<td>{{pending.ListName}}</td>
|
||||
<td>{{pending.FollowupOn}}</td>
|
||||
<td class="hidden-xs"><span class="label label-sm label-danger">{{pending.statusListName}}</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr>
|
||||
<td>{{pending.TrackingID}}</td>
|
||||
<td>{{pending.LeadName}}</td>
|
||||
<td>{{pending.MobileNumber}}</td>
|
||||
<td>{{pending.ListName}}</td>
|
||||
<td>{{pending.FollowupOn}}</td>
|
||||
<td class="hidden-xs"><span class="label label-sm label-danger">{{pending.statusListName}}</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="panel panel-white" id="panel3">
|
||||
<div class="panel-heading panel-white">
|
||||
<h4 class="panel-title text-purple">Today Created Lead Details</h4>
|
||||
<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 class="col-sm-6">
|
||||
<div class="panel panel-white" id="panel3">
|
||||
<div class="panel-heading panel-white">
|
||||
<h4 class="panel-title text-purple">Today Created Lead Details</h4>
|
||||
<ct-paneltool class="panel-tools" tool-refresh="load1" ng-click="initCallTracking()"></ct-paneltool>
|
||||
</div>
|
||||
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataLead==false">
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Tracking ID</th>
|
||||
<th>Lead Name</th>
|
||||
<th>Mobile No</th>
|
||||
<th>Activity</th>
|
||||
<th>Followup On</th>
|
||||
<th>Status</th>
|
||||
<div class="panel-body">
|
||||
<div ng-if="emptyDataLead==true">
|
||||
<center>
|
||||
<h5 class="text-dark">No Lead Created By Today!</h5>
|
||||
</center>
|
||||
</div>
|
||||
<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataLead==false">
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Tracking ID</th>
|
||||
<th>Lead Name</th>
|
||||
<th>Mobile No</th>
|
||||
<th>Activity</th>
|
||||
<th>Followup On</th>
|
||||
<th>Status</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody ng-repeat="lead in leadDetails">
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody ng-repeat="lead in leadDetails">
|
||||
|
||||
<tr>
|
||||
<td>{{lead.TrackingID}}</td>
|
||||
<td>{{lead.LeadName}}</td>
|
||||
<td>{{lead.MobileNumber}}</td>
|
||||
<td>{{lead.ListName}}</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> </tr>
|
||||
</tbody>
|
||||
<tr>
|
||||
<td>{{lead.TrackingID}}</td>
|
||||
<td>{{lead.LeadName}}</td>
|
||||
<td>{{lead.MobileNumber}}</td>
|
||||
<td>{{lead.ListName}}</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>
|
||||
</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>
|
||||
Loading…
Reference in New Issue
Block a user