apollo_developers/assets/views/dashboard.html

<style>
	a {
		color: #5b5b60;
	}
</style>
<!-- start: DASHBOARD TITLE -->
<!--<section id="page-title" class="padding-top-15 padding-bottom-15">
	<div class="row">
		<div class="col-sm-7">
			<h1 class="mainTitle" translate="dashboard.WELCOME" translate-values="{ appName: app.name }">{{ mainTitle }}</h1>
			<span class="mainDescription"></span>
		</div>
	</div>
</section> -->
<!-- end: DASHBOARD TITLE -->
<!-- start: FEATURED BOX LINKS -->
<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="container">
				<div class="row">
					
				<div class="panel panel-white" id="panel1">
					<div class="panel-heading panel-white">
						<h4 class="panel-title text-green">Follow Ups For Today : {{todayFolloupDetails.length}}</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>
						<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataToday==false">
							<table class="table table-hover" ng-controller="studentModalDemoCtrl">
								<thead>
								 <tr><!--<td colspan="5" style="background:#1FBBA6;color:#fff !important">Total Entries :{{todayFolloupDetails.length}}</td></tr>-->
									<tr>
										<th> ID</th>
										<th> Name</th>
										<th>Mobile  </th>
										<th>Activity</th>
										<th>Status</th>

									</tr>
								</thead>
								<tbody ng-repeat="today in todayFolloupDetails">
											
									<tr>
										<td>{{today.TrackingID}}</td>
										<td><a tooltip="View Student" class="text-dark" ng-click="open(today);">{{today.LeadName}}</a></td>
										<td><a tooltip="View Student" class="text-dark" ng-click="open(today);">{{today.MobileNumber}}</a></td>
										<td>{{today.ActivityName}}</td>
										<td class="hidden-xs" ng-if="today.statusName=='CLOSE'"><span class="label label-sm label-success">{{today.statusName}}</span></td>
										<td class="hidden-xs" ng-if="today.statusName!='CLOSE'"><span class="label label-sm label-warning">{{today.statusName}}</span></td>



									</tr>
								</tbody>

							</table>
						</div>
					</div>
				</div>
				</div>
			
				<div class="row">
						<div class="panel panel-white" id="panel3">
								<div class="panel-heading panel-white">
									<h4 class="panel-title text-purple"> Leads  Created Today :{{leadDetails.length}}</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>
									<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataLead==false">
										<table class="table table-hover" ng-controller="studentModalDemoCtrl">
											<thead>
											 <!-- <tr><td colspan="6" style="background:#DD5A82;color:#fff !important">Total Entries :{{leadDetails.length}}</td></tr> -->
												<tr>
													<th> ID</th>
													<th>  Name</th>
													<th>Mobile  </th>
													<th>Activity</th>
													<th>Followup  </th>
													<th>Status</th>
			
												</tr>
											</thead>
											<tbody ng-repeat="lead in leadDetails">
			
												<tr>
													<td>{{lead.TrackingID}}</td>
													<td><a tooltip="View Student" class="text-dark" ng-click="open(lead);">{{lead.LeadName}}</a></td>
													<td><a tooltip="View Student" class="text-dark" ng-click="open(lead);">{{lead.MobileNumber}}</a></td>
													<td>{{lead.ActivityName}}</td>
													<td>{{lead.FollowupOn}}</td>
													<td class="hidden-xs" ng-if="lead.statusName=='CLOSE'"><span class="label label-sm label-info">{{lead.statusName}}</span></td>
													<td class="hidden-xs" ng-if="lead.statusName!='CLOSE'"><span class="label label-sm label-info">{{lead.statusName}}</span></td>
												</tr>
											</tbody>
			
										</table>
									</div>
								</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 Ups :{{pendingFolloupDetails.length}}</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>
						<div class="panel-scroll height-460" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataPending==false">
							<table class="table table-hover" ng-controller="studentModalDemoCtrl">
								<thead>
								 <!-- <tr> -->
									 <!-- <td colspan="6" style="background:#C82E29;color:#fff !important">Total Entries :{{pendingFolloupDetails.length}}</td></tr> -->
									<tr>
										<th> ID</th>
										<th> Name</th>
										<th>Mobile  </th>
										<th>Activity</th>
										<th>Followup </th>
										<th>Status</th>

									</tr>
								</thead>
								<tbody ng-repeat="pending in pendingFolloupDetails">

									<tr>
										<td>{{pending.TrackingID}}</td>
										<td><a tooltip="View Student" class="text-dark" ng-click="open(pending);">{{pending.LeadName}}</a></td>
										<td><a tooltip="View Student" class="text-dark" ng-click="open(pending);">{{pending.MobileNumber}}</a></td>
										<td>{{pending.ActivityName}}</td>
										<td>{{pending.FollowupOn}}</td>
										<td class="hidden-xs"><span class="label label-sm label-danger">{{pending.statusName}}</span></td>
									</tr>
								</tbody>

							</table>
						</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"> Leads  Created Today :{{leadDetails.length}}</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>
						<div class="panel-scroll height-180" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true" ng-if="emptyDataLead==false">
							<table class="table table-hover" ng-controller="studentModalDemoCtrl">
								<thead>
								<tr>
										<th> ID</th>
										<th>  Name</th>
										<th>Mobile  </th>
										<th>Activity</th>
										<th>Followup  </th>
										<th>Status</th>

									</tr>
								</thead>
								<tbody ng-repeat="lead in leadDetails">

									<tr>
										<td>{{lead.TrackingID}}</td>
										<td><a tooltip="View Student" class="text-dark" ng-click="open(lead);">{{lead.LeadName}}</a></td>
										<td><a tooltip="View Student" class="text-dark" ng-click="open(lead);">{{lead.MobileNumber}}</a></td>
										<td>{{lead.ActivityName}}</td>
										<td>{{lead.FollowupOn}}</td>
										<td class="hidden-xs" ng-if="lead.statusName=='CLOSE'"><span class="label label-sm label-info">{{lead.statusName}}</span></td>
										<td class="hidden-xs" ng-if="lead.statusName!='CLOSE'"><span class="label label-sm label-info">{{lead.statusName}}</span></td>
									</tr>
								</tbody>

							</table>
						</div>
					</div>
				</div>
			</div> -->
			<!-- <div class="col-sm-6">
				<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">
						<div ng-controller="OnotherCtrl">
							<div class="text-center" data-ng-init="init()">
								<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>
							</div>
							<div class="margin-top-20 text-center legend-xs">
								<div tc-chartjs-legend chart-legend="chart3" class="inline"></div>
							</div>
						</div>
					</div>
				</div>
			</div> -->
		</div>
	</div>
	<div>
	</div>
</div>