Files
NKC/REMAN/Pages/Remnants.razor
2021-11-25 09:56:11 +01:00

165 lines
8.3 KiB
Plaintext

@page "/Remnants"
@using REMAN.Components
<PageTitle>Remnants</PageTitle>
<div class="card">
<div class="card-header table-primary pb-0 mb-0">
<div class="d-flex justify-content-between">
<div class="px-2">
<h2>Remnants</h2>
</div>
<div class="px-2">
@if (processing)
{
<span class="spinner-border"></span> <i>...working...</i>
}
</div>
<div class="px-2">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">
<span class="fas fa-tree" aria-hidden="true"></span>
</span>
</div>
<select @bind="@SelMatID" class="form-control" title="Material">
<option value="0">--- ALL ---</option>
@if (MaterialsList != null)
{
foreach (var item in MaterialsList)
{
<option value="@item.MatID">@item.MatExtCode | @item.MatDesc</option>
}
}
</select>
<div class="input-group-append">
@if (SelMatID > 0)
{
<button class="btn btn-success" @onclick="() => AddNew()"><i class="fas fa-plus-square"></i></button>
}
else
{
<span class="btn btn-secondary disabled"><i class="fas fa-plus-square"></i></span>
}
</div>
</div>
</div>
</div>
</div>
<div class="card-body">
@if (currRecord != null)
{
<RemnantEdit currItem="@currRecord" userId="@currUserId" DataReset="ResetData" DataUpdated="UpdateData"></RemnantEdit>
}
@if (ListRecords == null)
{
<LoadingData></LoadingData>
}
else if (totalCount == 0)
{
<div class="alert alert-warning text-center display-4">No Record Found</div>
}
else
{
<div class="row">
<div class="col pr-0">
<table class="table table-sm table-striped">
<thead>
<tr>
<th style="width: 6rem;">
<button type="button" class="btn btn-warning btn-block py-0" value="Cancel" @onclick="() => ResetData()"><i class="fas fa-sync-alt"></i></button>
</th>
<th>Qr</th>
<th>Material</th>
<th class="text-right">Size <sub>L x W x T</sub></th>
<th class="text-center">Qty</th>
<th class="text-right">Location</th>
<th class="text-right">Note</th>
</tr>
</thead>
<tbody>
@foreach (var record in ListRecords)
{
<tr class="@checkSelect(record.RemnID)">
<td class="text-nowrap px-2" stile="width: 4rem;">
<div class="row mb-2">
<div class="col-6">
<button class="btn btn-sm btn-info" @onclick="() => Select(record)" title="Show Detail">
<i class="fas fa-search"></i>
</button>
</div>
<div class="col-6">
<button class="btn btn-sm btn-primary" @onclick="() => Edit(record)" title="Edit">
<i class="fas fa-pencil-alt"></i>
</button>
</div>
</div>
<div class="row">
<div class="col-6">
<button class="btn btn-sm btn-success" @onclick="() => Print(record)" title="Print label">
<i class="fas fa-print"></i>
</button>
</div>
<div class="col-6">
<button class="btn btn-sm btn-warning" @onclick="() => Clone(record)" title="Duplicate">
<i class="fas fa-code-branch"></i>&nbsp;
</button>
</div>
</div>
</td>
<td style="width: 80px;">
<img src="@getImgUrl(record.RemDtmx)" class="img-fluid" width="72" />
</td>
<td>
<div class="small">@record.RemDtmx</div>
<div>
<b>@record.MaterialNav.MatExtCode</b>
<span class="small">@record.MaterialNav.MatDesc</span>
</div>
</td>
<td class="text-right">
<span class="small">@record.LIn.ToString("N2") x @record.WIn.ToString("N2") @record.TIn.ToString("N2") (In)</span>
<div class="small">
<sub>@record.LMm.ToString("N2") x @record.WMm.ToString("N2") x @record.TMm.ToString("N2") (mm)</sub>
</div>
</td>
<td>
<div class="d-flex justify-content-center">
<div class="px-2">
<button class="btn btn-sm btn-danger" @onclick="() => remQty(record)"><i class="fas fa-minus"></i></button>
</div>
<div class="px-2">
<b>@record.QtyAvail</b>
</div>
<div class="px-2">
<button class="btn btn-sm btn-success" @onclick="() => addQty(record)"><i class="fas fa-plus"></i></button>
</div>
</div>
</td>
<td class="text-right">
@record.Location
</td>
<td class="text-right" style="min-width: 10rem;">
<span class="small">@record.Note</span>
</td>
</tr>
}
</tbody>
</table>
</div>
@if (showDetail)
{
<div class="col-4 small p-1 table-info">
<MovMagDetail RemnID="@RemnIdSel" DataReset="ResetData"></MovMagDetail>
</div>
}
</div>
}
</div>
<div class="card-footer p-1">
<DataPager PageSize="numRecord" currPage="currPage" numRecordChanged="ForceReload" numPageChanged="ForceReloadPage" totalCount="totalCount" showLoading="isLoading" />
</div>
</div>