545 lines
34 KiB
HTML
Executable File
545 lines
34 KiB
HTML
Executable File
<style>
|
|
b.fa {
|
|
display: inline-block;
|
|
border-radius: 60px;
|
|
box-shadow: 0px 0px 2px #FF6600;
|
|
padding: 0.5em 0.6em;
|
|
|
|
|
|
}
|
|
b.fa1 {
|
|
display: inline-block;
|
|
border-radius: 60px;
|
|
box-shadow: 0px 0px 2px green;
|
|
padding: 0.5em 0.6em;
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
<!-- start: PAGE TITLE -->
|
|
<section id="page-title">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
|
|
<h1 class="mainTitle" translate="Call Tracking Details">{{ mainTitle }}</h1>
|
|
<!--
|
|
<span class="mainDescription">Over a dozen reusable components built to provide popovers, media objects, navigation, tooltips and much more. </span>
|
|
-->
|
|
</div>
|
|
<div ncy-breadcrumb></div>
|
|
</div>
|
|
</section>
|
|
<!-- end: PAGE TITLE -->
|
|
<!-- start: LIST GROUP -->
|
|
<div class="container-fluid container-fullw bg-white" ng-controller="callTrackingCtrl" data-ng-init="checkDate(myModel,'1')">
|
|
<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="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" >
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
<script>
|
|
$(function () {
|
|
$("#search").focus();
|
|
});
|
|
</script>
|
|
<div class="col-md-2">
|
|
|
|
|
|
<input type="text"
|
|
class="form-control "
|
|
ng-click="startOpen = !startOpen"
|
|
datepicker-popup="dd-MM-yyyy"
|
|
ng-model="myModel.searchDate"
|
|
is-open="startOpen"
|
|
ng-init="startOpen = false"
|
|
name="date1"
|
|
|
|
datepicker-options="dateOptions"
|
|
placeholder="Select From Date"
|
|
max-date="minStartDate"
|
|
close-text="Close" ng-change="checkDate(myModel,'2');">
|
|
|
|
|
|
|
|
<input class="form-control" type="text" ng-model="myModel.search" id="search" autofocus placeholder="Search Date" ng-hide="hideDateSearch==true" />
|
|
</div>
|
|
<div class="col-md-2">
|
|
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<input type="text" class="form-control " ng-click="startOpen = !startOpen" datepicker-popup="dd-MM-yyyy" ng-model="myModel.dateTo"
|
|
is-open="startOpen" ng-init="startOpen = false" name="addDate" datepicker-options="dateOptions"
|
|
min-date="toMinDate"
|
|
placeholder="Select To Date" close-text="Close" required="required" ng-change="checkToDate(myModel);"
|
|
show-button-bar="true" />
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-2">
|
|
<input class="form-control" type="text" ng-model="search2" id="search2" autofocus tabindex="2" placeholder="Search " />
|
|
</div>
|
|
<!-- Search By Activity-->
|
|
<div class="col-md-2 col-md">
|
|
<input class="form-control" type="text" ng-model="search3.ActivityName" id="search3" autofocus tabindex="3" placeholder="Search Activity" />
|
|
</div>
|
|
<!-- Search By Assign To-->
|
|
<div class="col-md-2">
|
|
<input class="form-control" type="text" ng-model="search4.Firstname" id="search4" autofocus tabindex="4" placeholder="Search Assigned To" />
|
|
</div>
|
|
<!-- Search By Status-->
|
|
<div class="col-md-2">
|
|
<input class="form-control" type="text" ng-model="search5.statusName" id="search5" autofocus tabindex="5" placeholder="Search Status" />
|
|
</div>
|
|
<br><br>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<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>
|
|
|
|
</div>
|
|
|
|
<div class="table-responsive" ng-if="loader == false">
|
|
|
|
<fieldset>
|
|
|
|
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr >
|
|
<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 ng-click="sort('followupDetails')">Followup On
|
|
<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>University</th>
|
|
<th>Course</th>
|
|
<th>Activity
|
|
</th>
|
|
<th>Assigned To</th>
|
|
<th>Status</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody dir-paginate="p in data|unique:'TrackingID' |orderBy:sortKey:reverse|filter:search2:strict| filter:search3:strict| filter:search4:strict| filter:search5:strict|itemsPerPage:10">
|
|
<tr ng-click="setEditId(p,search,search2,search3.ActivityName,search4.Firstname,search5.statusName);">
|
|
<td><a class="text-orange" ng-click="setEditId(p,search,search2,search3.ActivityName,search4.Firstname,search5.statusName);">{{p.TrackingID}}</a></td>
|
|
<td>{{p.followupDetails }}</td>
|
|
<td>{{p.LeadName}}</td>
|
|
<td>{{p.MobileNumber}}</td>
|
|
<td>{{p.UniversityName}}</td>
|
|
<td>{{p.CourseName }}</td>
|
|
<td>{{p.ActivityName}}</td>
|
|
<td>{{p.Firstname}}</td>
|
|
<!--<td ng-if="p.StatusCode=='S001'"><a href="#" class="text-orange" ng-click="setEditId(p);" title="Open"><b class="fa fa-hover fa-phone " aria-hidden="true"></b>
|
|
</a></td>
|
|
<td ng-if="p.StatusCode!='S001'"><a href="#" class="text-green" ng-click="setEditId(p);" title="Close"><b class="fa fa-hover fa-phone " style="display: inline-block;
|
|
border-radius: 60px;
|
|
box-shadow: 0px 0px 2px green;
|
|
padding: 0.5em 0.6em;" aria-hidden="true"></b>
|
|
</a></td>-->
|
|
|
|
<td ng-if="p.statusName!='CLOSE'">
|
|
|
|
<a class="text-dark" tooltip="Click To View">
|
|
<span class="label label-sm label-warning"> {{p.statusName}} </span>
|
|
</a>
|
|
|
|
<!--<span class="label label-sm label-warning">{{p.statusName}}</span>--></td>
|
|
<td ng-if="p.statusName=='CLOSE'">
|
|
<a class="text-dark" tooltip="Click To View">
|
|
<span class="label label-sm label-success"> {{p.statusName}} </span>
|
|
</a>
|
|
<!--<span class="label label-sm label-success">{{p.statusName}}</span>--></td>
|
|
|
|
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
|
|
</dir-pagination-controls>
|
|
</fieldset>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</tab>
|
|
|
|
|
|
<script>
|
|
$('#addtrack').click(function () {
|
|
$('#mobilenumber').focus();
|
|
});
|
|
</script>
|
|
|
|
<tab heading="Add Lead" id="addtrack">
|
|
<div>
|
|
<form name="Form" id="form" novalidate ng-submit="trackForm.submit(Form, myModel, 'zoom-in')" method="post">
|
|
<div class="row">
|
|
<!--<div class="col-md-6">
|
|
<div class="padding-30">
|
|
<h2 class="StepTitle"><i
|
|
class="ti-face-smile fa-2x text-primary block margin-bottom-10"></i>
|
|
Enter Bus Stop Details</h2>
|
|
</div>
|
|
</div>-->
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<legend>
|
|
Add New Lead Details
|
|
</legend>
|
|
|
|
<div class="row">
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.mobilenumber.$dirty && Form.mobilenumber.$invalid, 'has-success':Form.mobilenumber.$valid}">
|
|
<label>
|
|
Mobile Number <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Mobile Number" ladda="ldloading1.zoom_in" data-style="zoom-in"
|
|
autofocus tabindex="1" class="form-control" name="mobilenumber" id="mobilenumber" ng-minlength="10" ng-maxlength="12"
|
|
ng-model="myModel.mobileNumber" ng-pattern="/^[0-9]*$/" required ng-change="getLead(Form,myModel.mobileNumber);"/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.mobilenumber.$dirty && Form.mobilenumber.$invalid"
|
|
ng-hide="Form.mobilenumber.$error.maxlength || Form.mobilenumber.$error.minlength || Form.mobilenumber.$error.pattern">Phone number is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.mobilenumber.$error.maxlength || Form.mobilenumber.$error.minlength || Form.mobilenumber.$error.pattern">Enter a valid phone number</span>
|
|
|
|
</div>
|
|
<div class="col-md-3" ng-if="loading==true">
|
|
<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 class="col-md-3 form-group" ng-if="loading==false"
|
|
ng-class="{'has-error':Form.studentname.$dirty && Form.studentname.$invalid, 'has-success':Form.studentname.$valid}">
|
|
<label>
|
|
Student Name <span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Student Name"
|
|
tabindex="2" class="form-control" name="studentname"
|
|
ng-model="myModel.studentName" ng-pattern="/^[a-zA-Z.\s]*$/" required/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.studentname.$dirty && Form.studentname.$error.required">Student name is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.studentname.$dirty && Form.studentname.$error.pattern">Invalid student name </span>
|
|
</div>
|
|
|
|
<div class="col-md-3" ng-if="loading==true">
|
|
<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 class="col-md-3 form-group" ng-if="loading==false"
|
|
ng-class="{'has-error':Form.university.$dirty && Form.university.$invalid, 'has-success':Form.university.$valid}">
|
|
<label class="control-label">
|
|
University
|
|
</label>
|
|
<input type="text" placeholder="Enter University"
|
|
autofocus tabindex="3" class="form-control" name="university" id="university" ng-maxlength="50"
|
|
ng-model="myModel.universityName" ng-pattern="/^[a-zA-Z.,/\-\s]*$/" >
|
|
|
|
<span class="error text-small block"
|
|
ng-if="Form.university.$error.maxlength || Form.university.$error.pattern">Enter a valid university name</span>
|
|
</div>
|
|
|
|
<div class="col-md-3" ng-if="loading==true">
|
|
<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 class="col-md-3 form-group" ng-if="loading==false"
|
|
ng-class="{'has-error':Form.course.$dirty && Form.course.$invalid, 'has-success':Form.course.$valid}">
|
|
<label class="control-label">
|
|
Course Name
|
|
</label>
|
|
<input type="text" placeholder="Enter Course"
|
|
autofocus tabindex="4" class="form-control" name="course" id="course" ng-maxlength="50"
|
|
ng-model="myModel.courseName" ng-pattern="/^[a-zA-Z.,/\-\s]*$/" >
|
|
|
|
<span class="error text-small block"
|
|
ng-if="Form.course.$error.maxlength || Form.course.$error.pattern">Enter a valid course name</span>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.date.$dirty && Form.date.$invalid, 'has-success':Form.date.$valid}">
|
|
<label>
|
|
Date <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<input type="text"
|
|
class="form-control "
|
|
ng-click="startOpen = !startOpen"
|
|
datepicker-popup="dd-MM-yyyy"
|
|
ng-model="myModel.date"
|
|
is-open="startOpen"
|
|
ng-init="startOpen = false"
|
|
name="date"
|
|
datepicker-options="dateOptions"
|
|
placeholder="Select Date"
|
|
min-date="minDate"
|
|
max-date="futureDate"
|
|
close-text="Close" required="required"/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.date.$dirty && Form.date.$error.required">Date is required.</span>
|
|
<!--<span class="success text-small block"-->
|
|
<!--ng-if="Form.date.$valid ">Thank You</span>-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-3" ng-if="loading==true">
|
|
<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 class="col-md-3 form-group" ng-if="loading==false"
|
|
ng-class="{'has-error':Form.activity.$dirty && Form.activity.$invalid, 'has-success':Form.activity.$valid}">
|
|
<label >
|
|
Activity <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<select class="form-control" name="activity" id="Box1" tabindex="6"
|
|
ng-model="myModel.activity"
|
|
ng-options="source.activityName for source in activity"
|
|
required>
|
|
|
|
<option value=""> Select Activity</option>
|
|
|
|
</select>
|
|
<span class="error text-small block"
|
|
ng-if="Form.activity.$dirty && Form.activity.$error.required && myModel.activity.length==0">Activity is required</span>
|
|
<!--<span class="success text-small block"-->
|
|
<!--ng-if="Form.class.$valid && myModel.class.length!=0">Thank You</span>-->
|
|
</div>
|
|
<div class="col-md-3" ng-if="loading==true">
|
|
<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 class="col-md-3 form-group" ng-if="loading==false"
|
|
ng-class="{'has-error':Form.status.$dirty && Form.status.$invalid, 'has-success':Form.status.$valid}">
|
|
<label >
|
|
Status <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
<select class="form-control" name="status" id="Box3" tabindex="7"
|
|
ng-model="myModel.status"
|
|
ng-options="checkStatus.ListCode as checkStatus.ListName for checkStatus in myModel.activity.activityStatus"
|
|
required>
|
|
|
|
<option value="">Select Status</option>
|
|
|
|
</select>
|
|
<span class="error text-small block"
|
|
ng-if="Form.status.$dirty && Form.status.$error.required && myModel.status.length==0">Status is required</span>
|
|
<!--<span class="success text-small block"-->
|
|
<!--ng-if="Form.assigned.$valid && myModel.assigned.length!=0">Thank You</span>-->
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-3" ng-if="loading==true">
|
|
<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 class="col-md-3 form-group" ng-if="loading==false"
|
|
ng-class="{'has-error':Form.assigned.$dirty && Form.assigned.$invalid, 'has-success':Form.assigned.$valid}">
|
|
<label >
|
|
Assigned To <span
|
|
class="symbol required"></span>
|
|
</label>
|
|
|
|
<select class="form-control" name="assigned" id="Box2" tabindex="8"
|
|
ng-model="myModel.assignedTo"
|
|
ng-options="emp.loginId as emp.staffName for emp in staffDetails"
|
|
required>
|
|
|
|
<option value=""> Select Assigned To</option>
|
|
|
|
</select>
|
|
<span class="error text-small block"
|
|
ng-if="Form.assigned.$dirty && Form.assigned.$error.required && myModel.assignedTo.length==0">Assigned to is required</span>
|
|
<!--<span class="success text-small block"-->
|
|
<!--ng-if="Form.assigned.$valid && myModel.assigned.length!=0">Thank You</span>-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.altermobilenumber.$dirty && Form.altermobilenumber.$invalid, 'has-success':Form.altermobilenumber.$valid}">
|
|
<label class="control-label">
|
|
Alternate Mobile Number
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Alter Mobile Number"
|
|
autofocus tabindex="9" class="form-control" name="altermobilenumber" id="altermobilenumber" ng-minlength="10" ng-maxlength="12"
|
|
ng-model="myModel.alterMobileNumber" ng-pattern="/^[0-9]*$/" />
|
|
<!--<span class="error text-small block"
|
|
ng-if="Form.altermobilenumber.$dirty && Form.altermobilenumber.$invalid"
|
|
ng-hide="Form.altermobilenumber.$error.maxlength || Form.altermobilenumber.$error.minlength || Form.altermobilenumber.$error.pattern">Phone number is required</span>-->
|
|
<span class="error text-small block"
|
|
ng-if="Form.altermobilenumber.$error.maxlength || Form.altermobilenumber.$error.minlength || Form.altermobilenumber.$error.pattern">Enter a valid phone number</span>
|
|
|
|
</div>
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.refered.$dirty && Form.refered.$invalid, 'has-success':Form.refered.$valid}">
|
|
<label class="control-label">
|
|
Referred By
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Referred By Name"
|
|
tabindex="10" class="form-control" name="refered"
|
|
ng-model="myModel.referedBy" ng-pattern="/^[a-zA-Z.\s]*$/"/>
|
|
|
|
<span class="error text-small block"
|
|
ng-if="Form.refered.$dirty && Form.refered.$error.pattern">Invalid refered by name </span>
|
|
</div>
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.address.$dirty && Form.address.$invalid, 'has-success':Form.address.$valid}">
|
|
<label class="control-label">
|
|
Address
|
|
</label>
|
|
<textarea placeholder="Enter Address" tabindex="11"
|
|
class="form-control textdsc" name="address"
|
|
ng-model="myModel.address"></textarea>
|
|
<!--<span class="error text-small block"
|
|
ng-if="Form.address.$dirty && Form.address.$invalid">Address is required</span>-->
|
|
</div>
|
|
|
|
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.comments.$dirty && Form.comments.$invalid, 'has-success':Form.comments.$valid}">
|
|
<label>
|
|
Comments <span class="symbol required"></span>
|
|
</label>
|
|
<textarea placeholder="Enter Comments" tabindex="12"
|
|
class="form-control textdsc" name="comments"
|
|
ng-model="myModel.comments" required></textarea>
|
|
<span class="error text-small block"
|
|
ng-if="Form.comments.$dirty && Form.comments.$invalid">Comments is required</span>
|
|
<!--<span class="success text-small"-->
|
|
<!--ng-if="Form.address.$valid">Thank You!</span>-->
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button tabindex="13" type="submit" ladda="ldloading1.zoom_in" class="btn btn-wide btn-success" data-style="zoom-in">
|
|
Submit
|
|
</button>
|
|
<!-- <button type="submit" class="btn btn-success btn-o" tabindex="8">
|
|
Submit
|
|
</button>-->
|
|
<button type="reset" class="btn btn-warning btn-wide" tabindex="14"
|
|
ng-click="branchForm.reset(Form)">
|
|
Reset
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</tab>
|
|
</tabset>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end: LIST GROUP -->
|
|
|
|
|
|
|
|
|
|
|