Apollo-DEC/apollodec
Apollo-DEC/apollodec
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed html for call tracking

Browse Source
This commit is contained in:
gandhimathi 2017-11-21 16:24:22 +05:30
parent c918a764b8
commit ec5c8b518a
1 changed files with 121 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

237
Apollo/assets/views/callTrackingDetails.html
View File

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