814 lines
36 KiB
HTML
814 lines
36 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Ticket\TicketAdministrationReassign.js</title>
|
|
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
|
|
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
|
|
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
|
|
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
|
|
<script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
|
|
</head>
|
|
<body class="yui3-skin-sam">
|
|
|
|
<div id="doc">
|
|
<div id="hd" class="yui3-g header">
|
|
<div class="yui3-u-3-4">
|
|
|
|
<h1><img src="../assets/css/logo.png" title=""></h1>
|
|
|
|
</div>
|
|
<div class="yui3-u-1-4 version">
|
|
<em>API Docs for: </em>
|
|
</div>
|
|
</div>
|
|
<div id="bd" class="yui3-g">
|
|
|
|
<div class="yui3-u-1-4">
|
|
<div id="docs-sidebar" class="sidebar apidocs">
|
|
<div id="api-list">
|
|
<h2 class="off-left">APIs</h2>
|
|
<div id="api-tabview" class="tabview">
|
|
<ul class="tabs">
|
|
<li><a href="#api-classes">Classes</a></li>
|
|
<li><a href="#api-modules">Modules</a></li>
|
|
</ul>
|
|
|
|
<div id="api-tabview-filter">
|
|
<input type="search" id="api-filter" placeholder="Type to filter APIs">
|
|
</div>
|
|
|
|
<div id="api-tabview-panel">
|
|
<ul id="api-classes" class="apis classes">
|
|
|
|
<li><a href="../classes/CallFeedbackRating.html">CallFeedbackRating</a></li>
|
|
|
|
<li><a href="../classes/CloseTicketReport.html">CloseTicketReport</a></li>
|
|
|
|
<li><a href="../classes/ConsolidatedReport.html">ConsolidatedReport</a></li>
|
|
|
|
<li><a href="../classes/CustomerReport.html">CustomerReport</a></li>
|
|
|
|
<li><a href="../classes/DealerWiseCallDetails.html">DealerWiseCallDetails</a></li>
|
|
|
|
<li><a href="../classes/DeclinedCalls.html">DeclinedCalls</a></li>
|
|
|
|
<li><a href="../classes/DropDownData.html">DropDownData</a></li>
|
|
|
|
<li><a href="../classes/EicherPromise.html">EicherPromise</a></li>
|
|
|
|
<li><a href="../classes/EosCallCount.html">EosCallCount</a></li>
|
|
|
|
<li><a href="../classes/GeoAnalysis.html">GeoAnalysis</a></li>
|
|
|
|
<li><a href="../classes/HdBusLmdContrCallFeedbackRatingibution.html">HdBusLmdContrCallFeedbackRatingibution</a></li>
|
|
|
|
<li><a href="../classes/HdBusLmdContribution.html">HdBusLmdContribution</a></li>
|
|
|
|
<li><a href="../classes/HistoryTracking.html">HistoryTracking</a></li>
|
|
|
|
<li><a href="../classes/LiveTracking.html">LiveTracking</a></li>
|
|
|
|
<li><a href="../classes/ManageEscalation.html">ManageEscalation</a></li>
|
|
|
|
<li><a href="../classes/ManageFleet.html">ManageFleet</a></li>
|
|
|
|
<li><a href="../classes/ManageFleet_Detail.html">ManageFleet_Detail</a></li>
|
|
|
|
<li><a href="../classes/ManageFleet_details.html">ManageFleet_details</a></li>
|
|
|
|
<li><a href="../classes/ManageOwner.html">ManageOwner</a></li>
|
|
|
|
<li><a href="../classes/ManageReason.html">ManageReason</a></li>
|
|
|
|
<li><a href="../classes/ManageVechile.html">ManageVechile</a></li>
|
|
|
|
<li><a href="../classes/ManageVehicle.html">ManageVehicle</a></li>
|
|
|
|
<li><a href="../classes/NonVecvUserManagement.html">NonVecvUserManagement</a></li>
|
|
|
|
<li><a href="../classes/Notifications.html">Notifications</a></li>
|
|
|
|
<li><a href="../classes/OpenTicketReport.html">OpenTicketReport</a></li>
|
|
|
|
<li><a href="../classes/OrganizationChart.html">OrganizationChart</a></li>
|
|
|
|
<li><a href="../classes/PositioningTool.html">PositioningTool</a></li>
|
|
|
|
<li><a href="../classes/PositioningTool_Report.html">PositioningTool_Report</a></li>
|
|
|
|
<li><a href="../classes/ReasonForClosure.html">ReasonForClosure</a></li>
|
|
|
|
<li><a href="../classes/Report.html">Report</a></li>
|
|
|
|
<li><a href="../classes/ShowDealerMap.html">ShowDealerMap</a></li>
|
|
|
|
<li><a href="../classes/TicketAdministration.html">TicketAdministration</a></li>
|
|
|
|
<li><a href="../classes/TicketAdministration_FullDetail.html">TicketAdministration_FullDetail</a></li>
|
|
|
|
<li><a href="../classes/TicketFeedback.html">TicketFeedback</a></li>
|
|
|
|
<li><a href="../classes/TicketForDealer.html">TicketForDealer</a></li>
|
|
|
|
<li><a href="../classes/TicketForDealer_FullDetails.html">TicketForDealer_FullDetails</a></li>
|
|
|
|
<li><a href="../classes/TicketReassign.html">TicketReassign</a></li>
|
|
|
|
<li><a href="../classes/TileDashboard.html">TileDashboard</a></li>
|
|
|
|
<li><a href="../classes/TimeSlotClosure.html">TimeSlotClosure</a></li>
|
|
|
|
<li><a href="../classes/TollFreeAndOpportunityLoss.html">TollFreeAndOpportunityLoss</a></li>
|
|
|
|
<li><a href="../classes/VanCoverageDesigner.html">VanCoverageDesigner</a></li>
|
|
|
|
<li><a href="../classes/VecvUserManagement.html">VecvUserManagement</a></li>
|
|
|
|
</ul>
|
|
|
|
<ul id="api-modules" class="apis modules">
|
|
|
|
<li><a href="../modules/Dashboard.html">Dashboard</a></li>
|
|
|
|
<li><a href="../modules/DropDownData.html">DropDownData</a></li>
|
|
|
|
<li><a href="../modules/Geo.html">Geo</a></li>
|
|
|
|
<li><a href="../modules/Inventory.html">Inventory</a></li>
|
|
|
|
<li><a href="../modules/Notifications.html">Notifications</a></li>
|
|
|
|
<li><a href="../modules/ReportModule.html">ReportModule</a></li>
|
|
|
|
<li><a href="../modules/Ticket.html">Ticket</a></li>
|
|
|
|
<li><a href="../modules/TrackingModule.html">TrackingModule</a></li>
|
|
|
|
<li><a href="../modules/UserManagement.html">UserManagement</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="yui3-u-3-4">
|
|
<div id="api-options">
|
|
Show:
|
|
<label for="api-show-inherited">
|
|
<input type="checkbox" id="api-show-inherited" checked>
|
|
Inherited
|
|
</label>
|
|
|
|
<label for="api-show-protected">
|
|
<input type="checkbox" id="api-show-protected">
|
|
Protected
|
|
</label>
|
|
|
|
<label for="api-show-private">
|
|
<input type="checkbox" id="api-show-private">
|
|
Private
|
|
</label>
|
|
<label for="api-show-deprecated">
|
|
<input type="checkbox" id="api-show-deprecated">
|
|
Deprecated
|
|
</label>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="apidocs">
|
|
<div id="docs-main">
|
|
<div class="content">
|
|
<h1 class="file-heading">File: Ticket\TicketAdministrationReassign.js</h1>
|
|
|
|
<div class="file">
|
|
<pre class="code prettyprint linenums">
|
|
/*================================================================================================================\
|
|
+
|
|
+ Project : GoData-Eicher
|
|
+ Filename : TicketAdministrationReassign.js
|
|
+ Module Name : Ticket
|
|
+ Purpose : For ticket reassign
|
|
+ Coded By : Parul Gupta
|
|
+
|
|
+================================================================================================================*/
|
|
|
|
/**
|
|
* For ticketing
|
|
* @module Ticket
|
|
*/
|
|
|
|
/**
|
|
* This class contains functionality of Ticket Reassign for CCE.
|
|
* @class TicketReassign
|
|
* @constructor
|
|
*/
|
|
|
|
//Global variables
|
|
var xhr_addNewTicket;
|
|
var breakdownLocLatLng;
|
|
var breakdownMarker;
|
|
var _ccplMap = null;
|
|
var _geoCoder;
|
|
var _defaultLat = 26.912285124827,
|
|
_defaultLng = 75.7873203125
|
|
|
|
//initialize markers
|
|
var _availableVansMarkers = '../../Content/css/images/avil-van.png'; //marker for available vans
|
|
var _unavailableVansMarkers = '../../Content/css/images/unavl-van.png'; //marker for unavailable vans
|
|
var _dealerMarker = '../../Content/css/images/dealer-icon.png'; //marker for dealers
|
|
|
|
var breakdownLat, breakdownLng, breakdownState, ticketId, defaultSlatime, vRegistrationNo;
|
|
|
|
//Google Distance MAtrix Service API
|
|
var _service = new google.maps.DistanceMatrixService();
|
|
|
|
var _detailsListOfVanDealer = []; //array of objects of details of nearest vans and dealers
|
|
var _vanDealerLatLngArr = []; //array of nearest vans and dealers lat lng
|
|
var _copyResulEls = [];
|
|
|
|
|
|
/**
|
|
* Load google map on page.
|
|
* @method initMap
|
|
* @param {String} id HTML element id where map is loaded.
|
|
* @for TicketReassign
|
|
*/
|
|
function _initMap(id) {
|
|
var _mapOptions = {
|
|
center: new google.maps.LatLng(_defaultLat, _defaultLng),
|
|
zoom: 12,
|
|
mapTypeId: google.maps.MapTypeId.ROADMAP
|
|
};
|
|
//initialize map
|
|
_ccplMap = new google.maps.Map(document.getElementById(id), _mapOptions);
|
|
}
|
|
|
|
/**
|
|
* Function to reassign ticket
|
|
* @method reassignTicket
|
|
* @for TicketReassign
|
|
*/
|
|
function reassignTicket() {
|
|
|
|
breakdownLat = $("#breakdownLattitude").val();
|
|
breakdownLng = $("#breakdownLongitude").val();
|
|
breakdownState = $("#breakdownState").val();
|
|
ticketId = $("#ticketid").val();
|
|
defaultSlatime = $("#defaultSlaTime").val();
|
|
vRegistrationNo = $("#vRegistrationNo").val();
|
|
|
|
breakdownLocLatLng = new google.maps.LatLng(breakdownLat, breakdownLng);
|
|
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/Ticket/TicketAdministration_ReassignTicket/",
|
|
success: function (data) {
|
|
$("#divReassignTicket").html('');
|
|
$("#divReassignTicket").html(data);
|
|
//open form in new dialog box
|
|
$("#divReassignTicket").data("kendoWindow").open();
|
|
},
|
|
complete: function () {
|
|
setTimeout(function () { /* get all nearest vans and dealers */ getAllNearestVansDealers(breakdownState); }, 1500);
|
|
},
|
|
error: function (data) {
|
|
console.log(data);
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
/**
|
|
* Function to close kendo window
|
|
* @method closeWindow
|
|
* @param {String} divId HTML element id where window is loaded
|
|
* @for TicketReassign
|
|
*/
|
|
function closeWindow(divId) {
|
|
$(divId).data("kendoWindow").close();
|
|
}
|
|
|
|
|
|
/**
|
|
* Function to empty van dealer array
|
|
* @method emptyVanDealerArray
|
|
* @for TicketReassign
|
|
*/
|
|
function emptyVanDealerArray() {
|
|
|
|
if (nearestVansDealersMarks.length > 0) {
|
|
//console.log(nearestVansDealersMarks.length);
|
|
for (var counter = 0; counter < nearestVansDealersMarks.length; counter++) {
|
|
nearestVansDealersMarks[counter].setMap(null);
|
|
//set address text field empty here
|
|
nearestVansDealersMarks[counter] = "";
|
|
}
|
|
nearestVansDealersMarks = [];
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Function to remove markers if any
|
|
* @method removeMarker
|
|
* @for TicketReassign
|
|
*/
|
|
function removeMarker() {
|
|
//Remove previous marker if present
|
|
if (breakdownMarker) {
|
|
breakdownMarker.setMap(null);
|
|
//set address text field empty here
|
|
breakdownMarker = "";
|
|
}
|
|
}
|
|
|
|
//Global variables to get more than 25 vans/dealers
|
|
var _arrOf25VanDealerLatLng = [];
|
|
var _arrOf25VanDealerDetails = [];
|
|
var _LIMIT = 100;
|
|
|
|
/**
|
|
* Function to get all nearest vans and dealers for reassign ticket
|
|
* @method getAllNearestVansDealers
|
|
* @param {String} state The name of selected state
|
|
* @for TicketReassign
|
|
*/
|
|
function getAllNearestVansDealers(state) {
|
|
var stateName, stateId, vanDealerLatlng, type, VDId, vanDealerLat, vanDealerLng, vanDealerCity,
|
|
vanDealerName, vanDealerState, deviceAlias, vanRemainingTime, deviceStatus, noOfAssignedTickets, description;
|
|
stateName = state;
|
|
|
|
//empty van dealer lat lng array
|
|
if (_vanDealerLatLngArr.length > 0) {
|
|
_vanDealerLatLngArr = [];
|
|
}
|
|
//empty details list of van dealer array
|
|
if (_detailsListOfVanDealer.length > 0) {
|
|
_detailsListOfVanDealer = [];
|
|
}
|
|
//empty array to get next 25 vans/dealers details.
|
|
_copyResulEls = [];
|
|
|
|
removeMarker();
|
|
emptyVanDealerArray();
|
|
|
|
//Create a new Marker on the position click on the map
|
|
breakdownMarker = new google.maps.Marker({
|
|
position: breakdownLocLatLng,
|
|
map: _ccplMap
|
|
});
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/Ticket/GetAllNearestVansDealers/",
|
|
data: { StateName: stateName, limit: _LIMIT },
|
|
success: function (data) {
|
|
console.log(data.NearestVansDealers);
|
|
if (data.NearestVansDealers.length > 0) {
|
|
_vanDealerLatLngArr.length = 0;
|
|
for (var counter = 0; counter < data.NearestVansDealers.length; counter++) {
|
|
var title, markerIcon, backgroundColor;
|
|
var updatedDeviceStatus = "";
|
|
var _vanDealerObj = {};
|
|
|
|
vanDealerLatlng = new google.maps.LatLng(data.NearestVansDealers[counter].DealerVanLattitude, data.NearestVansDealers[counter].DealerVanLongitude);
|
|
type = data.NearestVansDealers[counter].Type;
|
|
VDId = data.NearestVansDealers[counter].DealerVanId;
|
|
vanDealerLat = data.NearestVansDealers[counter].DealerVanLattitude;
|
|
vanDealerLng = data.NearestVansDealers[counter].DealerVanLongitude;
|
|
vanDealerCity = data.NearestVansDealers[counter].DealerVanCity;
|
|
noOfAssignedTickets = data.NearestVansDealers[counter].NoOfAssignedTicket;
|
|
vanDealerName = data.NearestVansDealers[counter].DealerVanName;
|
|
vanDealerState = data.NearestVansDealers[counter].DealerVanState;
|
|
deviceAlias = data.NearestVansDealers[counter].DeviceAlias;
|
|
vanRemainingTime = data.NearestVansDealers[counter].RemainingTime;
|
|
deviceStatus = data.NearestVansDealers[counter].DeviceStatus;
|
|
|
|
//check if remaining time is negative
|
|
if (vanRemainingTime == null || vanRemainingTime == "") {
|
|
vanRemainingTime = "0";
|
|
}
|
|
else {
|
|
if (vanRemainingTime.indexOf('-') === -1) {
|
|
vanRemainingTime = vanRemainingTime;
|
|
} else {
|
|
vanRemainingTime = "0";
|
|
}
|
|
}
|
|
if ((deviceStatus == "True") && (type == "van")) {
|
|
updatedDeviceStatus = "green-circle";
|
|
}
|
|
else if ((deviceStatus == "False") && (type == "van")) {
|
|
updatedDeviceStatus = "red-circle";
|
|
} else {
|
|
updatedDeviceStatus = "";
|
|
}
|
|
|
|
if (vanRemainingTime == "0") {
|
|
backgroundColor = "green";
|
|
}
|
|
else {
|
|
backgroundColor = "red";
|
|
}
|
|
//push van dealer lat lng in array
|
|
_vanDealerLatLngArr.push(vanDealerLatlng);
|
|
|
|
_vanDealerObj.type = type;
|
|
_vanDealerObj.id = VDId;
|
|
_vanDealerObj.lat = vanDealerLat;
|
|
_vanDealerObj.lng = vanDealerLng;
|
|
_vanDealerObj.city = vanDealerCity;
|
|
_vanDealerObj.assignedTickets = noOfAssignedTickets;
|
|
_vanDealerObj.name = vanDealerName;
|
|
_vanDealerObj.state = vanDealerState;
|
|
_vanDealerObj.alias = deviceAlias;
|
|
_vanDealerObj.remainingTime = vanRemainingTime;
|
|
_vanDealerObj.deviceStatus = updatedDeviceStatus;
|
|
_vanDealerObj.backGroundColor = backgroundColor;
|
|
|
|
//push van dealer details in array
|
|
_detailsListOfVanDealer.push(_vanDealerObj);
|
|
}
|
|
|
|
var forLoopLength, multiplier = 1, waitIndex = 0, setTimeOutSeconds;
|
|
var vanDealerLatLngArrLength = _vanDealerLatLngArr.length;
|
|
|
|
if (breakdownLocLatLng != "") {
|
|
|
|
if (_vanDealerLatLngArr.length < 25 && _vanDealerLatLngArr.length > 0) {
|
|
forLoopLength = 1;
|
|
} else {
|
|
if ((_vanDealerLatLngArr.length % 25) > 0) {
|
|
forLoopLength = parseInt((_vanDealerLatLngArr.length / 25), 10) + 1;
|
|
} else if ((_vanDealerLatLngArr.length % 25) == 0) {
|
|
forLoopLength = parseInt((_vanDealerLatLngArr.length / 25), 10);
|
|
}
|
|
}
|
|
var z;
|
|
if (forLoopLength == 1) {
|
|
_arrOf25VanDealerLatLng = [];
|
|
_arrOf25VanDealerDetails = [];
|
|
for (var i = 0; i < _vanDealerLatLngArr.length; i++) {
|
|
_arrOf25VanDealerLatLng.push(_vanDealerLatLngArr[i]);
|
|
_arrOf25VanDealerDetails.push(_detailsListOfVanDealer[i]);
|
|
}
|
|
_calcRouteDistance(breakdownLocLatLng, _arrOf25VanDealerLatLng, _arrOf25VanDealerDetails);
|
|
setTimeout(function () {
|
|
_createVanDealerSortedList();
|
|
}, 1000);
|
|
} else {
|
|
for (var i = 0; i < forLoopLength; i++) {
|
|
setTimeOutSeconds = waitIndex * multiplier;
|
|
if (vanDealerLatLngArrLength < 25) { z = 0; } else { z = vanDealerLatLngArrLength - 25; }
|
|
|
|
_arrOf25VanDealerLatLng = [];
|
|
_arrOf25VanDealerDetails = [];
|
|
for (var j = vanDealerLatLngArrLength; j > z; j--) {
|
|
_arrOf25VanDealerLatLng.push(_vanDealerLatLngArr[j - 1]);
|
|
_arrOf25VanDealerDetails.push(_detailsListOfVanDealer[j - 1]);
|
|
}
|
|
vanDealerLatLngArrLength = vanDealerLatLngArrLength - 25;
|
|
_calculateDistanceInSetTimeOut(breakdownLocLatLng, _arrOf25VanDealerLatLng, _arrOf25VanDealerDetails, setTimeOutSeconds);
|
|
waitIndex++;
|
|
}
|
|
_createVanDealerList();
|
|
}
|
|
}
|
|
}
|
|
},
|
|
error: function (data) {
|
|
console.log(data);
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* SetTimeOut function to calculate distance between van and dealer using google distance matrix api
|
|
* @method _calculateDistanceInSetTimeOut
|
|
* @param {String} breakDownLatLng LatLng of breakdown vehicle
|
|
* @param {array} arrVanDealerLatLng LatLng of vans / dealers
|
|
* @param {array} arrVanDealerDetails details of vans/dealers
|
|
* @param {String} timeOutSeconds time in seconds for setTimeout function
|
|
* @for TicketReassign
|
|
*/
|
|
function _calculateDistanceInSetTimeOut(breakDownLatLng, arrVanDealerLatLng, arrVanDealerDetails, timeOutSeconds) {
|
|
setTimeout(function () {
|
|
_calcRouteDistance(breakDownLatLng, arrVanDealerLatLng, arrVanDealerDetails);
|
|
}, timeOutSeconds);
|
|
}
|
|
|
|
/**
|
|
* setTimeOut function to create sorted van dealer list
|
|
* @method _createVanDealerList
|
|
* @for TicketReassign
|
|
*/
|
|
function _createVanDealerList() {
|
|
setTimeout(function () {
|
|
_createVanDealerSortedList();
|
|
}, 1000);
|
|
}
|
|
|
|
/**
|
|
* Function to reassign ticket to a van / dealer
|
|
* @method reAssignVan
|
|
* @param {String} index The index no. of selected van / dealer
|
|
* @for TicketReassign
|
|
*/
|
|
function reAssignVan(index) {
|
|
$("#displayVansDealersTable_reassign").find('tr').removeClass('showMarked');
|
|
$("#displayVansDealersTable_reassign").find('tr:nth-child(' + (index + 2) + ')').addClass('showMarked');
|
|
//create object of ticket model
|
|
var TicketModel = {};
|
|
TicketModel.TicketId = ticketId;
|
|
TicketModel.Description = "";
|
|
TicketModel.listDescription = {};
|
|
TicketModel.AssignedTo = $('#displayVansDealersTable_reassign tr:eq(' + (index + 1) + ') > td:eq(1)').text();
|
|
TicketModel.ReportedVia = "";
|
|
|
|
if (TicketModel.AssignedTo == "van") {
|
|
TicketModel.TicketStatus = 1;
|
|
}
|
|
else {
|
|
TicketModel.TicketStatus = 2;
|
|
}
|
|
|
|
TicketModel.Priority = 0;
|
|
TicketModel.CustomerScore = "";
|
|
TicketModel.CreatedBy = "";
|
|
TicketModel.CreationTime = "";
|
|
TicketModel.LastModifiedBy = "";
|
|
TicketModel.LastModifiedTime = "";
|
|
TicketModel.BreakdownLocation = "";
|
|
TicketModel.BreakdownLongitude = "";
|
|
TicketModel.BreakdownLattitude = "";
|
|
TicketModel.AssignedToUserId = $('#displayVansDealersTable_reassign tr:eq(' + (index + 1) + ') > td:eq(2)').text();
|
|
TicketModel.AssignedToUserLattitude = _copyResulEls[index].lat;
|
|
TicketModel.AssignedToUserLongitude = _copyResulEls[index].lng;
|
|
TicketModel.Isdeclined = false;
|
|
TicketModel.EstimatedTimeForJobCompletion = "";
|
|
TicketModel.TotalTicketLifecycleTimeSla = "";
|
|
TicketModel.EstimatedTimeForJobCompletionSubmitTime = "";
|
|
TicketModel.VehicleRegisterNumber = "";
|
|
TicketModel.BreakdownLocationLandmark = "";
|
|
TicketModel.RouteId = "";
|
|
TicketModel.CustomerContactNo = "";
|
|
TicketModel.TicketStatusAlias = "";
|
|
TicketModel.Token = "";
|
|
TicketModel.Status = "";
|
|
TicketModel.Message = "";
|
|
TicketModel.UtcMinute = 0;
|
|
TicketModel.RepairCost = "";
|
|
TicketModel.DefaultSlaTime = defaultSlatime;
|
|
TicketModel.SlaMissedReason = "";
|
|
TicketModel.SuggestionComment = "";
|
|
TicketModel.JobCompleteResponseTime = "";
|
|
TicketModel.DefaultCol2 = "";
|
|
TicketModel.DefaultCol3 = "";
|
|
|
|
//distance
|
|
var distanceInKm = $('#displayVansDealersTable_reassign tr:eq(' + (index + 1) + ') > td:eq(5)').text();
|
|
var lastIndex = distanceInKm.lastIndexOf(" km");
|
|
var distance = distanceInKm.substring(0, lastIndex);
|
|
TicketModel.EstimateDistance = distance;
|
|
|
|
//Send POST request with the ticket data
|
|
if (xhr_addNewTicket && xhr_addNewTicket.readystate != 4) {
|
|
xhr_addNewTicket.abort();
|
|
}
|
|
|
|
xhr_addNewTicket = $.ajax({
|
|
type: "POST",
|
|
url: "/Ticket/TicketAdministration_UpdateTicketOpenClose/",
|
|
data: TicketModel,
|
|
success: function (data) {
|
|
if (data.success == true) {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/Ticket/TicketAdministration_GetTicketHistory/",
|
|
data: { registrationNo: vRegistrationNo, mobileNo: "", complaintNo: "" },
|
|
success: function (data) {
|
|
if (data.fillFieldMesseage) {
|
|
jAlert(data.fillFieldMesseage, 'Message');
|
|
}
|
|
else {
|
|
$("#divCheckHistory").html(data);
|
|
if (document.getElementById('tableTicketHistory')) {
|
|
$("#tableTicketHistory > tbody > tr[id='" + (ticketId).toUpperCase() + "']").trigger("click");
|
|
}
|
|
}
|
|
},
|
|
error: function (data) {
|
|
console.log(data);
|
|
}
|
|
});
|
|
}
|
|
},
|
|
complete: function () {
|
|
closeWindow("#divReassignTicket");
|
|
},
|
|
error: function (data) {
|
|
console.log(data);
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Function to calculate route distance
|
|
* @method _calcRouteDistance
|
|
* @param {String} origin The location of origin(van / dealer)
|
|
* @param {String} destinationArr The location of destination(vehicle's breakdown)
|
|
* @for TicketReassign
|
|
*/
|
|
function _calcRouteDistance(origin, destinationArr, vanDealerDetailsArr) {
|
|
_service.getDistanceMatrix({
|
|
origins: [origin],
|
|
destinations: destinationArr,
|
|
travelMode: google.maps.TravelMode.DRIVING,
|
|
unitSystem: google.maps.UnitSystem.METRIC,
|
|
avoidHighways: false,
|
|
avoidTolls: false
|
|
}, _distanceMatrixCallback);
|
|
//Callback for Distance Matrix API
|
|
function _distanceMatrixCallback(response, status) {
|
|
//If Status was an error, throw alert
|
|
if (status != google.maps.DistanceMatrixStatus.OK) {
|
|
alert('Error was: ' + status);
|
|
} else {
|
|
//Result ELements response from Distance Matrinx
|
|
var _resultEls = response.rows[0].elements;
|
|
//Add vanId and vanAddress to the response
|
|
for (var i = 0; i < _resultEls.length; i++) {
|
|
if (_resultEls[i].status == "OK") {
|
|
_resultEls[i].vanDealerAddress = response.destinationAddresses[i];
|
|
_resultEls[i].vanDealerID = vanDealerDetailsArr[i].id;
|
|
_resultEls[i].type = vanDealerDetailsArr[i].type;
|
|
_resultEls[i].lat = vanDealerDetailsArr[i].lat;
|
|
_resultEls[i].lng = vanDealerDetailsArr[i].lng;
|
|
_resultEls[i].city = vanDealerDetailsArr[i].city;
|
|
_resultEls[i].assignedTicketsToVanDealer = vanDealerDetailsArr[i].assignedTickets;
|
|
_resultEls[i].name = vanDealerDetailsArr[i].name;
|
|
_resultEls[i].state = vanDealerDetailsArr[i].state;
|
|
_resultEls[i].alias = vanDealerDetailsArr[i].alias;
|
|
_resultEls[i].remainingTime = vanDealerDetailsArr[i].remainingTime;
|
|
_resultEls[i].deviceStatus = vanDealerDetailsArr[i].deviceStatus;
|
|
_resultEls[i].backgroundColor = vanDealerDetailsArr[i].backGroundColor;
|
|
}
|
|
}
|
|
for (var counter = 0; counter < _resultEls.length; counter++) {
|
|
if (_resultEls[counter].status == "OK") {
|
|
_copyResulEls.push(_resultEls[counter]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* This fn create sorted van dealer list
|
|
* @method _createVanDealerSortedList
|
|
* @for TicketReassign
|
|
*/
|
|
function _createVanDealerSortedList() {
|
|
//Sort our Array according to the duration values in ascending order. [See: https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort for more reference]
|
|
_copyResulEls.sort(function (a, b) {
|
|
var reg = new RegExp('^[0-9]+$');
|
|
if (a.status == "OK" && b.status == "OK") {
|
|
//console.log(a, b);
|
|
var k1 = a.duration.value;
|
|
var k2 = b.duration.value;
|
|
if (reg.test(k1) == true && reg.test(k2) == true) {
|
|
if (k1 > k2) {
|
|
return 1;
|
|
} else {
|
|
return -1;
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
return -1;
|
|
}
|
|
return 0;
|
|
});
|
|
|
|
$("#tableVansDealers_reassign").html('');
|
|
//var to hold table String to show in dialog-form
|
|
var _trString = '';
|
|
//Loop through length of result vans array values of resultEl
|
|
for (var i = 0; i < _copyResulEls.length; i++) {
|
|
//if i===0, add html for table.
|
|
if (_copyResulEls[i].status == "OK") {
|
|
var _markerIcon;
|
|
if (i === 0) {
|
|
_trString += '<table id="displayVansDealersTable_reassign" class="modalTable"><thead><tr><th>S. No.</th><th>Van/Dealer</th><th style="display:none;">Van/Dealer Id</th><th>Van/Dealer Name</th><th style="width:25%;">Van/Dealer Location</th><th>Distance</th><th>Duration</th><th>No. of Open Tickets</th><th>Remaining Time(in mins)</th><th>Is Connected</th><th ></th></tr></thead><tbody>';
|
|
}
|
|
//add each row
|
|
_trString += '<tr id="' + _copyResulEls[i].vanDealerID + '"><td style="box-shadow: 4px 0px 0px ' + _copyResulEls[i].backgroundColor + ' inset;" >' + (i + 1) + '</td><td >' + _copyResulEls[i].type + '</td><td style="display:none;">' + _copyResulEls[i].vanDealerID + '</td><td>' + _copyResulEls[i].name + '</td><td>' + _copyResulEls[i].vanDealerAddress + '</td><td>' + _copyResulEls[i].distance.text + '</td><td>' + _copyResulEls[i].duration.text + '</td><td>' + _copyResulEls[i].assignedTicketsToVanDealer + '</td><td>' + _copyResulEls[i].remainingTime + '</td><td><span class="' + _copyResulEls[i].deviceStatus + '"></span></td><td><button class="button_blue", style="width:77px;" onclick="reAssignVan(' + i + ');">Re-Assign</button></td></tr>';
|
|
//if i===2, end table tag.
|
|
if (i === _copyResulEls.length) {
|
|
$("#tableVansDealers_reassign").append('</tbody></table>');
|
|
}
|
|
|
|
//add content to info window
|
|
var description = '<div id="divInfoWindow">' +
|
|
'<div class="">' +
|
|
' <div class="">' +
|
|
'<h2 class="EngName_heading"><span id="spanVanDealerName">' + _copyResulEls[i].name + '</span></h2>' +
|
|
'<table width="100%" cellpadding="0" cellspacing="0" class="InfoWindowTbl">' +
|
|
'<tbody>' +
|
|
'<tr>' +
|
|
'<td class=""><span>Van/Dealer Location</span></td><td colspan="5"><span id="spanVanDealerLocation">' + _copyResulEls[i].vanDealerAddress + '</span>' +
|
|
'</td></tr><tr><td><span>Distance</span></td> <td> <span id="spanVanDealerDistance">' + _copyResulEls[i].distance.text + '</span></td><td><span>Duration</span> </td><td><span id="spanVanDealerDuration">' + _copyResulEls[i].duration.text + '</span>' +
|
|
'</td><td class=""> <span>No. of Open Tickets</span> </td> <td> <span id="spanNoOfAssignedTickets">' + _copyResulEls[i].assignedTicketsToVanDealer + '</span></td></tr></tbody></table></div></div></div>';
|
|
|
|
if (_copyResulEls[i].type == "dealer") {
|
|
_markerIcon = dealerMarker;
|
|
}
|
|
else {
|
|
if (_copyResulEls[i].backgroundColor == 'green') {
|
|
_markerIcon = _availableVansMarkers;
|
|
} else {
|
|
_markerIcon = _unavailableVansMarkers;
|
|
}
|
|
}
|
|
var _vanDealerLatlng = new google.maps.LatLng(_copyResulEls[i].lat, _copyResulEls[i].lng);
|
|
//create marker at position
|
|
createMarker(_vanDealerLatlng, _markerIcon, _copyResulEls[i].vanDealerID, description, _ccplMap);
|
|
}
|
|
}
|
|
var _bounds = new google.maps.LatLngBounds();
|
|
for (var count = 0; count < nearestVansDealersMarks.length; count++) {
|
|
_bounds.extend(nearestVansDealersMarks[count].position);
|
|
}
|
|
_ccplMap.fitBounds(_bounds);
|
|
//Append the _trString created in the dialog-form
|
|
$("#tableVansDealers_reassign").append(_trString);
|
|
//On click of row of Vans / dealers table
|
|
$("#displayVansDealersTable_reassign > tbody > tr").click(function (e) {
|
|
var rowId = e.currentTarget.id;
|
|
if (infowindow) {
|
|
infowindow.close();
|
|
}
|
|
$("#displayVansDealersTable_reassign").find('tr').removeClass('showMarked');
|
|
$("#displayVansDealersTable_reassign").find('tr[id=' + rowId + ']').addClass('showMarked');
|
|
|
|
var _selectedVanDealerLat, _selectedVanDealerLng, _vehicleLatLng, _selectedVanDealerLatLng, _selectedVanDealerType;
|
|
var _selectedVanDealerId = e.currentTarget.id;
|
|
for (var counter = 0; counter < nearestVansDealersMarks.length; counter++) {
|
|
if (nearestVansDealersMarks[counter].customInfo == _selectedVanDealerId) {
|
|
stopMarkerBounce();
|
|
getMarkerBounce(nearestVansDealersMarks[counter]);
|
|
}
|
|
}
|
|
for (var count = 0; count < _copyResulEls.length; count++) {
|
|
if (_copyResulEls[count].vanDealerID == _selectedVanDealerId) {
|
|
_selectedVanDealerLat = _copyResulEls[count].lat;
|
|
_selectedVanDealerLng = _copyResulEls[count].lng;
|
|
_selectedVanDealerType = _copyResulEls[count].type;
|
|
}
|
|
}
|
|
vehicleLatLng = breakdownLocLatLng;
|
|
_selectedVanDealerLatLng = new google.maps.LatLng(_selectedVanDealerLat, _selectedVanDealerLng);
|
|
calcRoute(vehicleLatLng, _selectedVanDealerLatLng, _selectedVanDealerType, _ccplMap);
|
|
});
|
|
|
|
//start marker bounce
|
|
function getMarkerBounce(vanDealerMarker) {
|
|
if (vanDealerMarker.getAnimation() != null) {
|
|
vanDealerMarker.setAnimation(null);
|
|
} else {
|
|
vanDealerMarker.setAnimation(google.maps.Animation.BOUNCE);
|
|
}
|
|
}
|
|
|
|
//stop marker bounce
|
|
function stopMarkerBounce() {
|
|
for (var count = 0; count < nearestVansDealersMarks.length; count++) {
|
|
if (nearestVansDealersMarks[count].getAnimation() != null) {
|
|
nearestVansDealersMarks[count].setAnimation(null);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</pre>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="../assets/vendor/prettify/prettify-min.js"></script>
|
|
<script>prettyPrint();</script>
|
|
<script src="../assets/js/yui-prettify.js"></script>
|
|
<script src="../assets/../api.js"></script>
|
|
<script src="../assets/js/api-filter.js"></script>
|
|
<script src="../assets/js/api-list.js"></script>
|
|
<script src="../assets/js/api-search.js"></script>
|
|
<script src="../assets/js/apidocs.js"></script>
|
|
</body>
|
|
</html>
|