apollodec/Apollo/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="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>
						<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>
										<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>

							</table>
						</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>
						<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>
										<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>
						</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>
						<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>
										<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>
						</div>
					</div>
				</div>
			</div>
		
		</div>
	</div>
	<div>
	</div>
</div>