apollodec/Apollo/assets/views/callTrackingFollowup.html
2018-01-06 19:44:02 +05:30

328 lines
18 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>
&lt;!&ndash;
<span class="mainDescription">Over a dozen reusable components built to provide popovers, media objects, navigation, tooltips and much more. </span>
&ndash;&gt;
</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" class="btn btn-sm btn-azure" ng-click="previous(followupDetails.TrackingID);">
Previous
</button>
<button type="submit" class="btn btn-sm btn-azure" ng-click="next(followupDetails.TrackingID);">
Next
</button>
<button type="submit" 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">
<div class="col-md-12">
<div class="row">
<div class="col-md-4">
<div class="user-left">
<!--{{followupDetails | json}}-->
<table class="table table-condensed">
<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">
{{followupDetails.LeadName}}</span>
</td>
</tr>
<tr>
<td>Mobile Number</td>
<td><span class="text-blue text-bold">
{{followupDetails.MobileNumber}} </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>
{{followupDetails.AlternateMobile}} </td>
</tr>
<tr>
<td>Address</td>
<td>
{{followupDetails.Address}} </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>
<div data-ng-controller="DatepickerDemoCtrl">
<input type="text" tabindex="6"
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"/>
<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>
</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="1"
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 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" data-style="zoom-in" ng-click="updateFollowup(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">Recent Activities</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}} &nbsp;&nbsp; On &nbsp;&nbsp;{{message.CreatedOn}}
</div>
<p>
{{message.FollowupComments}}
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end: USER PROFILE -->