398 lines
23 KiB
HTML
Executable File
398 lines
23 KiB
HTML
Executable File
<style>
|
|
b.fa {
|
|
display: inline-block;
|
|
border-radius: 60px;
|
|
box-shadow: 0px 0px 2px #FF6600;
|
|
padding: 0.5em 0.6em;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
<!--<section id="page-title">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
|
|
<h1 class="mainTitle" translate="Call Tracking Follow Up">{{ 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>-->
|
|
<div class="container-fluid container-fullw bg-white" style="padding-top: 2%;" ng-controller="callTrackingCtrl2" ng-init="afterRefresh()">
|
|
|
|
<div class="panel panel-white" id="activities1">
|
|
<div class="panel-heading border-light bg-green">
|
|
<div class="col-md-6">
|
|
<h4 class="panel-title text-white ">View Student Details/Activity</h4>
|
|
|
|
<paneltool class="panel-tools" tool-collapse="tool-collapse" tool-refresh="load1" tool-dismiss="tool-dismiss"></paneltool>
|
|
</div>
|
|
|
|
<div class="col-md-6 text-right">
|
|
<button type="submit" tabindex="1" class="btn btn-sm btn-azure" ng-click="previous(followupDetails.TrackingID);">
|
|
Previous
|
|
</button>
|
|
<button type="submit" tabindex="2" class="btn btn-sm btn-azure" ng-click="next(followupDetails.TrackingID);">
|
|
Next
|
|
</button>
|
|
<button type="submit" tabindex="3" class="btn btn-sm btn-warning" ng-click="cancel();">
|
|
Cancel
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div collapse="activities1" ng-init="activities1=false" class="panel-wrapper" style="min-height: 100%;">
|
|
<div class="panel-body">
|
|
|
|
<div class="row">
|
|
<form name="Form" id="form" novalidate method="post">
|
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="user-left">
|
|
|
|
<!--{{followupDetails | json}}-->
|
|
<table class="table table-condensed" ng-controller="studentModalDemoCtrl">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="3">Contact Information</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-primary">Student Name</td>
|
|
<td><span class="text-blue text-bold">
|
|
|
|
<a tooltip="View Student" class="text-blue" ng-click="open(followupDetails);"> {{followupDetails.LeadName}}</a></span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Mobile Number</td>
|
|
<td><span class="text-blue text-bold">
|
|
<a tooltip="View Student" class="text-blue" ng-click="open(followupDetails);"> {{followupDetails.MobileNumber}} </a></span></td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>University</td>
|
|
<td>{{followupDetails.UniversityName}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Course</td>
|
|
<td>
|
|
{{followupDetails.CourseName}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Alternate Mobile</td>
|
|
<td class="form-group"
|
|
ng-class="{'has-error':Form.editAltermobilenumber.$dirty && Form.editAltermobilenumber.$invalid, 'has-success':Form.editAltermobilenumber.$valid}">
|
|
|
|
<input type="text" placeholder="Enter Alter Mobile Number"
|
|
autofocus tabindex="4" class="form-control" name="editAltermobilenumber" id="altermobilenumber" ng-minlength="10" ng-maxlength="12"
|
|
ng-model="myModel1.AlternateMobile" ng-pattern="/^[0-9]*$/" />
|
|
<span class="error text-small block"
|
|
ng-if="Form.editAltermobilenumber.$error.maxlength || Form.editAltermobilenumber.$error.minlength || Form.editAltermobilenumber.$error.pattern">Enter a valid phone number</span>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>Address</td>
|
|
<td>
|
|
<textarea placeholder="Enter Address" tabindex="5"
|
|
class="form-control textdsc" name="editaddress" rows="3"
|
|
ng-model="myModel1.Address"></textarea>
|
|
<!--<span class="error text-small block"
|
|
ng-if="Form.address.$dirty && Form.address.$invalid">Address is required</span>-->
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>Referred By</td>
|
|
|
|
<td class="form-group"
|
|
ng-class="{'has-error':Form.refered.$dirty && Form.refered.$invalid, 'has-success':Form.refered.$valid}">
|
|
|
|
<input type="text" placeholder="Enter Referred By Name"
|
|
tabindex="6" class="form-control" name="refered"
|
|
ng-model="myModel1.ReferredBy" ng-pattern="/^[a-zA-Z.\s]*$/"/>
|
|
|
|
<span class="error text-small block"
|
|
ng-if="Form.refered.$dirty && Form.refered.$error.pattern">Invalid referred by name </span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<table class="table table-condensed">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="3">Tracking information</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Tracking ID</td>
|
|
<td>{{followupDetails.TrackingID}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Activity</td>
|
|
<td><span class="label label-sm label-info">{{followupDetails.ActivityName}}</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Followup On</td>
|
|
<td class="form-group"
|
|
ng-class="{'has-error':Form.date.$dirty && Form.date.$invalid, 'has-success':Form.date.$valid}">
|
|
|
|
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
|
|
|
|
<input type="text" tabindex="7"
|
|
class="form-control "
|
|
ng-click="startOpen = !startOpen"
|
|
datepicker-popup="dd-MM-yyyy"
|
|
ng-model="myModel1.date"
|
|
is-open="startOpen"
|
|
ng-init="startOpen = false"
|
|
name="date"
|
|
datepicker-options="dateOptions"
|
|
placeholder="Select Date"
|
|
min-date="currentDate1"
|
|
max-date="futureDate1"
|
|
close-text="Close" required="required" ng-readonly="true"/>
|
|
<!--<span class="success text-small block"-->
|
|
<!--ng-if="Form.date.$valid ">Thank You</span>-->
|
|
<span class="error text-small block"
|
|
ng-if="Form.date.$dirty && Form.date.$error.required">Followup date is required.</span>
|
|
</div>
|
|
|
|
|
|
|
|
</td>
|
|
</tr>
|
|
<tr ng-if="userType != 'R004'">
|
|
<td>Assigned To</td>
|
|
<td>
|
|
<select class="form-control" name="status" id="Box4" tabindex="8"
|
|
ng-model="myModel1.assignStaff"
|
|
ng-options="checkStaf.loginId as checkStaf.staffName for checkStaf in staffDetails"
|
|
required>
|
|
|
|
<!-- <option value="">Select Status</option>-->
|
|
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr ng-if="userType == 'R004'">
|
|
<td>Select Branch</td>
|
|
<td>
|
|
<select class="form-control" name="status" id="Box43" tabindex="9"
|
|
ng-model="myModel1.branch"
|
|
ng-options="checkBranch.BranchCode as checkBranch.BranchName for checkBranch in staffDetails" ng-change="changeBranch(myModel1.branch);"
|
|
required>
|
|
|
|
<!-- <option value="">Select Status</option>-->
|
|
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr ng-if="userType == 'R004'">
|
|
<td>Assigned To</td>
|
|
<td>
|
|
<select class="form-control" name="status" id="Box44" tabindex="10"
|
|
ng-model="myModel1.assignStaff"
|
|
ng-options="checkStaf.loginId as checkStaf.staffName for checkStaf in staffArray"
|
|
required>
|
|
|
|
<!-- <option value="">Select</option>-->
|
|
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Status</td>
|
|
<!--
|
|
<td><span class="label label-sm label-info">{{followupDetails.statusListName}}</span></td>
|
|
-->
|
|
<td>
|
|
<select class="form-control" name="status" id="Box3" tabindex="11"
|
|
ng-model="myModel1.status"
|
|
ng-options="checkStatus.ListCode as checkStatus.ListName for checkStatus in trackingStatus"
|
|
required>
|
|
|
|
<!-- <option value="">Select Status</option>-->
|
|
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
<div class="panel panel-white" id="lead">
|
|
<div class="panel-heading border-light">
|
|
<h4 class="panel-title text-pink">Other Lead/Activities</h4>
|
|
<paneltool class="panel-tools" tool-collapse="tool-collapse" tool-refresh="load1" tool-dismiss="tool-dismiss"></paneltool>
|
|
</div>
|
|
<div collapse="lead" ng-init="lead=false" class="panel-wrapper">
|
|
<div class="panel-body panel-scroll height-200" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true">
|
|
<ul class="timeline-xs">
|
|
<li ng-class-odd="'timeline-item success'" ng-class-even="'timeline-item info'" ng-repeat="trackValues in followupDetails.collectTrackedID">
|
|
<!--<div class="margin-left-15">
|
|
<div class="text-muted text-small">
|
|
{{trackValues.ActivityName}}
|
|
</div>
|
|
<p>
|
|
<a tooltip="Click to view details" class="text-blue" ng-click="loadFollowupDetails(trackValues.TrackingID);">
|
|
Tracking ID {{trackValues.TrackingID}}
|
|
</a>
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
</div>-->
|
|
<br>
|
|
<div class="clearfix padding-5 space5">
|
|
<div class="col-xs-4 text-center no-padding">
|
|
<a class="text-dark" tooltip="Status">
|
|
<i class="ti-flag text-blue"></i> {{trackValues.ListName}}
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-8 text-center no-padding">
|
|
<a class="text-dark" tooltip="Activity">
|
|
<i class="ti-check-box text-red"></i> {{trackValues.ActivityName}}
|
|
</a>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="clearfix padding-5 space5">
|
|
|
|
|
|
<div class="col-xs-6 text-center no-padding">
|
|
<a tooltip="Click to view details" class="text-green " ng-click="loadFollowupDetails(trackValues.TrackingID);">
|
|
<i class="fa fa-pencil text-green"></i> <span class="text-bold">Tracking ID {{trackValues.TrackingID}}</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--<div class="panel panel-white" id="lead">
|
|
<div class="panel-heading border-light">
|
|
<h4 class="panel-title text-orange">Other Lead/Activities</h4>
|
|
<paneltool class="panel-tools" tool-collapse="tool-collapse" tool-refresh="load1" tool-dismiss="tool-dismiss"></paneltool>
|
|
</div>
|
|
<div collapse="activities" ng-init="lead=false" class="panel-wrapper">
|
|
<div class="panel-body" style="max-height: 5%;overflow-y: scroll;">
|
|
<ul class="timeline-xs">
|
|
<li ng-class-odd="'timeline-item info'" ng-class-even="'timeline-item warning'" ng-repeat="trackValues in followupDetails.collectTrackedID">
|
|
<div class="margin-left-15">
|
|
<div class="text-muted text-small">
|
|
{{trackValues.ListName}}, TrackID {{trackValues.TrackingID}}
|
|
</div>
|
|
<p>
|
|
<a href="#" class="text-orange" ng-click="setEditId(p);"><b class="fa fa-hover fa-phone " aria-hidden="true"></b>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8">
|
|
|
|
<div class="panel panel-white">
|
|
<div class="panel-heading border-light" >
|
|
<h4 class="panel-title text-azure">Comments</h4>
|
|
</div>
|
|
<div class="panel-body" >
|
|
<div class="col-md-8">
|
|
|
|
<textarea tabindex="12" class="form-control text-dark" placeholder="Enter a comments" rows="2" ng-model="myModel1.comments"></textarea>
|
|
</div>
|
|
|
|
<div class="col-md-4 text-left">
|
|
<button type="submit" ladda="ldloading2.zoom_in" class="btn btn-sm btn-success" tabindex="13" data-style="zoom-in" ng-click="updateFollowup(Form,followupDetails,myModel1,'zoom-in');">
|
|
Save
|
|
</button>
|
|
|
|
|
|
|
|
<!-- <a class="btn btn-success btn-sm" ng-click="editActive = true">
|
|
Save
|
|
</a>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-white" id="activities">
|
|
<div class="panel-heading border-light">
|
|
<h4 class="panel-title text-orange">Comments History</h4>
|
|
<paneltool class="panel-tools" tool-collapse="tool-collapse" tool-refresh="load1" tool-dismiss="tool-dismiss"></paneltool>
|
|
</div>
|
|
<div collapse="activities" ng-init="activities=false" class="panel-wrapper">
|
|
<div class="panel-body panel-scroll height-350" perfect-scrollbar wheel-propagation="false" suppress-scroll-x="true">
|
|
<ul class="timeline-xs">
|
|
<li ng-class-odd="'timeline-item info'" ng-class-even="'timeline-item warning'" ng-repeat="message in followupDetails.followupDetails">
|
|
<div class="margin-left-15">
|
|
<div class="text-muted text-small">
|
|
{{message.FirstName}} On {{message.CreatedOn}}
|
|
</div>
|
|
|
|
<p>
|
|
{{message.FollowupComments}}
|
|
</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: USER PROFILE -->
|