changed html for call tracking

This commit is contained in:
gandhimathi 2017-11-21 16:24:22 +05:30
parent c918a764b8
commit ec5c8b518a

View File

@ -17,102 +17,107 @@
<div class="row">
<tabset class="tabbable">
<tab heading="View Tracking List" id="viewtrack">
<div class="container-fluid container-fullw">
<div class="row">
<div class="col-md-12" ng-if="loader == true " align="center">
<div class="container-fluid container-fullw">
<div class="row">
<div class="col-md-12" ng-if="loader == true " align="center">
<spinner name="html5spinner">
<div class="overlay"></div>
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
<div class="please-wait">Please Wait...</div>
</spinner>
<spinner name="html5spinner">
<div class="overlay"></div>
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
<div class="please-wait">Please Wait...</div>
</spinner>
</div>
</div>
<!-- <div class="col-md-12" ng-if="emptyData == false && loader == false " style="min-height: 281px;">
<p style="color: red;" align="center"><strong><h3 class="text-center">oops! No
records found... </h3></strong></p>
</div>-->
<div class="col-md-12" ng-if="loader == false">
<div class="col-md-12" ng-if="loader == false">
<div class="row">
<!--<form name="viewForm" id="viewForm" novalidate method="post">
<fieldset>
<div class="row">
<!--<form name="viewForm" id="viewForm" novalidate method="post">
<fieldset>
&lt;!&ndash;<legend>
Search
</legend>&ndash;&gt;
<div data-ng-controller="DatepickerDemoCtrl">
&lt;!&ndash;<legend>
Search
</legend>&ndash;&gt;
<div data-ng-controller="DatepickerDemoCtrl">
<div class="col-md-3">
&lt;!&ndash;<label>
Date <span
class="symbol required"></span>
</label>&ndash;&gt;
<input type="text" tabindex="6"
class="form-control "
ng-click="startOpen = !startOpen"
datepicker-popup="dd-MM-yyyy"
ng-model="myModel.searchDate"
is-open="startOpen"
ng-init="startOpen = false"
name="searchDate"
datepicker-options="dateOptions"
placeholder="Select Date"
min-date="minStartDate"
max-date="minStartDate"
close-text="Close" ng-change="init(viewForm,myModel,'DATE');">
<div class="col-md-3">
&lt;!&ndash;<label>
Date <span
class="symbol required"></span>
</label>&ndash;&gt;
<input type="text" tabindex="6"
class="form-control "
ng-click="startOpen = !startOpen"
datepicker-popup="dd-MM-yyyy"
ng-model="myModel.searchDate"
is-open="startOpen"
ng-init="startOpen = false"
name="searchDate"
datepicker-options="dateOptions"
placeholder="Select Date"
min-date="minStartDate"
max-date="minStartDate"
close-text="Close" ng-change="init(viewForm,myModel,'DATE');">
</div>
</div>
<div class="col-md-3 form-group"
ng-class="{'has-error':viewForm.searchMobileNumber.$dirty && viewForm.searchMobileNumber.$invalid, 'has-success':viewForm.searchMobileNumber.$valid}">
<div class="col-md-3 form-group"
ng-class="{'has-error':viewForm.searchMobileNumber.$dirty && viewForm.searchMobileNumber.$invalid, 'has-success':viewForm.searchMobileNumber.$valid}">
<input type="text" placeholder="Enter Mobile Number" ladda="ldloading1.zoom_in" data-style="zoom-in"
tabindex="5" class="form-control" name="searchMobileNumber" ng-minlength="10" ng-maxlength="12"
ng-model="myModel.searchMobileNumber" ng-pattern="/^[0-9]*$/" ng-change="init(viewForm,myModel,'MOBILE');"/>
<input type="text" placeholder="Enter Mobile Number" ladda="ldloading1.zoom_in" data-style="zoom-in"
tabindex="5" class="form-control" name="searchMobileNumber" ng-minlength="10" ng-maxlength="12"
ng-model="myModel.searchMobileNumber" ng-pattern="/^[0-9]*$/" ng-change="init(viewForm,myModel,'MOBILE');"/>
<span class="error text-small block"
ng-if="viewForm.searchMobileNumber.$error.maxlength || viewForm.searchMobileNumber.$error.minlength || viewForm.searchMobileNumber.$error.pattern">Enter a valid phone number</span>
<span class="error text-small block"
ng-if="viewForm.searchMobileNumber.$error.maxlength || viewForm.searchMobileNumber.$error.minlength || viewForm.searchMobileNumber.$error.pattern">Enter a valid phone number</span>
</div>
<div class="col-md-3 form-group"
ng-class="{'has-error':viewForm.searchStudentName.$dirty && viewForm.searchStudentName.$invalid, 'has-success':viewForm.searchStudentName.$valid}">
<input type="text" placeholder="Enter Student Name"
tabindex="5" class="form-control" name="searchStudentName"
ng-model="myModel.searchStudentName" ng-pattern="/^[a-zA-Z.\s]*$/" ng-blur="init(viewForm,myModel,'NAME');"/>
</div>
<div class="col-md-3 form-group"
ng-class="{'has-error':viewForm.searchStudentName.$dirty && viewForm.searchStudentName.$invalid, 'has-success':viewForm.searchStudentName.$valid}">
<input type="text" placeholder="Enter Student Name"
tabindex="5" class="form-control" name="searchStudentName"
ng-model="myModel.searchStudentName" ng-pattern="/^[a-zA-Z.\s]*$/" ng-blur="init(viewForm,myModel,'NAME');"/>
<span class="error text-small block"
ng-if="viewForm.searchStudentname.$dirty && viewForm.searchStudentname.$error.pattern">Invalid student name </span>
</div>
</fieldset>
</form>-->
<span class="error text-small block"
ng-if="viewForm.searchStudentname.$dirty && viewForm.searchStudentname.$error.pattern">Invalid student name </span>
</div>
</fieldset>
</form>-->
<div class="col-md-3">
<script>
$(function () {
$("#search").focus();
});
</script>
<div class="col-md-12">
<script>
$(function () {
$("#search").focus();
});
</script>
<div class="col-md-3">
<input class="form-control" type="text" ng-model="search" id="search" autofocus tabindex="1" placeholder="Search Date" />
</div>
<input class="form-control" type="text" ng-model="search" id="search" autofocus tabindex="1" placeholder="Search Date,Name ,Mobile" />
<br><br>
</div>
<div class="col-md-3">
<input class="form-control" type="text" ng-model="search2" id="search2" autofocus tabindex="1" placeholder="Search Mobile Number" />
</div>
<div class="col-md-3">
<input class="form-control" type="text" ng-model="search3" id="search3" autofocus tabindex="1" placeholder="Search Student Name" />
</div>
<br><br>
</div>
</div>
</div>
<div class="table-responsive">
<div class="table-responsive">
<!-- <table ng-table="tableParams" class="table table-hover">
@ -164,52 +169,52 @@
</tbody>
</table>-->
<fieldset>
<fieldset>
<table class="table table-hover">
<thead>
<tr>
<th>S.No
</th>
<th ng-click="sort('followupDetails[0].FollowupOn')">Date
<span class="glyphicon sort-icon" ng-show="sortKey=='followupDetails[0].FollowupOn'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
</th>
<th ng-click="sort('LeadName')">Student Name
<span class="glyphicon sort-icon" ng-show="sortKey=='LeadName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
</th>
<th ng-click="sort('MobileNumber')">Mobile Number
<span class="glyphicon sort-icon" ng-show="sortKey=='MobileNumber'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
</th>
<th ng-click="sort('TrackingID')">Tracking ID
<span class="glyphicon sort-icon" ng-show="sortKey=='TrackingID'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
</th>
<th>Activity
</th>
<th>Assigned To
<table class="table table-hover">
<thead>
<tr>
<th>S.No
</th>
<th ng-click="sort('followupDetails')">Date
<span class="glyphicon sort-icon" ng-show="sortKey=='followupDetails'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
</th>
<th ng-click="sort('LeadName')">Student Name
<span class="glyphicon sort-icon" ng-show="sortKey=='LeadName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
</th>
<th ng-click="sort('MobileNumber')">Mobile Number
<span class="glyphicon sort-icon" ng-show="sortKey=='MobileNumber'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
</th>
<th ng-click="sort('TrackingID')">Tracking ID
<span class="glyphicon sort-icon" ng-show="sortKey=='TrackingID'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
</th>
<th>Activity
</th>
<th>Assigned To
</th>
<th></th>
</th>
<th></th>
</tr>
</thead>
<tbody dir-paginate="p in data|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:5">
<tr>
<td>{{$index+1}}</td>
<td><a href="#" class="text-orange" ng-click="setEditId(p);">{{p.followupDetails[0].FollowupOn}}</a></td>
<td>{{p.LeadName}}</td>
<td>{{p.MobileNumber}}</td>
<td>{{p.TrackingID}}</td>
<td>{{p.ListName}}</td>
<td>{{p.Firstname}}</td>
<td><a href="#" class="text-orange" ng-click="setEditId(p);">Click To Follow Up</a></td>
</tr>
</thead>
<tbody dir-paginate="p in data|orderBy:sortKey:reverse|filter:search:strict|filter:search3:strict|filter:search2:strict|itemsPerPage:5">
<tr>
<td>{{$index+1}}</td>
<td><a href="#" class="text-orange" ng-click="setEditId(p);">{{p.followupDetails }}</a></td>
<td>{{p.LeadName}}</td>
<td>{{p.MobileNumber}}</td>
<td>{{p.TrackingID}}</td>
<td>{{p.ListName}}</td>
<td>{{p.Firstname}}</td>
<td><a href="#" class="text-orange" ng-click="setEditId(p);">Click To Follow Up</a></td>
</tr>
</tbody>
</tr>
</tbody>
</table>
<dir-pagination-controls max-size="5" direction-links="true" boundary-links="true">
</dir-pagination-controls>
</fieldset>
</table>
<dir-pagination-controls max-size="5" direction-links="true" boundary-links="true">
</dir-pagination-controls>
</fieldset>
@ -219,11 +224,11 @@
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</tab>