EOS/Views/Report/Ticket_ShowTicketDetails.cshtml
Nidhi Bhargava f0c1ab20e1 code push
2025-09-04 16:25:07 +05:30

811 lines
44 KiB
Plaintext

@model IEnumerable<GODATA.Models.Ticket.TicketOpenCloseModel>
@if (Model != null && Model.Count() > 0)
{
<div class="size25 left">
<div class="window">
<div class="titlebar">
<div class="title">
Ticket List
</div>
</div>
<div class="innerWindow ">
@*<div class="toolbar" style="border-bottom: 1px solid #d5d5d5;">
</div>*@
<div id="divTicket" class="content withtoolbar" style="margin-top: -27px; overflow-x: auto;">
<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" class="trData">
<td width="84px" class="">
@Html.DisplayFor(modelItem => item.TicketId)
</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>
</div>
</div>
</div>
</div>
<div class="size50 mid20-20" id="divMap" style="left: 25%;">
<div class="window">
<div class="titlebar">
<div class="title">
Ticket Information
</div>
</div>
<div class="innerWindow">
<div id="divMapDetail" class="toolbar DeatilPopup">
<ul class="toolUl">
<li class="editBtn">
<div class="toolBtn">
<label id="labelRoute">
<span class="k-icon k-add" style="background-image: none;"></span>Route Map
</label>
</div>
</li>
<li class="editBtn">
<div class="toolBtn">
<label id="labelActivity">
<span class="k-icon k-add" style="background-image: none;"></span>Ticket Activity
</label>
</div>
</li>
</ul>
</div>
@*<div id="divMapContainer" class="innerWindow">*@
<div id="divMapContainer" class="content MapBox" style="top: 32px;">
</div>
<div id="divActivity" class="content" style="top: 32px; display: none;">
<div class="OpenCloseTicketActivity">
<div class="fleft size65">
@*<fieldset>*@
@*<legend>Ticket Activity</legend>*@
<table width="96%" cellspacing="0" cellpadding="0" border="0" class="TicketActivityFrom">
@foreach (var item in Model)
{
var assignedUser = item.DealerOrVanName;
<tr>
<td>Ticket Id
</td>
<td>
@Html.DisplayFor(modelItem => item.TicketId, new { @id = "textTicketId" })
</td>
</tr>
<tr>
<td>Created By
</td>
<td>
@Html.DisplayFor(modelItem => item.UsersUserName)</td>
</tr>
<tr>
<td>Assigned To
</td>
<td>
<span>@assignedUser</span></td>
</tr>
<tr>
<td>Problem Description
</td>
<td>@Html.DisplayFor(modelItem => item.Description)</td>
</tr>
<tr>
<td>Ticket Status
@*@Html.LabelFor(model => model.TicketStatus)*@
</td>
<td>
@Html.DisplayFor(modelItem => item.TicketStatusAlias)
</td>
</tr>
if (item.TicketStatus == 7)
{
<tr id="tr_reason">
<td>Reason
@*@Html.LabelFor(model => model.TicketStatus)*@
</td>
<td>
@Html.DisplayFor(modelItem => item.OpportunityLossReason)
</td>
</tr>
}
<tr>
<td>Remarks
@*@Html.LabelFor(model => model.Description)*@
</td>
<td colspan="1" style="padding-left: 10px;">
@Html.DisplayFor(modelItem => item.SuggestionComment)
</td>
</tr>
}
</table>
<div class="clear"></div>
</div>
<div class="fright size35 withstatusbar" style="overflow-y: auto; position: absolute; right: 0; height: 93%; border-left: 1px dotted #dedede;">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
@*open ticket activity*@
@*if (item.TicketStatus != 5)
{*@
@if (ViewBag.OpenTicketActivity != null)
{
if (ViewBag.OpenTicketActivity.Count > 0)
{
int counter = 1;
foreach (var item11 in (List<GODATA.Models.Ticket.OpenTicketActivityDetails>)ViewBag.OpenTicketActivity)
{
string imgSource = "";
string addBackgroundClass = "";
if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["assignedAlias"])
{
imgSource = "imgAccept";
addBackgroundClass = "AssignedTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["InProgressAlias"])
{
imgSource = "imgReached";
addBackgroundClass = "InProgressTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["PreClousereAlias"])
{
imgSource = "imgResolved";
addBackgroundClass = "PreClouserTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["DeclinedAlias"])
{
imgSource = "imgDeclined";
addBackgroundClass = "DeclinedTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["NewAlias"])
{
imgSource = "imgNew";
addBackgroundClass = "NewTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["ClosedAlias"])
{
imgSource = "imgClose";
addBackgroundClass = "CloseTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["OpportunityLost"])
{
imgSource = "imgOpportunityLost";
addBackgroundClass = "OpportunityLostTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["TripEnd"])
{
imgSource = "imgTripEnd";
addBackgroundClass = "";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["TripStart"])
{
imgSource = "imgTripStart";
addBackgroundClass = "tripStartTicket";
}
<tr>
<td>
<div class="CommonTicket fleft @addBackgroundClass" id="divOpenTicketActivity'@counter'" >
<div>
<label><span id="spanOpenDate'@counter'">@Html.DisplayFor(modelItem => item11.ActivityTicketsOpenCreationTime)</span></label>
</div>
<div>
<label><span id="spanOpenCreated'@counter'">@Html.DisplayFor(modelItem => item11.ActivityTicketsOpenCreatedBy)</span></label>
</div>
<div>
<label><span id="spanOpenDescription'@counter'">@Html.DisplayFor(modelItem => item11.Remarks)</span></label>
</div>
<div>
<img src="@System.Configuration.ConfigurationManager.AppSettings[imgSource]" style="vertical-align: middle; margin-right: 10px; margin-left: -2px;" />
<span>
<span id="spanOpenStatus'@counter'">@Html.DisplayFor(modelItem => item11.TicketStatusAlias)</span>
@*<label><span id="spanOpenDate'@counter'">@Html.DisplayFor(modelItem => item11.ActivityTicketsOpenCreationTime)</span></label>*@
</span>
</div>
</div>
<div class="clear"></div>
</td>
</tr>
}
}
}
//close ticket activity
else
{
if (ViewBag.CloseTicketActivity.Count > 0)
{
int counter = 1;
foreach (var item11 in (List<GODATA.Models.Ticket.CloseTicketActivityDetails>)ViewBag.CloseTicketActivity)
{
string imgSource = "";
string addBackgroundClass = "";
if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["assignedAlias"])
{
imgSource = "imgAccept";
addBackgroundClass = "AssignedTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["InProgressAlias"])
{
imgSource = "imgReached";
addBackgroundClass = "InProgressTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["PreClousereAlias"])
{
imgSource = "imgResolved";
addBackgroundClass = "PreClouserTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["DeclinedAlias"])
{
imgSource = "imgDeclined";
addBackgroundClass = "DeclinedTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["NewAlias"])
{
imgSource = "imgNew";
addBackgroundClass = "NewTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["ClosedAlias"])
{
imgSource = "imgClose";
addBackgroundClass = "CloseTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["OpportunityLost"])
{
imgSource = "imgOpportunityLost";
addBackgroundClass = "OpportunityLostTicket";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["TripEnd"])
{
imgSource = "imgTripEnd";
addBackgroundClass = "";
}
else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["TripStart"])
{
imgSource = "imgTripStart";
addBackgroundClass = "tripStartTicket";
}
<tr>
<td>
<div class="CommonTicket fleft @addBackgroundClass" id="divCloseTicketActivity'@counter'" >
<div>
<label><span id="spanCloseDate'@counter'">@Html.DisplayFor(modelItem => item11.ActivityTicketsCloseCreationTime)</span></label>
</div>
<div>
<label><span id="spanCloseCreated'@counter'">@Html.DisplayFor(modelItem => item11.ActivityTicketsCloseCreatedBy)</span></label>
</div>
<div>
<label><span id="spanCloseDescription'@counter'">@Html.DisplayFor(modelItem => item11.Remarks)</span></label>
</div>
<div>
<img src="@System.Configuration.ConfigurationManager.AppSettings[imgSource]" style="vertical-align: middle; margin-right: 10px; margin-left: -2px;" />
<span>
<span id="spanCloseStatus'@counter'">@Html.DisplayFor(modelItem => item11.TicketStatusAlias)</span>
@*<label><span id="spanCloseDate'@counter'">@Html.DisplayFor(modelItem => item11.ActivityTicketsCloseCreationTime)</span></label>*@
</span>
</div>
</div>
<div class="clear"></div>
</td>
</tr>
}
}
}
</table>
</div>
<div class="clear"></div>
</div>
<div class="statusbar" style="background: #F7F7F7;">
<table class="LegendTbl" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<div class="legendcolorbox Assignedbg"></div>
</td>
<td>@System.Configuration.ConfigurationManager.AppSettings["assignedAlias"]</td>
<td>
<div class="legendcolorbox NewTicketbg"></div>
</td>
<td>@System.Configuration.ConfigurationManager.AppSettings["NewAlias"]</td>
<td>
<div class="legendcolorbox CloseTicketbg"></div>
</td>
<td>@System.Configuration.ConfigurationManager.AppSettings["ClosedAlias"]</td>
<td>
<div class="legendcolorbox ProgressTicketbg"></div>
</td>
<td>@System.Configuration.ConfigurationManager.AppSettings["InProgressAlias"]</td>
</tr>
<tr>
<td>
<div class="legendcolorbox PreclouserTicketbg"></div>
</td>
<td>@System.Configuration.ConfigurationManager.AppSettings["PreClousereAlias"]</td>
<td>
<div class="legendcolorbox DeclineTicketbg"></div>
</td>
<td>@System.Configuration.ConfigurationManager.AppSettings["DeclinedAlias"]</td>
<td>
<div class="legendcolorbox OpportunityLostbg"></div>
</td>
<td>@System.Configuration.ConfigurationManager.AppSettings["OpportunityLost"]</td>
@*<td><div class="legendcolorbox Notacceptedbg"></div></td>
<td>color8</td>*@
</tr>
</table>
</div>
</div>
@*</div>*@
</div>
</div>
</div>
<div id="divTicketDetailTitle" class="size25 right">
<div class="window">
<div class="titlebar">
<div class="title">
Ticket Details
</div>
</div>
<div class="innerWindow">
<div class="content" style="overflow-x: auto;">
<div class="listDetails">
<div id="divDetail" class="ldSection" style="border-top: 0;">
@foreach (var item in Model)
{
@Html.Hidden("AssignedVanDealerLat", @item.AssignedToUserLattitude)
@Html.Hidden("AssignedVanDealerLng", @item.AssignedToUserLongitude)
@Html.Hidden("BreakdownLat", @item.BreakdownLattitude)
@Html.Hidden("BreakdownLng", @item.BreakdownLongitude)
@Html.Hidden("defaultSlaTime", @item.DefaultSlaTime)
<div class="ldSection" style="">
<h2 style="text-align: center;" class="darktxt"><span>@Html.DisplayFor(modelItem => item.TicketId)</span></h2>
<table class="themeTable TicketID" cellpadding="0" cellspacing="0">
@{
double totalDistance = 2 * Convert.ToDouble(item.EstimatedDistance);
}
<tbody>
@*@if (Model != null && Model.Count() > 0)
{
foreach (var item2 in Model)
{
*@<tr>
<td style="" class=" ">
<span class="darktxt">Assigned To</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item.AssignedTo)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Created By</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item.UsersUserName)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Creation Date and Time</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item.CreationTime)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Last Modified By</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item.LastModifiedBy)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Last Modified Date and Time</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item.LastModifiedTime)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Breakdown location</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item.BreakdownLocation)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Breakdown location landmark</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item.BreakdownLocationLandmark)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Route</span>
</td>
<td style="" class=" darktxt">@Html.Display("route", (string)ViewBag.Route)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Estimated Chargeable Distance(KM)</span>
</td>
@if (item.EstimatedDistance != "" && item.EstimatedDistance != null)
{
<td style="" class=" darktxt">
@Html.DisplayFor(modelItem => item.EstimatedDistance) + @Html.DisplayFor(modelItem => item.EstimatedDistance) = @totalDistance
</td>
}
else
{
<td style="" class=" darktxt">
@Html.DisplayFor(modelItem => item.EstimatedDistance)
</td>
}
</tr>
@*}
}*@
<tr>
<th class="tableCelltitle paddding_Zero" colspan="2">Driver/Caller Info</th>
</tr>
@if (ViewBag.CustomerDetails != null)
{
foreach (var item1 in (List<GODATA.Models.Ticket.CustomerModel>)ViewBag.CustomerDetails)
{
<tr>
<td style="" class=" ">
<span class="darktxt">Name</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item1.CustomerName)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Contact</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item.CustomerContactNo)</td>
</tr>
}
}
<tr>
<th class="tableCelltitle paddding_Zero" colspan="2">Vehicle's Owner/Fleet Info</th>
</tr>
@if (ViewBag.OwnerDetails != null)
{
foreach (var item3 in (List<GODATA.Models.Ticket.CustomerOwnerModel>)ViewBag.OwnerDetails)
{
<tr>
<td style="" class=" ">
<span class="darktxt">Owner's Name</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item3.CustomerCustomerName)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Owner's Contact No.</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item3.CustomerMobileNumber1)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Owner's Location</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item3.CustomerState)</td>
</tr>
}
}
<tr>
<th class="tableCelltitle paddding_Zero" colspan="2">Vehicle Info</th>
</tr>
@if (ViewBag.VehicleDetails != null)
{
foreach (var item4 in (List<GODATA.Models.Ticket.VehicleModel>)ViewBag.VehicleDetails)
{
<tr>
<td style="" class=" ">
<span class="darktxt">Registration No.</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item4.RegistrationNo)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Model No.</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item4.ModelNumber)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Product varient</span>
</td>
<td style="" class=" darktxt">@Html.Display("ModelTagging", (string)ViewBag.ModelTagging)</td>
</tr>
}
}
@if (Model != null && Model.Count() > 0)
{
foreach (var item5 in Model)
{
<tr>
<td style="" class=" ">
<span class="darktxt">Type of load carrying</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item5.DefaultCol2)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Direction of vechicle</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item5.DefaultCol3)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Nature of problem</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item5.Description)</td>
</tr>
if (item.AssignedTo == "van")
{
<tr>
<th class="tableCelltitle paddding_Zero" colspan="2">Van Info</th>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Van ID</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item5.DealerOrVanId)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">EOS Team Member</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item5.DealerOrVanName)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Contact No.</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item5.DealerOrServiceEnggContactNumber)</td>
</tr>
}
else
{
<tr>
<th class="tableCelltitle paddding_Zero" colspan="2">Dealer Info</th>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Dealer ID</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item5.DealerOrVanId)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Dealer Name</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item5.DealerOrVanName)</td>
</tr>
<tr>
<td style="" class=" ">
<span class="darktxt">Contact No.</span>
</td>
<td style="" class=" darktxt">@Html.DisplayFor(modelItem => item5.DealerOrServiceEnggContactNumber)</td>
</tr>
}
}
}
</tbody>
</table>
</div>
//}
}
</div>
</div>
</div>
</div>
</div>
</div>
}
else
{
<div id="divNoDataFound_DRCRate" class="divNoDataFound no_data">
<span>
<p class="fs16">No Details Available!!!</p>
</span>
</div>
}
<script src="~/Scripts/Report/reportTicketDetails.js"></script>
<script>
onclickLabelRoute();
onclickLabelActivity();
</script>
<style type="text/css">
.TicketID td {
height: 32px;
}
/*.k-icon {
width: auto !important;
}*/
.SelectDD {
padding: 6px 0px;
}
.SelectDD select {
width: 171px;
width: 166px;
font-family: 'HermesFB Regular';
font-family: Arial;
text-indent: 3px;
}
fieldset {
border: 1px solid #dedede;
border-radius: 4px;
box-shadow: 5px 5px 10px #ccc;
margin: 10px;
}
legend {
margin-left: -11px;
color: #666;
border-radius: 4px;
padding-bottom: 4px !important;
font-size: 11px !important;
text-shadow: 1px 1px 0 #fff;
background: url("/Content/css/images/bg-ip-mainmenu.jpg") repeat-x;
border: 1px solid #f9f9f9;
padding-top: 4px !important;
}
.CommonTicket {
/*background: #f9f9f9;*/
margin: 10px;
padding: 10px;
line-height: 28px;
border: 1px dotted #dedede;
border: 1px dotted #C3C3C3;
/*box-shadow: 0.5px 0.5px 25px #dedede inset;*/
float: left;
width: 83%;
}
.headline {
width: 500px;
height: 400px;
}
input {
width: 164px;
}
.TicketActivityFrom {
/*line-height: 38px;*/
border: 1px dotted #dedede;
padding: 10px;
margin: 10px;
margin-right: 0;
}
.TicketActivityFrom td {
/*line-height: 38px;*/
vertical-align: top;
/*text-indent: 10px;*/
padding: 10px;
}
.TicketActivityFrom td input, .TicketActivityFrom td select, .TicketActivityFrom td textarea {
margin-top: 5px;
font-family: 'Hermes_FB';
}
.RemoveScroll {
overflow-y: hidden;
}
.TicketActivityFrom tr:nth-child(odd) {
background-color: #f9f9f9;
}
#textBoxDescription {
width: 159px;
}
.TicketID td {
height: 32px;
padding: 5px 7px;
word-break: break-word;
width: auto !important;
}
.SelectDD {
padding: 6px 0px;
}
.SelectDD select {
width: 171px;
width: 166px;
font-family: Arial;
text-indent: 3px;
}
fieldset {
border: 1px solid #dedede;
border-radius: 4px;
box-shadow: 5px 5px 10px #ccc;
margin: 10px;
}
legend {
margin-left: -11px;
color: #666;
border-radius: 4px;
padding-bottom: 4px !important;
font-size: 11px !important;
text-shadow: 1px 1px 0 #fff;
background: url("/Content/css/images/bg-ip-mainmenu.jpg") repeat-x;
border: 1px solid #f9f9f9;
padding-top: 4px !important;
}
.CommonTicket {
margin: 10px;
padding: 10px;
line-height: 26px;
border: 1px dotted #dedede;
border: 1px dotted #C3C3C3;
}
.ldSection {
margin-right: 0px;
}
.k-i-close {
background-color: #fff;
border-radius: 2px;
width: inherit !important;
}
</style>