716 lines
44 KiB
Plaintext
716 lines
44 KiB
Plaintext
@model IEnumerable<GODATA.Models.Ticket.TicketModel>
|
|
|
|
@Html.Hidden("VRegistrationNo", (object)@ViewBag.VRegistrationNo)
|
|
@Html.Hidden("VMobileNo", (object)@ViewBag.mobileNo)
|
|
@Html.Hidden("VComplaintNo", (object)@ViewBag.ComplaintNo)
|
|
<div class="" id="Ticket_List">
|
|
@if ((ViewBag.CustomerDetailsList.Count == 0 || ViewBag.CustomerDetailsList == null) && (Model.Count() == 0 || Model == null || ViewBag.CloseTicketList.Count == 0 || ViewBag.CloseTicketList == null || ViewBag.SaveTicketList.Count == 0 || ViewBag.SaveTicketList == null))
|
|
{
|
|
<div id="divNoDataFound_CustomerHistory" class="content overflow withstatusbar">
|
|
<span>
|
|
<p class="">
|
|
<h4>@*Customer does not exist. Please add first!!!*@
|
|
@System.Configuration.ConfigurationManager.AppSettings["customer_not_exist"].ToString()
|
|
</h4>
|
|
</p>
|
|
</span>
|
|
</div>
|
|
<div class="statusbar">
|
|
<button class="button_blue" onclick="onBackButtonClick()" style="margin: auto; margin-top: -2px; width: auto;">Back</button>
|
|
<button id="button_addCustomer" class="button_blue" onclick="addNewCustomer()" style="margin: auto; margin-top: -2px; width: 134px; width: auto;">Add New Customer</button>
|
|
</div>
|
|
}
|
|
else
|
|
if ((ViewBag.CustomerDetailsList.Count != 0 && ViewBag.CustomerDetailsList != null) && ((Model.Count() == 0 || Model == null) && (ViewBag.CloseTicketList1.Count == 0 || ViewBag.CloseTicketList1 == null) && (ViewBag.SaveTicketList.Count == 0 || ViewBag.SaveTicketList == null)))
|
|
{
|
|
<div id="divNoDataFound_TicketHistory" class="content overflow withstatusbar">
|
|
<span>
|
|
<p class="">
|
|
<h4>@*No Open or Close Tickets!!!*@
|
|
@System.Configuration.ConfigurationManager.AppSettings["no_open_close_tickets"].ToString()
|
|
</h4>
|
|
</p>
|
|
</span>
|
|
</div>
|
|
<div class="statusbar">
|
|
<button class="button_blue" onclick="onBackButtonClick()" style="margin: auto; margin-top: -2px; width: auto;">Back</button>
|
|
<button id="button_addTicket" class="button_blue" onclick="addNewTicket()" style="margin: auto; margin-top: -2px; width: auto;">Add New Ticket</button>
|
|
</div>
|
|
}
|
|
else
|
|
if ((ViewBag.CustomerDetailsList.Count != 0 && ViewBag.CustomerDetailsList != null) && (Model.Count() > 0 || Model != null || ViewBag.CloseTicketList1.Count > 0 || ViewBag.CloseTicketList1 != null) && (ViewBag.SaveTicketList.Count == 0 || ViewBag.SaveTicketList == null))
|
|
{
|
|
|
|
<div style="/*margin-top: 10px; */" class="content overflow withstatusbar" id="divOpenCloseTickets">
|
|
@if (Model.Count() > 0 && Model != null)
|
|
{
|
|
<div>
|
|
<h4>Open Tickets</h4>
|
|
</div>
|
|
<table id="tableTicketHistory" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th width="84px">Id
|
|
</th>
|
|
<th>Status
|
|
</th>
|
|
<th>Resolution SLA (in min)
|
|
</th>
|
|
<th>Response SLA (in min)
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach (var item in Model)
|
|
{
|
|
|
|
<tr id="@item.TicketId" data-ticketStatus="open" data-ticketCreationTime="@item.CreationTime" class="trData">
|
|
<td width="84px" class="">
|
|
@Html.DisplayFor(modelItem => item.TicketIdAlias)
|
|
</td>
|
|
<td class="">
|
|
|
|
@Html.DisplayFor(modelItem => item.TicketStatusAlias)
|
|
</td>
|
|
<td class="">
|
|
@Html.DisplayFor(modelItem => item.DefaultSlaTime)
|
|
</td>
|
|
<td class="">
|
|
@Html.DisplayFor(modelItem => item.TotalTicketLifecycleTimeSla)
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
}
|
|
|
|
@if (ViewBag.CloseTicketList.Count > 0 && ViewBag.CloseTicketList != null)
|
|
{
|
|
<div>
|
|
<h4>Close Ticket</h4>
|
|
</div>
|
|
<table id="tableCloseTicketHistory" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%" border="0">
|
|
<thead>
|
|
<tr>
|
|
<th width="84px">Id
|
|
</th>
|
|
<th>Status
|
|
</th>
|
|
<th>Resolution SLA (in min)
|
|
</th>
|
|
<th>Response SLA (in min)
|
|
</th>
|
|
<th>Closure within 24 Hrs and Feedback
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
@foreach (var item2 in (List<GODATA.Models.Ticket.TicketModel>)ViewBag.CloseTicketList)
|
|
{
|
|
|
|
<tr id="@item2.TicketId" data-ticketStatus="close" data-ticketCreationTime="@item2.CreationTime" data-reason24Hrs="@Convert.ToDouble(item2.TotalTicketCloseHours)" data-isFeedback="@item2.FeedBackAgenName" class="trData select">
|
|
<td width="84px" class="">
|
|
@Html.DisplayFor(modelItem => item2.TicketIdAlias)
|
|
</td>
|
|
<td class="">
|
|
@*<span>Close</span>*@
|
|
@Html.DisplayFor(modelItem => item2.TicketStatusAlias)
|
|
@*@Html.DisplayFor(modelItem => "Close")*@
|
|
</td>
|
|
<td class="">
|
|
@Html.DisplayFor(modelItem => item2.DefaultSlaTime)
|
|
</td>
|
|
<td class="">
|
|
@Html.DisplayFor(modelItem => item2.TotalTicketLifecycleTimeSla)
|
|
</td>
|
|
|
|
@if (item2.CallStatus == null) { item2.CallStatus = ""; } else { item2.CallStatus = item2.CallStatus; }
|
|
|
|
|
|
@* if feedback and reason for 24 hrs are filled *@
|
|
@if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus).ToLower().Trim() == "feedback collected") && (item2.ReasonBeyond24Hrs != "" && item2.ReasonBeyond24Hrs != null))
|
|
{
|
|
<td class="reasonFeedback" align=""> <span id="span24Hrs" class="Hours" style="background: #00a54f;">24</span> <span id="spanFeedback" class="feedback" style="background: #00a54f;">F</span>
|
|
</td>
|
|
}
|
|
@* if reason is filled and feedback is not filled *@
|
|
else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus).ToLower().Trim() != "feedback collected" || item2.CallStatus == "" || item2.CallStatus == null) && (item2.ReasonBeyond24Hrs != "" && item2.ReasonBeyond24Hrs != null))
|
|
//else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item2.FeedBackAgenName == "" || item2.FeedBackAgenName == null) && (item2.ReasonBeyond24Hrs != "" && item2.ReasonBeyond24Hrs != null))
|
|
{
|
|
<td class="reasonFeedback" align=""> <span id="span24Hrs" class="Hours" style="background: #00a54f;">24</span> <span id="spanFeedback" class="feedback" style="background: #ee1d23;">F</span>
|
|
|
|
</td>
|
|
}
|
|
@* if reason and feedback are not filled *@
|
|
else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus).ToLower().Trim() != "feedback collected" || item2.CallStatus == "" || item2.CallStatus == null) && (item2.ReasonBeyond24Hrs == "" || item2.ReasonBeyond24Hrs == null))
|
|
//else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item2.FeedBackAgenName == "" || item2.FeedBackAgenName == null) && (item2.ReasonBeyond24Hrs == "" || item2.ReasonBeyond24Hrs == null))
|
|
{
|
|
<td class="reasonFeedback" align=""> <span id="span24Hrs" class="Hours" style="background: #ee1d23;">24</span> <span id="spanFeedback" class="feedback" style="background: #ee1d23;">F</span>
|
|
|
|
</td>
|
|
}
|
|
@* if reason is not filled and feedback is filled *@
|
|
else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus).ToLower().Trim() == "feedback collected") && (item2.ReasonBeyond24Hrs == "" || item2.ReasonBeyond24Hrs == null))
|
|
//else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item2.FeedBackAgenName != "" && item2.FeedBackAgenName != null) && (item2.ReasonBeyond24Hrs == "" || item2.ReasonBeyond24Hrs == null))
|
|
{
|
|
<td class="reasonFeedback" align=""> <span id="span24Hrs" class="Hours" style="background: #ee1d23;">24</span> <span id="spanFeedback" class="feedback" style="background: #00a54f;">F</span>
|
|
|
|
</td>
|
|
}
|
|
@* if ticket is not under case of 24 hrs closure and feedback is not filled *@
|
|
else if (Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24) && ((item2.CallStatus).ToLower().Trim() != "feedback collected" || item2.CallStatus == "" || item2.CallStatus == null))
|
|
//else if (Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24) && (item2.FeedBackAgenName == "" || item2.FeedBackAgenName == null))
|
|
{
|
|
<td class="reasonFeedback" align=""> <span id="spanFeedback" class="feedback" style="background: #ee1d23;">F</span>
|
|
|
|
</td>
|
|
}
|
|
@* if ticket is not under case of 24 hrs closure and feedback is filled *@
|
|
else if (Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24) && ((item2.CallStatus).ToLower().Trim() == "feedback collected"))
|
|
//else if (Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24) && (item2.FeedBackAgenName != "" && item2.FeedBackAgenName != null))
|
|
{
|
|
<td class="reasonFeedback" align=""> <span id="spanFeedback" class="feedback" style="background: #00a54f;">F</span>
|
|
|
|
</td>
|
|
}
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
}
|
|
</div>
|
|
if (Model.Count() == 0 || Model == null)
|
|
{
|
|
<div class="statusbar">
|
|
<button class="button_blue" onclick="onBackButtonClick()" style="margin: auto; margin-top: -2px; width: auto">Back</button>
|
|
<button id="buttonAddNewTicket" class="button_blue" onclick="addNewTicket()" style="margin: auto; margin-top: -2px; width: auto;">Add New Ticket</button>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="statusbar">
|
|
<button class="button_blue" onclick="onBackButtonClick()" style="margin: auto; margin-top: -2px; width: auto;">Back</button>
|
|
</div>
|
|
}
|
|
}
|
|
else
|
|
if ((ViewBag.CustomerDetailsList.Count != 0 && ViewBag.CustomerDetailsList != null) && (ViewBag.SaveTicketList.Count > 0 && ViewBag.SaveTicketList != null))
|
|
{
|
|
<div id="div_pendingTicketFound" class="content overflow withstatusbar">
|
|
<span>
|
|
<p class="">
|
|
<h4>@*No Open or Close Tickets!!!*@
|
|
@System.Configuration.ConfigurationManager.AppSettings["pendingTicketFound"].ToString()
|
|
</h4>
|
|
</p>
|
|
</span>
|
|
@if ((ViewBag.CloseTicketList.Count > 0 && ViewBag.CloseTicketList != null))
|
|
{
|
|
<div>
|
|
<h4>Close Ticket</h4>
|
|
</div>
|
|
<table id="tableCloseTicketHistory" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%" border="0">
|
|
<thead>
|
|
<tr>
|
|
<th width="84px">Id
|
|
</th>
|
|
<th>Status
|
|
</th>
|
|
<th>Resolution SLA (in min)
|
|
</th>
|
|
<th>Response SLA (in min)
|
|
</th>
|
|
<th>Closure within 24 Hrs and Feedback
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
@foreach (var item3 in (List<GODATA.Models.Ticket.TicketModel>)ViewBag.CloseTicketList)
|
|
{
|
|
|
|
<tr id="@item3.TicketId" data-ticketStatus="close" data-ticketCreationTime="@item3.CreationTime" data-reason24Hrs="@Convert.ToDouble(item3.TotalTicketCloseHours)" data-isFeedback="@item3.FeedBackAgenName" class="trData select">
|
|
<td width="84px" class="">
|
|
@Html.DisplayFor(modelItem => item3.TicketIdAlias)
|
|
</td>
|
|
<td class="">
|
|
@*<span>Close</span>*@
|
|
@Html.DisplayFor(modelItem => item3.TicketStatusAlias)
|
|
@*@Html.DisplayFor(modelItem => "Close")*@
|
|
</td>
|
|
<td class="">
|
|
@Html.DisplayFor(modelItem => item3.DefaultSlaTime)
|
|
</td>
|
|
<td class="">
|
|
@Html.DisplayFor(modelItem => item3.TotalTicketLifecycleTimeSla)
|
|
</td>
|
|
|
|
@if (item3.CallStatus == null) { item3.CallStatus = ""; } else { item3.CallStatus = item3.CallStatus; }
|
|
|
|
|
|
@* if feedback and reason for 24 hrs are filled *@
|
|
@if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item3.CallStatus).ToLower().Trim() == "feedback collected") && (item3.ReasonBeyond24Hrs != "" && item3.ReasonBeyond24Hrs != null))
|
|
{
|
|
<td class="reasonFeedback" align=""> <span id="span24Hrs" class="Hours" style="background: #00a54f;">24</span> <span id="spanFeedback" class="feedback" style="background: #00a54f;">F</span>
|
|
</td>
|
|
}
|
|
@* if reason is filled and feedback is not filled *@
|
|
else if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item3.CallStatus).ToLower().Trim() != "feedback collected" || item3.CallStatus == "" || item3.CallStatus == null) && (item3.ReasonBeyond24Hrs != "" && item3.ReasonBeyond24Hrs != null))
|
|
//else if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item3.FeedBackAgenName == "" || item3.FeedBackAgenName == null) && (item3.ReasonBeyond24Hrs != "" && item3.ReasonBeyond24Hrs != null))
|
|
{
|
|
<td class="reasonFeedback" align=""> <span id="span24Hrs" class="Hours" style="background: #00a54f;">24</span> <span id="spanFeedback" class="feedback" style="background: #ee1d23;">F</span>
|
|
|
|
</td>
|
|
}
|
|
@* if reason and feedback are not filled *@
|
|
else if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item3.CallStatus).ToLower().Trim() != "feedback collected" || item3.CallStatus == "" || item3.CallStatus == null) && (item3.ReasonBeyond24Hrs == "" || item3.ReasonBeyond24Hrs == null))
|
|
//else if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item3.FeedBackAgenName == "" || item3.FeedBackAgenName == null) && (item3.ReasonBeyond24Hrs == "" || item3.ReasonBeyond24Hrs == null))
|
|
{
|
|
<td class="reasonFeedback" align=""> <span id="span24Hrs" class="Hours" style="background: #ee1d23;">24</span> <span id="spanFeedback" class="feedback" style="background: #ee1d23;">F</span>
|
|
|
|
</td>
|
|
}
|
|
@* if reason is not filled and feedback is filled *@
|
|
else if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item3.CallStatus).ToLower().Trim() == "feedback collected") && (item3.ReasonBeyond24Hrs == "" || item3.ReasonBeyond24Hrs == null))
|
|
//else if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item3.FeedBackAgenName != "" && item3.FeedBackAgenName != null) && (item3.ReasonBeyond24Hrs == "" || item3.ReasonBeyond24Hrs == null))
|
|
{
|
|
<td class="reasonFeedback" align=""> <span id="span24Hrs" class="Hours" style="background: #ee1d23;">24</span> <span id="spanFeedback" class="feedback" style="background: #00a54f;">F</span>
|
|
|
|
</td>
|
|
}
|
|
@* if ticket is not under case of 24 hrs closure and feedback is not filled *@
|
|
else if (Convert.ToDouble(item3.TotalTicketCloseHours) < Convert.ToDouble(24) && ((item3.CallStatus).ToLower().Trim() != "feedback collected" || item3.CallStatus == "" || item3.CallStatus == null))
|
|
//else if (Convert.ToDouble(item3.TotalTicketCloseHours) < Convert.ToDouble(24) && (item3.FeedBackAgenName == "" || item3.FeedBackAgenName == null))
|
|
{
|
|
<td class="reasonFeedback" align=""> <span id="spanFeedback" class="feedback" style="background: #ee1d23;">F</span>
|
|
|
|
</td>
|
|
}
|
|
@* if ticket is not under case of 24 hrs closure and feedback is filled *@
|
|
else if (Convert.ToDouble(item3.TotalTicketCloseHours) < Convert.ToDouble(24) && ((item3.CallStatus).ToLower().Trim() == "feedback collected"))
|
|
//else if (Convert.ToDouble(item3.TotalTicketCloseHours) < Convert.ToDouble(24) && (item3.FeedBackAgenName != "" && item3.FeedBackAgenName != null))
|
|
{
|
|
<td class="reasonFeedback" align=""> <span id="spanFeedback" class="feedback" style="background: #00a54f;">F</span>
|
|
|
|
</td>
|
|
}
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
}
|
|
</div>
|
|
<div class="statusbar">
|
|
<button class="button_blue" onclick="onBackButtonClick()" style="margin: auto; margin-top: -2px; width: auto;">Back</button>
|
|
<button id="button_proceed" class="button_blue" onclick="assignPendingTicket()" style="margin: auto; margin-top: -2px; width: auto;">Proceed</button>
|
|
</div>
|
|
}
|
|
</div>
|
|
|
|
<div class="display_none content overflow withstatusbar" id="Tracker_form">
|
|
<!-- form -->
|
|
<div>
|
|
<form id="formAddNewTicket" method="post">
|
|
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
|
<tr>
|
|
<td class="">
|
|
<table style="margin-top: 5px;" width="100%" cellspacing="0" cellpadding="0" border="0" class="TicketListTbl" @*class="Inner_ListTbl"*@>
|
|
<tbody>
|
|
<tr>
|
|
<th style="border-top: 1px solid #c5c5c5;" colspan="2" class="tableCelltitle">Customer/Caller Info</th>
|
|
</tr>
|
|
</tbody>
|
|
<tbody>
|
|
<tr>
|
|
<td width="" class="">Language <span class="error" style="color: #ee1d23">* </span></td>
|
|
<td class="">
|
|
<select id="vehicle_owner_language" name="Language">
|
|
<option value="-Select-">-Select-</option>
|
|
</select>
|
|
|
|
<span id="spanLanguageRequired" class="error" style="display: none; color: #ee1d23">* </span>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td width="" class="">Source of Toll Free No.</td>
|
|
<td class="">
|
|
<select id="tollFreeNoSource" name="TollFreeNoSource" onchange="hidetelematic()" >
|
|
<option value="-Select-">-Select-</option>
|
|
</select>
|
|
@* <span id="spanSourceTollFreeRequired" class="error" style="display: none; color: #ee1d23">* </span>*@
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="" style="">Name <span class="error" style="color: #ee1d23">* </span></td>
|
|
<td class="" style="">
|
|
<select id="driver_name" name="driver_name" onchange="getMobileNoCustomerWise()" style="">
|
|
@foreach (var item in (List<string>)ViewBag.CustomerName)
|
|
{
|
|
<option value="@item">@item</option>
|
|
}
|
|
</select>
|
|
<span id="spanCustomerRequired" class="error" style="display: none; color: #ee1d23">* </span>
|
|
<span id="spanAddCustomer" title="Add New Customer" class="addMore k-button" style="cursor: pointer" onclick="addCustomerForExistingVehicle(registrationNo);">+
|
|
|
|
</span>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="">Contact No.</td>
|
|
<td class="">
|
|
<input type="text" id="driver_contact_no" style="" disabled />
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="">
|
|
<table style="margin-top: 5px;" width="100%" cellspacing="0" cellpadding="0" border="0" class="TicketListTbl"@* class="Inner_ListTbl"*@>
|
|
<tbody>
|
|
<tr>
|
|
<th style="border-top: 1px solid #c5c5c5;" colspan="2" class="tableCelltitle">Vehicle's Owner/Fleet Info</th>
|
|
</tr>
|
|
</tbody>
|
|
<tbody class="">
|
|
|
|
<tr>
|
|
<td width="" class="">Name</td>
|
|
<td class="">
|
|
<input type="text" id="vehicle_owner_name" disabled />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" class="">Contact No.</td>
|
|
<td class="">
|
|
<input type="text" id="vehicle_owner_contact_no" disabled />
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td width="" class="">Location</td>
|
|
<td class="">
|
|
<input type="text" id="vehicle_owner_location" disabled />
|
|
</td>
|
|
</tr>
|
|
<tr style="display: none;">
|
|
<td width="" class="">EmailID</td>
|
|
<td class="">
|
|
<input type="text" id="vehicle_owner_emailID" disabled />
|
|
</td>
|
|
</tr>
|
|
<tr style="display: none;">
|
|
<td width="" class="">State</td>
|
|
<td class="">
|
|
<input type="text" id="vehicle_owner_Address" disabled />
|
|
</td>
|
|
</tr>
|
|
<tr style="display: none;">
|
|
<td width="" class="">City</td>
|
|
<td class="">
|
|
<input type="text" id="vehicle_owner_City" disabled />
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody>
|
|
<tr>
|
|
<th style="border-top: 1px solid #c5c5c5;" colspan="2" class="tableCelltitle">Vehicle Info</th>
|
|
</tr>
|
|
</tbody>
|
|
<tbody class="">
|
|
<tr>
|
|
<td width="" class="">Registration No.</td>
|
|
<td class="">
|
|
<input type="text" id="vehicle_registration" disabled />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" class="">Chassis No.</td>
|
|
<td class="">
|
|
<input type="text" id="vehicle_numberPlate" disabled />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" class="">Model No.</td>
|
|
<td class="">
|
|
<input type="text" id="vehicle_model" disabled />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" class="">Product Variant</td>
|
|
<td class="">
|
|
<input type="text" id="vehicle_product_varient" disabled />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" class="">Vehicle Type</td>
|
|
<td class="">
|
|
<input type="text" id="eos_VehicleType" disabled />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" class="">Vehicle Installation Date</td>
|
|
<td class="">
|
|
<input type="text" id="eos_VehicleInstallationDate" disabled />
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
|
|
<tr id="tr_telelat" >
|
|
<td>Telematic lat/long </td>
|
|
<td>
|
|
<input type="text" id="Tele_latlong" name="Telematic lat/long" /></td>
|
|
</tr>
|
|
|
|
<tr id="tr_telelastlog">
|
|
<td>Telematic Last Login </td>
|
|
<td>
|
|
<input type="text" id="Tele_date" name="Telematic Date" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" class="">State <span class="error" style="color: #ee1d23">* </span></td>
|
|
<td class="SelectDD multiselect-div" >
|
|
|
|
<select id="eos_state" name="State" multiple="multiple" onchange="onStateChange();"data-placeholder="-Select-">
|
|
|
|
</select>
|
|
<span id="spanState" class="error" style="display: none; color: #ee1d23">* </span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Nearest Big Town/City <span class="error" style="color: #ee1d23">* </span></td>
|
|
<td class="CityComboBox">
|
|
<input type="text" id="eos_city" name="City" onblur="onBlurCity(id)" />
|
|
|
|
<span id="spanCity" class="error" style="display: none; color: #ee1d23; margin-left: 14px;">* </span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" style="" class="">Breakdown Location <span class="error" style="color: #ee1d23">* </span></td>
|
|
<td colspan="1" class="">
|
|
<textarea rows="5" cols="20" id="eos_exact_location" readonly></textarea>
|
|
<span id="spanEosLocation" class="error" style="display: none; color: #ee1d23">* </span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="">Landmark</td>
|
|
<td>
|
|
<input type="text" id="breakdown_landmark" />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Routes <span class="error" style="color: #ee1d23">* </span></td>
|
|
<td class="SelectDD ">
|
|
<select id="routes" name="routes" onchange="onChangeRoute()">
|
|
<option value="-Select-">-Select-</option>
|
|
</select>
|
|
<span id="spanRoutes" class="error" style="display: none; color: #ee1d23">* </span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
@*<td width="" class="">Type of Load Carrying dddfd</td>
|
|
<td class="">
|
|
<input type="text" id="vehicle_type_of_load" />
|
|
</td>*@
|
|
<td>Type of Load Carrying</td>
|
|
<td class="SelectDD ">
|
|
<select id="vehicle_type_of_load">
|
|
<option>Select</option>
|
|
<option>Driver</option>
|
|
<option>Owner</option>
|
|
<option>Fleet Manager</option>
|
|
<option>Dealership Employee</option>
|
|
<option>VECV Employee</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" class="">Direction of Vehicle</td>
|
|
<td class="">
|
|
<input type="text" id="vehicle_direction" />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
@*<td width="" class="">Total Kilometers Covered (In KM) <span class="error" color: red"> * </span></td>*@
|
|
<td width="" class="">Breakdown Vehicle Travelled (In KM) <span class="error" style="color: #ee1d23">* </span></td>
|
|
<td class="">
|
|
<input type="text" id="totalKmCovered" maxlength="10" onkeypress="return IsFloat(event);" ondrop="return false;" />
|
|
<span id="spanKmCovered" class="error" style="display: none; color: #ee1d23">* </span>
|
|
<br />
|
|
<span id="error" style="color: #ee1d23; display: none">Please enter only numbers</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" class="">Warranty</td>
|
|
<td class="">
|
|
<select id="isVehicleInWarrentyOrAmc" name="IsVehicleInWarrentyOrAmc">
|
|
<option value="-Select-">-Select-</option>
|
|
</select>
|
|
@* <span id="spanWarrenty" class="error" style="display: none; color: #ee1d23">* </span>*@
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" style="" class="">Nature of Problem <span class="error" style="color: #ee1d23">* </span></td>
|
|
<td colspan="1" class="">
|
|
<textarea rows="5" cols="50" id="nature_of_problem" style="float: left; margin-right: 3px;"></textarea>
|
|
<span id="spanDescription" class="error" style="display: none; color: #ee1d23; float: left;">* </span>
|
|
</td>
|
|
</tr>
|
|
@* added on 27-11-2020*@
|
|
@* <tr>
|
|
<td width="" style="" class="">Vehicle Warranty<span class="error" style="color: #ee1d23">* </span></td>
|
|
<td colspan="1" class="">
|
|
<textarea rows="5" cols="50" id="vehicle_warranty" style="float: left; margin-right: 3px;"></textarea>
|
|
<span id="spanvehicle_warranty" class="error" style="display: none; color: #ee1d23; float: left;">* </span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" style="" class="">Vehicle Amc<span class="error" style="color: #ee1d23">* </span></td>
|
|
<td colspan="1" class="">
|
|
<textarea rows="5" cols="50" id="vehicle_amc" style="float: left; margin-right: 3px;"></textarea>
|
|
<span id="spanvehicle_amc" class="error" style="display: none; color: #ee1d23; float: left;">* </span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" style="" class="">Vehicle Emission Norms<span class="error" style="color: #ee1d23">* </span></td>
|
|
<td colspan="1" class="">
|
|
<textarea rows="5" cols="50" id="vehicle_emission_norms" style="float: left; margin-right: 3px;"></textarea>
|
|
<span id="spanvehicle_emission_norms" class="error" style="display: none; color: #ee1d23; float: left;">* </span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="" style="" class="">Vehicle Sales Date<span class="error" style="color: #ee1d23">* </span></td>
|
|
<td colspan="1" class="">
|
|
<textarea rows="5" cols="50" id="vehicle_sales_date" style="float: left; margin-right: 3px;"></textarea>
|
|
<span id="spanvehicle_sales_date" class="error" style="display: none; color: #ee1d23; float: left;">* </span>
|
|
</td>
|
|
</tr>*@
|
|
@* ended on 27-11-2020*@
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<!-- end of form -->
|
|
|
|
</div>
|
|
<div id="Tracker_from_BtnWrp" class="display_none statusbar">
|
|
<button class="button_blue" id="ReturnToList" onclick="btnCancel()" style="padding-top: 4px; padding-bottom: 6px; margin-top: 0; margin-bottom: 0; width: auto;">Cancel</button>
|
|
<button id="buttonGetVansList" class="button_blue" onclick="getNearestVansDealers()" style="padding-top: 4px; padding-bottom: 6px; margin-top: 0; margin-bottom: 0; width: auto;">Get All Vans</button>
|
|
<button id="saveTicket" class="button_blue" onclick="saveTicketDetails()" style="padding-top: 4px; padding-bottom: 6px; margin-top: 0; margin-bottom: 0; width: auto;">Save Ticket</button>
|
|
|
|
</div>
|
|
<div id="divInfoWindow" style="display: none;">
|
|
<div class="">
|
|
<div class="">
|
|
<h2><span id="spanVanDealerName"></span></h2>
|
|
<table width="100%" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="">
|
|
<span>Van Location</span>
|
|
</td>
|
|
<td colspan="3">
|
|
<span id="spanVanDealerLocation"></span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<span>Distance</span>
|
|
</td>
|
|
<td>
|
|
<span id="spanVanDealerDistance"></span>
|
|
</td>
|
|
<td>
|
|
<span>Duration</span>
|
|
</td>
|
|
<td>
|
|
<span id="spanVanDealerDuration"></span>
|
|
</td>
|
|
<td class="">
|
|
<span>No. of Assigned Tickets</span>
|
|
</td>
|
|
<td>
|
|
<span id="spanNoOfAssignedTickets"></span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var registrationNo = '@ViewBag.VRegistrationNo';
|
|
console.log(registrationNo);
|
|
var mobileNo = '@ViewBag.mobileNo';
|
|
var complaintNo = '@ViewBag.ComplaintNo';
|
|
var ChassisNumber = '@ViewBag.ChassisNumber';
|
|
var TicketOpenModel = '@Model'; //added on 23-12-2020
|
|
|
|
|
|
/* function to get mobile no based on customer name */
|
|
function getMobileNoCustomerWise() {
|
|
debugger
|
|
var driverName = $("#driver_name").val();
|
|
$.getJSON("/Ticket/GetCustomerContactNo/", { VRegistrationNo: registrationNo, customerName: driverName }, function (result) {
|
|
if (result.success == true) {
|
|
$("#driver_contact_no").val(result.contactNo);
|
|
}
|
|
});
|
|
}
|
|
getTicketDetails();
|
|
getCloseTicketDetails();
|
|
|
|
saveTicketsList = @Html.Raw(Json.Encode(@ViewBag.SaveTicketList))
|
|
|
|
|
|
$("#Tracker_form").scroll(function () {
|
|
$(document.body).find("[data-role=popup]")
|
|
.kendoPopup("close");
|
|
});
|
|
|
|
</script>
|
|
<style type="text/css">
|
|
.SelectDD { padding: 6px 11px; }
|
|
|
|
.SelectDD select { width: 171px; padding: 6px 0px; font-family: 'HermesFB Regular'; font-family: Arial; text-indent: 3px; }
|
|
|
|
.themeTable th { border-top: 1px solid #dedede; background: url("/Content/css/images/infowindow_head-bg.png") repeat-x left top !important; padding: 0; padding-left: 5px; line-height: 13px; color: #fff; height: 29px; }
|
|
|
|
.k-button { background-color: #dedede !important; border-radius: 32px !important; padding-top: 0px; padding-bottom: 0; margin-top: -4px; /*margin-left: 3px;*/ }
|
|
|
|
.OpenTicketTbl th { line-height: normal; }
|
|
|
|
.TicketListTbl { border-left: 1px solid #dedede; }
|
|
|
|
.TicketListTbl td { border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; padding-left: 10px; }
|
|
|
|
.TicketListTbl td input, .TicketListTbl td textarea, .TicketListTbl td select { width: 75%; margin: 5px 3px; font-size: 13px; }
|
|
|
|
.TicketListTbl td input { width: 74%; }
|
|
|
|
.TicketListTbl td textarea { width: 67%; text-indent: 0; padding-left: 7px; }
|
|
|
|
.CityComboBox .k-combobox { width: 64%; }
|
|
|
|
.TicketListTbl td:first-child { background: #f7f7f7; width: 135px; vertical-align: middle; }
|
|
|
|
select { text-indent: 4px !important; }
|
|
|
|
.visible {
|
|
height: 3em;
|
|
width: 10em;
|
|
cursor: pointer;
|
|
background: yellow;
|
|
}
|
|
</style>
|