157 lines
6.6 KiB
Plaintext
157 lines
6.6 KiB
Plaintext
@page "/"
|
|
@page "/Home"
|
|
@page "/Index"
|
|
|
|
<div class="card shadow">
|
|
<div class="card-header bg-dark text-light">
|
|
<div class="row">
|
|
<div class="col-3 p-2">
|
|
<img src="images/LogoMapo.png" class="image-fluid" height="64" />
|
|
</div>
|
|
<div class="col-6 p-2 text-center align-content-center">
|
|
<div class="fs-1 fw-bold">MAPO MES</div>
|
|
<div class="fs-6 text-secondary">Rest API target</div>
|
|
</div>
|
|
<div class="col-3 text-end p-2">
|
|
<img src="images/LogoEgw.png" class="image-fluid" height="64" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<ul class="list-group">
|
|
<li class="list-group-item d-flex justify-content-between align-items-start">
|
|
<div>
|
|
<b>Alive</b>
|
|
</div>
|
|
<div class="text-success">
|
|
<i class="fa-solid fa-circle-check"></i>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-start">
|
|
<div>
|
|
<b>IOB-PI</b> I/O
|
|
</div>
|
|
<div class="text-warning">
|
|
<i class="fa-solid fa-circle-check"></i>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-start">
|
|
<div>
|
|
<b>IOB-WIN</b> I/O
|
|
</div>
|
|
<div class="text-warning">
|
|
<i class="fa-solid fa-circle-check"></i>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-start">
|
|
<div>
|
|
<b>File</b> upload
|
|
</div>
|
|
<div class="text-success">
|
|
<i class="fa-solid fa-circle-check"></i>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-6 text-center">
|
|
<h1>MP-IOC</h1>
|
|
<h4>.net Core 8.0</h4>
|
|
</div>
|
|
<div class="col-3 text-end">
|
|
<ul class="list-group">
|
|
<li class="list-group-item d-flex justify-content-between align-items-start">
|
|
<div>
|
|
<b>Bench</b> test
|
|
</div>
|
|
<div class="text-success">
|
|
<i class="fa-solid fa-circle-check"></i>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-start">
|
|
<div>
|
|
<b>Parameters</b> management
|
|
</div>
|
|
<div class="text-warning">
|
|
<i class="fa-solid fa-circle-check"></i>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-start">
|
|
<div>
|
|
<b>Recipe</b> management
|
|
</div>
|
|
<div class="text-success">
|
|
<i class="fa-solid fa-circle-check"></i>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row my-2">
|
|
<div class="col-3">
|
|
<ul class="list-group">
|
|
<li class="list-group-item active d-flex justify-content-between align-items-start">
|
|
<b>Top Hourly Call</b>
|
|
</li>
|
|
@foreach (var item in ListParetoCall)
|
|
{
|
|
<li class="list-group-item d-flex justify-content-between align-items-start small py-1">
|
|
<div>
|
|
@item.Destination | <b>@item.Type</b>
|
|
</div>
|
|
<div class="">
|
|
<b>@($"{item.RequestCount:N0}")</b>
|
|
</div>
|
|
</li>
|
|
}
|
|
</ul>
|
|
</div>
|
|
<div class="col-6 text-center">
|
|
<div class="fs-3">IOC Conversion rate</div>
|
|
<div class="row">
|
|
@foreach (var item in paretoWeek)
|
|
{
|
|
<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>
|
|
</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>
|
|
<span>@($"{itemDet.Value:N0}")</span>
|
|
</div>
|
|
</li>
|
|
}
|
|
</ul>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<ul class="list-group">
|
|
<li class="list-group-item active d-flex justify-content-between align-items-start">
|
|
<b>Daily Call Processed</b>
|
|
</li>
|
|
@foreach (var item in ListGlobalCall)
|
|
{
|
|
<li class="list-group-item d-flex justify-content-between align-items-start small py-1">
|
|
<div>
|
|
@item.Label
|
|
</div>
|
|
<div class="">
|
|
<b>@($"{item.Value:N0}")</b>
|
|
</div>
|
|
</li>
|
|
}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |