Samuele Locatelli
90 lines
5.3 KiB
Plaintext
90 lines
5.3 KiB
Plaintext
@using Blazorise
|
|
@using GWMS.UI.Components
|
|
|
|
<div class="card">
|
|
<div class="card-header table-primary py-1">
|
|
@if (currItem != null)
|
|
{
|
|
<div class="row py-0">
|
|
<div class="col-8 pr-0 font-weight-bold">
|
|
<h2>@currItem.PlantCode</h2>
|
|
</div>
|
|
<div class="col-4 text-right align-bottom">
|
|
<button class="btn btn-primary btn-lg btn-block" @onclick="() => ShowDetail(currItem.PlantId)">
|
|
<b>@currItem.PlantDesc <i class="fas fa-angle-double-right"></i></b>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
<div class="card-body p-1">
|
|
<div class="row">
|
|
<div class="col-4 pr-0">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<ul class="list-group">
|
|
<li class="list-group-item d-flex justify-content-between align-items-center p-0 border border-primary">
|
|
<img src="./img/Plant/@(currItem.PlantCode).jpg" class="img-fluid" />
|
|
</li>
|
|
<li class="list-group-item active d-flex justify-content-between align-items-center py-1">PB Alta</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center small">
|
|
<span><i class="fas fa-compress-arrows-alt"></i> Stoccaggio</span> <span><b>@getPressData("BH", "N1")</b> <sub>bar</sub></span>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center small">
|
|
<span><i class="fas fa-compress-arrows-alt"></i> Alimentazione</span> <span><b>@getPressData("BHA", "N1")</b> <sub>bar</sub></span>
|
|
</li>
|
|
<li class="list-group-item active d-flex justify-content-between align-items-center py-1">PB Media</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center small">
|
|
<span><i class="fas fa-compress-arrows-alt"></i> Stoccaggio</span> <span><b>@getPressData("BL", "N1")</b> <sub>bar</sub></span>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center small">
|
|
<span><i class="fas fa-compress-arrows-alt"></i> Alimentazione</span> <span><b>@getPressData("BLA", "N1")</b> <sub>bar</sub></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-8 pl-1">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<ul class="list-group">
|
|
<li class="list-group-item @headerStatus d-flex justify-content-between align-items-center px-0 py-1 small">
|
|
<div class="px-1" title="@checkRTime">
|
|
SERBATOIO Principale <i class="fas fa-play @playStatus"></i>
|
|
</div>
|
|
<div class="px-1 text-right">
|
|
<span><i class="fas fa-database"></i> Livello:</span><span>@currItem.LevelAct.ToString("N0")/@currItem.LevelMax.ToString("N0")</span> | <span style="font-size:1.2em;"><b>@currItem.LevelRatio</b> <sub>%</sub></span>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item align-items-center px-1 py-2">
|
|
<div class="d-flex flex-column">
|
|
<div class="p-1 flex-grow-1">
|
|
<Progress>
|
|
<ProgressBar Value="@currItem.LevelRatio" Striped="false" Animated="false" />
|
|
</Progress>
|
|
</div>
|
|
<div class="px-1 py-2">
|
|
<LineChart @ref="LevelVal" TItem="double" OptionsObject="lineChartOptions" />
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
<span><i class="fas fa-compress-arrows-alt"></i> Pressione</span> <span style="font-size:1.2em;"><b>@currItem.PressAct["Main"].ToString("N1")</b> <span class="small"> <sub>bar</sub></span></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer alert alert-primary mb-0 p-1">
|
|
<div class="d-flex justify-content-between">
|
|
<div class="py-1 px-2 mb-0">
|
|
<h4>Ordini aperti: <b>@currItem.OrderTS.Count</b></h4>
|
|
</div>
|
|
<div class="py-1 px-2">
|
|
<button class="btn btn-block btn-primary" title="Mostra Ordini" @onclick="() => ShowOrders(currItem.PlantId)">Mostra Ordini <i class="fas fa-file-invoice"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |