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.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="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.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">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.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">
						<!-- /// controller:  'OnotherCtrl' -  localtion: assets/js/controllers/dashboardCtrl.js /// -->
						<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>
								<!--<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>