323 lines
23 KiB
Plaintext
323 lines
23 KiB
Plaintext
@{
|
|
ViewBag.Title = System.Configuration.ConfigurationManager.AppSettings["Title"];
|
|
Layout = "~/Views/Shared/_Layout.cshtml";
|
|
}
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no" />
|
|
|
|
<link href="../../Content/css/tile_dashboard.css" rel="stylesheet" />
|
|
<script src="~/Scripts/countUp.js"></script>
|
|
<div id="Response_dsb" class="wrapper" style="top: -1px; /*overflow: hidden; */ overflow: auto;">
|
|
|
|
<div class="Breadcurms_wrp">
|
|
<div class="titleleft fleft">
|
|
<div class="displaytable">
|
|
<div class="rowtitle" style="color: white;">
|
|
<div class="Page_location">
|
|
<span class="Parent_page"><a href="#">Home</a></span>
|
|
<label>/ </label>
|
|
<span class="Desination_page">Dashboard</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="countdown" class="rowtitle">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="fright Response_RightPanel">
|
|
<span>Select Dealer:</span>
|
|
@Html.Kendo().ComboBox().SelectedIndex(0).Name("DealerId").Filter("contains").DataTextField("Text").DataValueField("Value").BindTo(Model).Suggest(true)
|
|
|
|
<span>From:</span>
|
|
@(Html.Kendo().DatePicker()
|
|
.Name("monthpickerFrom")
|
|
.Start(CalendarView.Month)
|
|
.Depth(CalendarView.Month)
|
|
.Format("dd-MMM-yyyy")
|
|
.Value(new DateTime(DateTime.Now.Year, DateTime.Now.Month, 1))
|
|
.HtmlAttributes(new { style = "width:150px", type = "text" })
|
|
)
|
|
<span>To:</span>
|
|
@(Html.Kendo().DatePicker()
|
|
.Name("monthpickerTo")
|
|
.Start(CalendarView.Month)
|
|
.Depth(CalendarView.Month)
|
|
.Format("dd-MMM-yyyy")
|
|
.Value(DateTime.Now)
|
|
.Max(DateTime.Now)
|
|
.HtmlAttributes(new { style = "width:150px", type = "text" })
|
|
)
|
|
<input type="submit" class="button_blue CustomeBtn" value="Submit" onclick="showTileDashboard()" />
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="dsb_content" style="width: 1022px; margin: 0 auto; border-radius: 5px; margin-top: 22px; border: 1px solid #d7d7d7; box-shadow: 3px 2px 10px #d8d8d8;">
|
|
<div style="background: #efefef; border-radius: 5px 5px 0 0; height: 29px; line-height: 26px; text-indent: 10px; color: #505050;">
|
|
@*Dashboard*@
|
|
</div>
|
|
<div class="center clearfix" style="position: relative; border-radius: 5px;">
|
|
<div class="parsys bodypsys" style="border-radius: 5px;">
|
|
<div class="parbase section stateofnation">
|
|
<div class="contentRow clearfix InfraClearfix ResponseClearFix">
|
|
<div class="seasonWrapup clearfix" style="height: 364px;">
|
|
<div class="seasonWrapup-Left-ext" style="box-shadow: 10px 10px 0 #fff;">
|
|
<div class="seasonWrapup-Left">
|
|
<header>EICHER TRUCKS AND BUSES</header>
|
|
<p>EOS Call Tracking and Feedback</p>
|
|
<table cellpadding="0" cellspacing="0" border="0" class="matches-played">
|
|
<tbody>
|
|
<tr>
|
|
<td class="matches-number" width="" id="total_van">-</td>
|
|
<td class="matches-played" id="textFor_total_van" style="font-size: 15px; color: #2e2e2e;">Vans</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table cellpadding="0" cellspacing="0" border="0" class="matches-played" style="margin-top: 5px;">
|
|
<tbody>
|
|
<tr>
|
|
<td class="matches-number" width="" id="average_response_time">-</td>
|
|
<td class="matches-played" id="textFor_average_response_time" style="font-size: 15px !important; color: #2e2e2e;">Average Response Time (H:M)</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table cellpadding="0" cellspacing="0" border="0" class="matches-played" style="margin-top: 5px; display: none;">
|
|
<tbody>
|
|
<tr>
|
|
<td class="matches-number" width="" id="average_response_time_dealer">-</td>
|
|
<td class="matches-played" id="textFor_average_response_time_dealer" style="font-size: 15px !important; color: #2e2e2e;">Average Response Time (Dealer)(HH:MM)</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table cellpadding="0" cellspacing="0" border="0" class="matches-played" style="margin-top: 5px;">
|
|
<tbody>
|
|
<tr>
|
|
<td class="matches-number" width="" id="closur_within_24hrs">-</td>
|
|
<td class="matches-played" id="textFor_closur_within_24hrs" style="font-size: 15px !important; color: #2e2e2e;">% of calls closed within 24 hours</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table cellpadding="0" cellspacing="0" border="0" class="matches-played" style="margin-top: 5px;">
|
|
<tbody>
|
|
<tr>
|
|
<td class="matches-number" width="" id="response_within_2hrs">-</td>
|
|
<td class="matches-played" id="textFor_response_within_2hrs" style="font-size: 15px !important; color: #2e2e2e;">% of calls responded within 2 hours</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="seasonWrapup-Right">
|
|
<!--------------------- Row One --------------------->
|
|
<div class="seasonWrapup-Row">
|
|
<input id="hiddenInfraUrl" name="hiddenInfraUrl" type="hidden" value="/Infra/ActiveCurrentAlarms?currtime=635485595412048172">
|
|
<div id="132840" class="wrapup-pod blue-two First">
|
|
<h4 id="total_breakdowns">-</h4>
|
|
<p id="textFor_total_breakdowns">Total breakdowns</p>
|
|
<div class="download_block top9">
|
|
</div>
|
|
</div>
|
|
<div id="202081" class="wrapup-pod dual-pod bluegrey-six green-two">
|
|
<h4 class="fleft" id="minimum_response_time_dealer_ticket">-</h4>
|
|
<div class="State_response fleft" style="margin: 6px 7px -33px 7px; text-align: left; font-size: 18px !important;">
|
|
<label id="labelFor_minimum_response_time_dealer_ticket" style="display: none;"></label>
|
|
</div>
|
|
<div class="fright State_response" id="least_response_time_dealer_state"></div>
|
|
<div class="clear"></div>
|
|
<p id="textFor_minimum_response_time_dealer_ticket">MINIMUM RESPONSE TIME (DEALER) (HH:MM) </p>
|
|
<div class="download_block top-3">
|
|
<a id="link_minimum_response_time_dealer_ticket" target="_blank">
|
|
<div class="Download_Box_one">
|
|
<img src="../../content/css/images/rprt.png" alt="Report" title="Report" style="padding-left: 4px; padding-right: 4px;">
|
|
</div>
|
|
</a>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
<div id="202080" class="wrapup-pod dual-pod bluegrey-six green-two">
|
|
<h4 class="fleft" id="highest_response_time_dealer_ticket">-</h4>
|
|
<div class="State_response fleft" style="margin: 6px 7px -33px 7px; text-align: left; font-size: 18px !important;">
|
|
<label id="labelFor_highest_response_time_dealer_ticket" style="display: none;"></label>
|
|
</div>
|
|
<div class="fright State_response" id="maximum_response_time_dealer_state"></div>
|
|
<div class="clear"></div>
|
|
<p id="textFor_highest_response_time_dealer_ticket">MAXIMUM RESPONSE TIME (DEALER) (HH:MM) </p>
|
|
<div class="download_block top-3">
|
|
<a id="link_highest_response_time_dealer_ticket" target="_blank">
|
|
<div class="Download_Box_one">
|
|
<img src="../../content/css/images/rprt.png" alt="Report" title="Report" style="padding-left: 4px; padding-right: 4px;">
|
|
</div>
|
|
</a>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
<div id="132795" class="wrapup-pod bluegrey-six green-two Last">
|
|
<h4 id="no_of_open_tickets">-</h4>
|
|
<p id="textFor_no_of_open_tickets">NO. of open tickets</p>
|
|
<div class="download_block top9">
|
|
<a id="link_no_of_open_tickets" target="_blank">
|
|
<div class="Download_Box_one">
|
|
<img src="../../content/css/images/rprt.png" alt="Report" title="Report" style="padding-left: 4px; padding-right: 4px;">
|
|
</div>
|
|
</a>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--------------------- Row Two --------------------->
|
|
<div class="seasonWrapup-Row">
|
|
<div class="wrapup-pod First" id="defaultCube2">
|
|
<img src="../../Content/css/images/tile_images/03.png" width="115" height="115" border="0" alt="1-7">
|
|
<img src="../../Content/css/images/tile_images/07.png" width="115" height="115" border="0" alt="1-6">
|
|
<img src="../../Content/css/images/tile_images/09.png" width="115" height="115" border="0" alt="2-3">
|
|
<img src="../../Content/css/images/tile_images/12.png" width="115" height="115" border="0" alt="2-5">
|
|
<img src="../../Content/css/images/tile_images/06.png" width="115" height="115" border="0" alt="3-2">
|
|
<img src="../../Content/css/images/tile_images/01.png" width="115" height="115" border="0" alt="2-1">
|
|
</div>
|
|
<div id="202079" class="wrapup-pod dual-pod bluegrey-six green-two">
|
|
<h4 class="fleft" id="least_response_time">-</h4>
|
|
<div class="State_response fleft" style="margin: 6px 7px -33px 7px; text-align: left; font-size: 18px !important;">
|
|
<label id="labelFor_least_response_time" style="display: none;"></label>
|
|
</div>
|
|
<div class="fright State_response" id="least_response_time_state"></div>
|
|
<div class="clear"></div>
|
|
<p id="textFor_least_response_time">MINIMUM RESPONSE TIME (VAN) (H:M) </p>
|
|
<div class="download_block top-3">
|
|
<a id="link_least_response_time" target="_blank">
|
|
<div class="Download_Box_one">
|
|
<img src="../../content/css/images/rprt.png" alt="Report" title="Report" style="padding-left: 4px; padding-right: 4px;">
|
|
</div>
|
|
</a>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
@*</a>*@
|
|
<div class="wrapup-pod " id="defaultCube3">
|
|
<img src="../../Content/css/images/tile_images/04.png" width="115" height="115" border="0" alt="2-5">
|
|
<img src="../../Content/css/images/tile_images/08.png" width="115" height="115" border="0" alt="1-7">
|
|
<img src="../../Content/css/images/tile_images/11.png" width="115" height="115" border="0" alt="3-2">
|
|
<img src="../../Content/css/images/tile_images/05.png" width="115" height="115" border="0" alt="2-3">
|
|
<img src="../../Content/css/images/tile_images/01.png" width="115" height="115" border="0" alt="2-1">
|
|
<img src="../../Content/css/images/tile_images/02.png" width="115" height="115" border="0" alt="1-6">
|
|
</div>
|
|
<div id="139002" class="wrapup-pod dual-pod bluegrey-six Last green-two">
|
|
<h4 class="fleft" id="highest_response_time">-</h4>
|
|
<div class="State_response fleft" style="margin: 6px 7px -33px 7px; text-align: left; font-size: 18px !important;">
|
|
<label id="labelFor_worst_response_time" style="display: none;"></label>
|
|
</div>
|
|
<div class="fright State_response" id="highest_response_time_state"></div>
|
|
<div class="clear"></div>
|
|
<p id="textFor_highest_response_time">MAXIMUM RESPONSE TIME (VAN) (HH:MM)</p>
|
|
<div class="download_block top-3">
|
|
<a id="link_highest_response_time" target="_blank">
|
|
<div class="Download_Box_one">
|
|
<img src="../../content/css/images/rprt.png" alt="Report" title="Report" style="padding-left: 4px; padding-right: 4px;">
|
|
</div>
|
|
</a>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="defaultCursor" target="" style="cursor: pointer;"></a>
|
|
</div>
|
|
<!--------------------- Row Three --------------------->
|
|
<div class="seasonWrapup-Row">
|
|
<div id="132799_202088" class="wrapup-pod bluegrey-six First" style="display: none;">
|
|
<h4 id="total_vans_on_service">-</h4>
|
|
<p id="textFor_total_vans_on_service">Total vans on service</p>
|
|
<div class="download_block top9">
|
|
<a id="link_total_vans_on_service" target="_blank">
|
|
<div class="Download_Box_one">
|
|
<img src="../../content/css/images/rprt.png" alt="Report" title="Report" style="padding-left: 4px; padding-right: 4px;">
|
|
</div>
|
|
</a>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="132842" class="wrapup-pod blue-two First">
|
|
<h4 id="no_of_dealer_tickets">-</h4>
|
|
<p id="textFor_no_of_dealer_tickets" style="font-size: 12px !important;">No of Dealer Tickets</p>
|
|
<ul>
|
|
<li><a id="link_no_of_dealer_open_tickets" target="_blank"><span id="textFor_no_of_dealer_open_tickets"></span>- <span id="no_of_dealer_open_tickets"></span></a></li>
|
|
<li><a id="link_no_of_dealer_closed_tickets" target="_blank"><span id="textFor_no_of_dealer_closed_tickets"></span>- <span id="no_of_dealer_closed_tickets"></span></a></li>
|
|
</ul>
|
|
<div class="download_block top9">
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
<div id="UPSites" class="wrapup-pod blue-two">
|
|
<h4 id="no_of_van_on_duty">-</h4>
|
|
<p id="textFor_no_of_van_on_duty" style="font-size: 12px !important;">No. of Van Ticket</p>
|
|
<ul>
|
|
<li><a id="link_no_of_van_open_ticket" target="_blank"><span id="textFor_no_of_van_open_ticket"></span>- <span id="no_of_van_open_ticket"></span></a></li>
|
|
<li><a id="link_no_of_van_closed_ticket" target="_blank"><span id="textFor_no_of_van_closed_ticket"></span>- <span id="no_of_van_closed_ticket"></span></a></li>
|
|
</ul>
|
|
<div class="download_block top9">
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
<div id="133157" class="wrapup-pod bluegrey-six dual-pod ">
|
|
<p class="TileParagraph" id="textFor_call_distribution_hd"></p>
|
|
<ul>
|
|
<li><a id="link_call_distribution_hd" target="_blank"><span id="call_distribution_hd"></span></a></li>
|
|
<li><a id="link_call_distribution_lmd" target="_blank"><span id="call_distribution_lmd"></span></a></li>
|
|
<li><a id="link_call_distribution_bus" target="_blank"><span id="call_distribution_bus"></span></a></li>
|
|
</ul>
|
|
</div>
|
|
<div id="2312" class="wrapup-pod dual-pod blue-two Last">
|
|
<p class="TileParagraph" id="textFor_call_closed_within_24hrs_hd"></p>
|
|
<ul>
|
|
<li><a id="link_call_closed_within_24hrs_hd" target="_blank"><span id="call_closed_within_24hrs_hd"></span></a></li>
|
|
<li><a id="link_call_closed_within_24hrs_lmd" target="_blank"><span id="call_closed_within_24hrs_lmd"></span></a></li>
|
|
<li><a id="link_call_closed_within_24hrs_bus" target="_blank"><span id="call_closed_within_24hrs_bus"></span></a></li>
|
|
</ul>
|
|
</div>
|
|
@*</a>*@
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
@Scripts.Render("~/bundles/jsDealerDashboard")
|
|
@*<script src="@Url.Content("~/Scripts/jquery.easing.1.3.js")" type="text/javascript"></script>
|
|
<script src="@Url.Content("~/Scripts/jquery.cycle.all.js")" type="text/javascript"></script>
|
|
<script src="~/Scripts/gradientTransition.js"></script>
|
|
<script src="../../Scripts/Home/DealerWiseDashboard.js"></script>*@
|
|
<script type="text/javascript">
|
|
|
|
var securityToken = '@ViewBag.SecurityToken';
|
|
var UtcMinutes = '@ViewBag.UtcMinutes';
|
|
var userId = '@ViewBag.Userid';
|
|
var userRole = '@ViewBag.UserRole';
|
|
var dashboardType = 'dealerwise';
|
|
|
|
</script>
|
|
<style type="text/css">
|
|
.k-state-focused.k-state-selected {
|
|
background: #ee2e22 !important;
|
|
}
|
|
|
|
.k-calendar .k-meta-view .k-link {
|
|
width: 99%;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Left p {
|
|
margin-top: 10px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.stateofnation .seasonWrapup-Left {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.k-combobox {
|
|
width: 260px;
|
|
}
|
|
</style>
|