197 lines
9.1 KiB
Plaintext
197 lines
9.1 KiB
Plaintext
@if (isLoading)
|
|
{
|
|
<LoadingData></LoadingData>
|
|
}
|
|
else
|
|
{
|
|
@if (isSendingData)
|
|
{
|
|
<ProgressDisplay Title="Salvataggio ed invio richiesta" CurrVal="@sendDataVal" NextVal="@sendDataNextVal" MaxVal="@sendDataMaxVal" ExpTimeMSec="1000"></ProgressDisplay>
|
|
}
|
|
@if (ListRecords == null)
|
|
{
|
|
<LoadingData DisplaySize="LoadingData.CtrlSize.Small"></LoadingData>
|
|
}
|
|
else
|
|
{
|
|
@if (showAdd)
|
|
{
|
|
<ul class="list-group">
|
|
<li class="list-group-item">
|
|
<div class="row">
|
|
<div class="col-5">
|
|
<b>Causale</b>
|
|
</div>
|
|
<div class="col-7">
|
|
<div class="input-group input-group-sm">
|
|
<select @bind="@CodGiust" class="form-select">
|
|
<option value="">--- Selezionare Causale ---</option>
|
|
@if (ListGiust != null)
|
|
{
|
|
@foreach (var giust in ListGiust)
|
|
{
|
|
<option value="@giust.codGiust">@giust.descrizione</option>
|
|
}
|
|
}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<div class="row">
|
|
<div class="col-5">
|
|
<b>Inizio Periodo</b>
|
|
<div class="small">min: @($"{minDate(currRecord.CodGiust):dd.MM.yyyy}")</div>
|
|
</div>
|
|
<div class="col-7">
|
|
@if (@CodGiust == "PERM" || @CodGiust == "104")
|
|
{
|
|
<input type="datetime-local" class="form-control text-end" @bind="@dtStart" min="@($"{minDate(CodGiust):yyyy-MM-dd HH:mm}")" max="@($"{maxDate(CodGiust):yyyy-MM-dd HH:mm}")">
|
|
}
|
|
else
|
|
{
|
|
<input type="date" class="form-control text-end" @bind="@dtStart" min="@($"{minDate(CodGiust):yyyy-MM-dd}")" max="@($"{maxDate(CodGiust):yyyy-MM-dd}")">
|
|
}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<div class="row">
|
|
<div class="col-5">
|
|
<b>Fine Periodo</b>
|
|
<div class="small">max: @($"{maxDate(currRecord.CodGiust):dd.MM.yyyy}")</div>
|
|
</div>
|
|
<div class="col-7">
|
|
|
|
@if (@CodGiust == "PERM" || @CodGiust == "104")
|
|
{
|
|
<input type="datetime-local" class="form-control text-end" @bind="@dtEnd" min="@($"{minDate(CodGiust):yyyy-MM-dd HH:mm}")" max="@($"{maxDate(CodGiust):yyyy-MM-dd HH:mm}")">
|
|
}
|
|
else
|
|
{
|
|
<input type="date" class="form-control text-end" @bind="@dtEnd" min="@($"{minDate(CodGiust):yyyy-MM-dd}")" max="@($"{maxDate(CodGiust):yyyy-MM-dd}")">
|
|
}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<div class="row">
|
|
<div class="col-5">
|
|
<b>Note</b>
|
|
<div class="small">(opzionali)</div>
|
|
</div>
|
|
<div class="col-7">
|
|
<textarea class="form-control form-control-sm small" @bind="@currRecord.Note"></textarea>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<div class="row">
|
|
<div class="col">
|
|
<button class="btn btn-warning w-100" @onclick="() => toggleAddNew()"><i class="fas fa-window-close"></i> Cancel</button>
|
|
</div>
|
|
<div class="col">
|
|
@if (CodGiust != "")
|
|
{
|
|
<button class="btn btn-success w-100" @onclick="() => insertRecord()"><i class="far fa-save"></i> Registra evento</button>
|
|
}
|
|
else
|
|
{
|
|
<button class="btn btn-secondary w-100" disabled><i class="far fa-save"></i> Registra evento</button>
|
|
}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
}
|
|
@if (ListRecords.Count == 0)
|
|
{
|
|
<div class="alert alert-warning d-flex justify-content-between">
|
|
<div>
|
|
Nessu record registrato
|
|
</div>
|
|
<div>
|
|
<button class="btn btn-success btn-sm" @onclick="() => toggleAddNew()">Add New</button>
|
|
</div>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<table class="table table-sm table-striped table-responsive-md border border-dark">
|
|
<thead>
|
|
<tr class="bg-dark text-light">
|
|
<th>
|
|
<button class="btn btn-success btn-sm" @onclick="() => toggleAddNew()"><i class="fas fa-plus"></i></button>
|
|
</th>
|
|
<th>Periodo</th>
|
|
<th class="text-end">
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach (var item in ListRecords)
|
|
{
|
|
<tr>
|
|
<td>
|
|
@if (!item.Conf)
|
|
{
|
|
<button class="btn btn-primary btn-sm" @onclick="() => editRec(item)">
|
|
<b>@item.CodGiustTrim</b>
|
|
</button>
|
|
}
|
|
else
|
|
{
|
|
<div class="btn btn-sm btn-secondary disabled">
|
|
<b>@item.CodGiustTrim</b>
|
|
</div>
|
|
}
|
|
</td>
|
|
<td>
|
|
<div>
|
|
@if (item.CodGiust == "PERM")
|
|
{
|
|
<div class="d-flex justify-content-between pe-2">
|
|
<div>
|
|
@item.DtStart.ToString("dd MMM yyyy"), <b>@item.DtStart.ToString("HH:mm")</b>
|
|
<i class="fas fa-caret-right"></i>
|
|
<b>@item.DtEnd.ToString("HH:mm")</b>
|
|
</div>
|
|
<div>
|
|
<b>@item.Durata</b>
|
|
</div>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="d-flex justify-content-between pe-2">
|
|
<div>
|
|
<b>@item.DtStart.ToString("dd MMM")</b> @item.DtStart.ToString("yyyy")
|
|
<i class="fas fa-caret-right"></i>
|
|
<b>@item.DtEnd.ToString("dd MMM")</b> @item.DtEnd.ToString("yyyy")
|
|
</div>
|
|
<div>
|
|
<b>@item.Durata</b>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
<div class="small">
|
|
@item.Note
|
|
</div>
|
|
</td>
|
|
<td class="text-end">
|
|
@if (!item.Conf)
|
|
{
|
|
<button class="btn btn-danger btn-sm" @onclick="() => DoDelete(item)"><i class="fas fa-trash-alt"></i></button>
|
|
}
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
}
|
|
}
|
|
}
|
|
|