leandro/phronCare
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Merge pull request 'feat(sales): add delivery note detail drawer Closes #31' (#32) from feature/leandro/31-deliverynote-detail-drawer into master
All checks were successful
CI/CD Pipeline / Build and Deploy with Docker Compose (push) Successful in 6m34s
Details

Browse Source 
Reviewed-on: http://saludlab.com.ar:3000/leandro/phronCare/pulls/32
This commit is contained in:
Leandro Hernan Rojas 2026-03-21 16:50:04 +00:00
commit 24120636b1
2 changed files with 218 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

172
phronCare.UIBlazor/Pages/Sales/DeliveryNotes/DeliveryNoteDetailDrawer.razor Normal file
View File

@ -0,0 +1,172 @@
@using Domain.Dtos.Sales
@if (Visible && Summary != null)
{
<div class="position-fixed top-0 start-0 w-100 h-100"
style="background: rgba(0,0,0,0.4); z-index: 1040;"
@onclick="Close">
</div>
<div class="position-fixed top-0 end-0 h-100 bg-white shadow"
style="width: 45%; z-index: 1050; overflow-y: auto;">
<div class="d-flex justify-content-between align-items-center border-bottom px-3 py-2">
<div>
<h5 class="m-0">Detalle Remito @HeaderNumber</h5>
<div class="mt-1">
<span class="badge @GetStatusBadge(HeaderStatus)">@HeaderStatus</span>
</div>
</div>
<button type="button" class="btn-close" @onclick="Close"></button>
</div>
<div class="p-3" style="zoom: 0.8;">
<ul class="nav nav-tabs mb-3" role="tablist">
<li class="nav-item">
<button type="button"
class="nav-link @((activeTab == "Datos") ? "active bg-primary text-white" : "")"
@onclick='() => activeTab = "Datos"'
title="Datos generales">
<i class="fas fa-info-circle me-1"></i> Datos
</button>
</li>
<li class="nav-item">
<button type="button"
class="nav-link @((activeTab == "Items") ? "active bg-success text-white" : "")"
@onclick='() => activeTab = "Items"'
title="Detalle de líneas">
<i class="fas fa-boxes-stacked me-1"></i> Items
</button>
</li>
</ul>
@if (Loading)
{
<div class="text-center text-muted py-4">Cargando detalle...</div>
}
else if (activeTab == "Datos")
{
<div class="row g-3">
<div class="col-md-6">
<label class="form-label fw-semibold mb-1">Remito</label>
<div class="form-control form-control-sm bg-light">@HeaderNumber</div>
</div>
<div class="col-md-6">
<label class="form-label fw-semibold mb-1">Fecha de emisión</label>
<div class="form-control form-control-sm bg-light">@HeaderIssueDate.ToString("dd/MM/yyyy")</div>
</div>
<div class="col-md-6">
<label class="form-label fw-semibold mb-1">Cliente</label>
<div class="form-control form-control-sm bg-light">@HeaderCustomerName</div>
</div>
<div class="col-md-6">
<label class="form-label fw-semibold mb-1">Presupuesto relacionado</label>
<div class="form-control form-control-sm bg-light">@HeaderQuoteNumber</div>
</div>
<div class="col-md-6">
<label class="form-label fw-semibold mb-1">Estado</label>
<div><span class="badge @GetStatusBadge(HeaderStatus)">@HeaderStatus</span></div>
</div>
<div class="col-md-6">
<label class="form-label fw-semibold mb-1">Reimpresiones</label>
<div class="form-control form-control-sm bg-light">@HeaderPrintCount</div>
</div>
<div class="col-md-6">
<label class="form-label fw-semibold mb-1">Factura asociada</label>
<div class="form-control form-control-sm bg-light">@(Detail?.SalesInvoiceId?.ToString() ?? "—")</div>
</div>
<div class="col-md-6">
<label class="form-label fw-semibold mb-1">Última modificación</label>
<div class="form-control form-control-sm bg-light">@(Detail?.ModifiedAt?.ToString("dd/MM/yyyy HH:mm") ?? "—")</div>
</div>
<div class="col-12">
<label class="form-label fw-semibold mb-1">Observaciones</label>
<div class="form-control form-control-sm bg-light" style="min-height: 90px; white-space: pre-wrap;">@(string.IsNullOrWhiteSpace(Detail?.Observations) ? "—" : Detail!.Observations)</div>
</div>
</div>
}
else
{
@if (Detail?.Items == null || !Detail.Items.Any())
{
<p class="text-muted mb-0">No hay ítems para este remito.</p>
}
else
{
<div class="table-responsive">
<table class="table table-sm align-middle mb-0">
<thead class="table-light">
<tr>
<th style="width: 80px;">Línea</th>
<th>Descripción</th>
<th style="width: 100px;">Cantidad</th>
<th style="width: 120px;">Origen</th>
<th>Notas</th>
</tr>
</thead>
<tbody>
@foreach (var item in Detail.Items.OrderBy(i => i.LineNumber))
{
<tr>
<td class="text-center">@item.LineNumber</td>
<td>@item.Description</td>
<td class="text-center">@item.Quantity</td>
<td>@GetOriginLabel(item.OriginType)</td>
<td>@(string.IsNullOrWhiteSpace(item.Notes) ? "—" : item.Notes)</td>
</tr>
}
</tbody>
</table>
</div>
}
}
</div>
</div>
}
@code {
[Parameter] public bool Visible { get; set; }
[Parameter] public EventCallback<bool> VisibleChanged { get; set; }
[Parameter] public DeliveryNoteSummaryDto? Summary { get; set; }
[Parameter] public DeliveryNoteDto? Detail { get; set; }
[Parameter] public bool Loading { get; set; }
private string activeTab = "Datos";
private int? lastDeliveryNoteId;
private string HeaderNumber => Detail?.DeliveryNoteNumber ?? Summary?.DeliveryNoteNumber ?? "—";
private string HeaderStatus => Detail?.Status ?? Summary?.Status ?? "—";
private DateTime HeaderIssueDate => Detail?.IssueDate ?? Summary?.IssueDate ?? DateTime.MinValue;
private string HeaderCustomerName => string.IsNullOrWhiteSpace(Summary?.CustomerName) ? "—" : Summary!.CustomerName;
private string HeaderQuoteNumber => string.IsNullOrWhiteSpace(Summary?.QuoteNumber) ? "—" : Summary!.QuoteNumber!;
private int HeaderPrintCount => Detail?.PrintCount ?? Summary?.PrintCount ?? 0;
protected override void OnParametersSet()
{
if (Summary?.Id != lastDeliveryNoteId)
{
activeTab = "Datos";
lastDeliveryNoteId = Summary?.Id;
}
}
private async Task Close()
{
await VisibleChanged.InvokeAsync(false);
}
private string GetStatusBadge(string status) => status switch
{
"Anulado" => "bg-danger text-white",
"Emitido" => "bg-primary text-white",
"Aprobado" => "bg-success",
"Cerrado" => "bg-dark text-white",
_ => "bg-light text-dark"
};
private string GetOriginLabel(byte originType) => originType switch
{
1 => "Presupuesto",
2 => "Manual",
_ => originType.ToString()
};
}

50
phronCare.UIBlazor/Pages/Sales/DeliveryNotes/DeliveryNotes.razor
View File

@ -1,4 +1,5 @@
@page "/deliverynotes"
@page "/deliverynotes"
@using Domain.Dtos
@using Domain.Dtos.Sales
@using Domain.Generics
@using phronCare.UIBlazor.Services.Sales.DeliveryNotes
@ -91,7 +92,7 @@
<td>@(string.IsNullOrWhiteSpace(deliveryNote.Observations) ? "—" : deliveryNote.Observations)</td>
<td>@deliveryNote.PrintCount</td>
<td class="text-center align-middle">
<button class="btn btn-link btn-lg p-0 text-primary ms-2" title="Ver detalle" @onclick="() => ViewDetail(deliveryNote.Id)"><i class="fas fa-eye"></i></button>
<button class="btn btn-link btn-lg p-0 text-primary ms-2" title="Ver detalle" @onclick="() => OpenDetailAsync(deliveryNote)"><i class="fas fa-eye"></i></button>
</td>
</tr>
}
@ -131,9 +132,19 @@
</div>
</div>
<DeliveryNoteDetailDrawer Summary="@SelectedSummary"
Detail="@SelectedDeliveryNote"
Visible="@IsDrawerOpen"
VisibleChanged="OnDrawerVisibleChanged"
Loading="@IsDetailLoading" />
@code {
private DeliveryNoteSearchParams Filters = new() { PageSize = 10 };
private PagedResult<DeliveryNoteSummaryDto>? PagedDeliveryNotes;
private DeliveryNoteSummaryDto? SelectedSummary;
private DeliveryNoteDto? SelectedDeliveryNote;
private bool IsDrawerOpen;
private bool IsDetailLoading;
private bool IsLoading;
private int PaginaDeseada = 1;
@ -209,9 +220,40 @@
_ => "bg-light text-dark"
};
private void ViewDetail(int id)
private async Task OpenDetailAsync(DeliveryNoteSummaryDto summary)
{
toastService.ShowInfo($"El detalle del remito {id} se implementará en una próxima story.");
SelectedSummary = summary;
SelectedDeliveryNote = null;
IsDrawerOpen = true;
IsDetailLoading = true;
StateHasChanged();
try
{
var detail = await deliveryNoteService.GetByIdAsync(summary.Id);
if (detail is not null)
{
SelectedDeliveryNote = detail;
}
else
{
toastService.ShowError("No se pudo cargar el detalle del remito.");
}
}
catch (Exception ex)
{
toastService.ShowError(ex.Message);
}
finally
{
IsDetailLoading = false;
}
}
private Task OnDrawerVisibleChanged(bool visible)
{
IsDrawerOpen = visible;
return Task.CompletedTask;
}
private void ExportarExcel()