Update display Call Stats (da completare con grafici)
This commit is contained in:
@@ -4,29 +4,53 @@
|
||||
<div class="card-header">
|
||||
<h3>Current Call Stats</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
@foreach (var item in ParetoDay)
|
||||
{
|
||||
<div class="col-6">
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item active d-flex justify-content-between align-items-start">
|
||||
<b>@item.Key</b>
|
||||
<div class="card-body p-1">
|
||||
<div class="row mb-2">
|
||||
<div class="col-2">
|
||||
<ul class="list-group shadow">
|
||||
<li class="list-group-item active d-flex justify-content-between align-items-start">
|
||||
<b>Avail Data</b>
|
||||
</li>
|
||||
@foreach (var item in ParetoDay)
|
||||
{
|
||||
<li class="list-group-item d-flex justify-content-between align-items-start small py-1">
|
||||
<span class="align-items-center">@item.Key</span>
|
||||
<button class="btn btn-sm btn-info">
|
||||
<i class="fa-solid fa-magnifying-glass"></i>
|
||||
</button>
|
||||
</li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-7">
|
||||
Pareto Chart
|
||||
</div>
|
||||
<div class="col-3">
|
||||
Pie chart
|
||||
</div>
|
||||
</div>
|
||||
<div class="row small">
|
||||
@foreach (var item in ParetoDay)
|
||||
{
|
||||
<div class="col-2">
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item active d-flex justify-content-between align-items-start">
|
||||
<b>@item.Key</b>
|
||||
</li>
|
||||
@foreach (var itemDet in item.Value)
|
||||
{
|
||||
<li class="list-group-item d-flex justify-content-between align-items-start small py-1">
|
||||
<div>
|
||||
@itemDet.Label
|
||||
</div>
|
||||
<div class="">
|
||||
<b>@($"{itemDet.Value:N0}")</b>
|
||||
</div>
|
||||
</li>
|
||||
@foreach (var itemDet in item.Value)
|
||||
{
|
||||
<li class="list-group-item d-flex justify-content-between align-items-start small py-1">
|
||||
<div>
|
||||
<b>@itemDet.Label</b>
|
||||
</div>
|
||||
<div class="">
|
||||
<b>@($"{itemDet.Value:N0}")</b>
|
||||
</div>
|
||||
</li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user