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

116 lines
5.8 KiB
Plaintext

@model GODATA.Models.Report.EosCallCount
@if (Model != null && Model.EosList != null && Model.EosList.Count() > 0)
{
<div>
@if (Model != null && Model.EosList != null && Model.EosList.Count() > 0)
{
@(Html.Kendo().Chart().Name("EosCallCountChart").Theme("Bootstrap").Title("EOS Call Count")
.Legend(legend => legend.Position(ChartLegendPosition.Right))
.ChartArea(chartArea => chartArea.Background("transparent").Height(300))
.SeriesDefaults(seriesDefaults => seriesDefaults.Line().Style(ChartLineStyle.Smooth))
.Series(series =>
{
series.Line(Model.EosList.Select(s => s.NoOfCalls)).Name("No. of Calls");
series.Line(Model.EosList.Select(s => s.Top23Reach2Hrs)).Name("Top 23 - No. of calls with 1st reach < 2 hrs");
series.Line(Model.EosList.Select(s => s.NonTop23Reach2Hrs)).Name("Non Top 23 - No. of calls with 1st reach < 2 hrs");
series.Line(Model.EosList.Select(s => s.ArtTop23)).Name("Top 23 - Average Response time");
series.Line(Model.EosList.Select(s => s.ArtNonTop23)).Name("Non Top 23 - Average Response time");
series.Line(Model.EosList.Select(s => s.Top23CallsClosed24Hrs)).Name("Top 23 - Calls Closed < 24 hrs ");
series.Line(Model.EosList.Select(s => s.NonTop23CallsClosed24Hrs)).Name("Non Top 23 - Calls Closed < 24 hrs ");
})
.CategoryAxis(axis => axis.Categories(Model.EosList.Select(s => s.MonthName)).MajorGridLines(lines => lines.Visible(false)).Labels(labels => labels.Rotation(-30)))
.ValueAxis(axis => axis.Numeric().Title("NOS").Labels(labels => labels.Format("{0}").Step(4)).Line(line => line.Visible(false)).AxisCrossingValue(-10))
.Tooltip(tooltip => tooltip.Visible(true).Template("#= category # - #= kendo.format('{0:0}', value)#"))
.HtmlAttributes(new { style = "width:100%;height:100%;", @class = "revenue-kendo-chart" }))
}
else
{
@*<div class="no_data" style="top: 0%;">
<span>
<p class="fs16">No data available on selected filter !!!</p>
<p>Please select different filter.</p>
</span>
</div>*@
}
</div>
<div class="InfraTable_WrpOutage">
@if (Model != null && Model.EosList != null && Model.EosList.Count() > 0)
{
<table class="customTable" id="eosCallCountGrid">
<thead>
<tr>
<th class="brownTh" colspan="1" rowspan="3">Month</th>
<th class="brownTh" colspan="1" rowspan="3">No. of Calls</th>
<th class="yellowTh" colspan="1">Top 23</th>
<th class="yellowTh" colspan="1">Non Top 23</th>
<th class="yellowTh" colspan="1">Top 23</th>
<th class="yellowTh" colspan="1">Non Top 23</th>
<th class="yellowTh" colspan="1">Top 23</th>
<th class="yellowTh" colspan="1">Non Top 23</th>
</tr>
<tr>
<th class="yellowTh" colspan="1" rowspan="2">No. of calls with 1st reach < 2 hrs</th>
<th class="yellowTh" colspan="1" rowspan="2">No. of calls with 1st reach < 2 hrs</th>
<th class="yellowTh" colspan="2" rowspan="2">Average Response time(in min)</th>
<th class="yellowTh" colspan="2" rowspan="2">Calls Closed < 24 hrs </th>
</tr>
</thead>
<tbody>
@foreach (var item in Model.EosList)
{
<tr>
<td class="">@item.MonthName</td>
<td class="">@item.NoOfCalls</td>
<td class="">@item.Top23Reach2Hrs</td>
<td class="">@item.NonTop23Reach2Hrs</td>
@if (item.ArtTop23.ToString() == "-")
{
<td class="">@item.ArtTop23</td>
}
else if (Convert.ToDouble(item.ArtTop23) > 120.00)
{
<td class="redTd">@item.ArtTop23</td>
}
else if (Convert.ToDouble(item.ArtTop23) <=120.00)
{
<td class="greenTd">@item.ArtTop23</td>
}
@if (item.ArtNonTop23.ToString() == "-")
{
<td class="">@item.ArtNonTop23</td>
}
else if (Convert.ToDouble(item.ArtNonTop23) > 120.00)
{
<td class="redTd">@item.ArtNonTop23</td>
}
else if (Convert.ToDouble(item.ArtNonTop23) <= 120.00)
{
<td class="greenTd">@item.ArtNonTop23</td>
}
<td class="">@item.Top23CallsClosed24Hrs</td>
<td class="">@item.NonTop23CallsClosed24Hrs</td>
</tr>
}
</tbody>
</table>
}
else
{
<div class="no_data" style="top: 0%;">
<span>
<p class="fs16">No data available on selected filter !!!</p>
<p>Please select different filter.</p>
</span>
</div>
}
</div>
}
<script type="text/javascript">
//showHideMessage();
</script>