From b666d2f68d597ee92b1939583b6ae4dd50b8578f Mon Sep 17 00:00:00 2001 From: Ho Ngoc Hai Date: Sun, 29 Mar 2026 03:43:55 +0700 Subject: [PATCH] feat(pos): fix settings navigation and add receipt template management MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Fix POS settings button redirecting to /auth/login when UserRole is not loaded — now navigates to /admin/shop/{shopId}/overview - Add receipt template management page with full CRUD: - Create/edit/delete receipt templates stored in localStorage - Live preview of thermal receipt (80mm/58mm paper width) - 18 toggleable fields (logo, address, phone, tax ID, items, etc.) - Customizable header, footer, font size, paper width - Set default template for POS printing - Add "Hoá đơn in" section to shop settings with active template info - Add sidebar menu item and route for receipt-templates - Add vi-VN/en-US localization keys Co-Authored-By: Claude Opus 4.6 (1M context) --- .../Layout/PosLayout.razor | 12 +- .../Pages/Admin/Shop/ReceiptTemplates.razor | 697 ++++++++++++++++++ .../Pages/Admin/Shop/ShopPage.razor | 5 + .../Pages/Admin/Shop/ShopSettings.razor | 65 ++ .../Services/ShopSidebarConfig.cs | 2 + .../wwwroot/locales/en-US.json | 1 + .../wwwroot/locales/vi-VN.json | 1 + 7 files changed, 781 insertions(+), 2 deletions(-) create mode 100644 apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Admin/Shop/ReceiptTemplates.razor diff --git a/apps/web-client-tpos-net/src/WebClientTpos.Client/Layout/PosLayout.razor b/apps/web-client-tpos-net/src/WebClientTpos.Client/Layout/PosLayout.razor index 73cc9562..b0b5c644 100644 --- a/apps/web-client-tpos-net/src/WebClientTpos.Client/Layout/PosLayout.razor +++ b/apps/web-client-tpos-net/src/WebClientTpos.Client/Layout/PosLayout.razor @@ -98,7 +98,7 @@
- + Quản lý @@ -217,7 +217,15 @@ try { await JS.InvokeVoidAsync("lucide.createIcons"); } catch { } } - private void GoToPortal() => NavigationManager.NavigateTo(AuthState.GetPortalUrl()); + private void GoToPortal() + { + // EN: Navigate to shop admin page if shopId is available, otherwise fallback to portal URL + // VI: Điều hướng đến trang admin shop nếu có shopId, nếu không fallback về portal URL + if (!string.IsNullOrEmpty(_shopIdStr)) + NavigationManager.NavigateTo($"/admin/shop/{_shopIdStr}/overview"); + else + NavigationManager.NavigateTo(AuthState.GetPortalUrl()); + } private void ToggleSidebar() => _sidebarOpen = !_sidebarOpen; private void CloseSidebar() => _sidebarOpen = false; diff --git a/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Admin/Shop/ReceiptTemplates.razor b/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Admin/Shop/ReceiptTemplates.razor new file mode 100644 index 00000000..c3c4605a --- /dev/null +++ b/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Admin/Shop/ReceiptTemplates.razor @@ -0,0 +1,697 @@ +@* + EN: Receipt template management — create, edit, preview, switch, delete receipt templates. + VI: Quản lý mẫu hoá đơn — tạo, sửa, xem trước, chuyển đổi, xoá mẫu hoá đơn in. +*@ +@using System.Text.Json +@inject IJSRuntime JS +@inject ISnackbar Snackbar +@inject IDialogService DialogService + +@* ═══ TEMPLATE LIST + EDITOR LAYOUT ═══ *@ +
+ @* ─── LEFT: Template list ─── *@ +
+
+

Danh sách mẫu hoá đơn

+ +
+ + @if (_templates.Count == 0) + { +
+
+
+ +
+

Chưa có mẫu hoá đơn nào.

+
+
+ } + else + { +
+ @foreach (var tpl in _templates) + { + var isSelected = _editingTemplate?.Id == tpl.Id; + var capturedTpl = tpl; +
+ @* EN: Mini receipt preview thumbnail *@ + @* VI: Hình thu nhỏ xem trước hoá đơn *@ +
+
+
+ @(string.IsNullOrWhiteSpace(capturedTpl.HeaderText) ? "TÊN CỬA HÀNG" : capturedTpl.HeaderText) +
+ @if (capturedTpl.ShowItemList) + { +
+
Sản phẩm x1 ... 50,000
+
Sản phẩm x2 ... 30,000
+ } + @if (capturedTpl.ShowTotal) + { +
+
TỔNG: 80,000đ
+ } + @if (!string.IsNullOrWhiteSpace(capturedTpl.FooterText)) + { +
@capturedTpl.FooterText
+ } +
+
+
+
+
@capturedTpl.Name
+
@capturedTpl.PaperWidth · @GetFontSizeLabel(capturedTpl.FontSize)
+
+ @if (capturedTpl.IsDefault) + { + Mặc định + } +
+
+ } +
+ } +
+ + @* ─── RIGHT: Editor + Live Preview ─── *@ + @if (_editingTemplate != null) + { +
+
+
+

+ + Chỉnh sửa mẫu +

+ +
+
+
+ @* ─── Editor fields ─── *@ +
+ @* EN: Template name *@ + @* VI: Tên mẫu hoá đơn *@ +
+ + +
+ + @* EN: Paper width + Font size *@ + @* VI: Khổ giấy + Cỡ chữ *@ +
+
+ + +
+
+ + +
+
+ + @* EN: Header + Footer text *@ + @* VI: Tiêu đề + Chân hoá đơn *@ +
+ + +
+
+ + +
+ + @* EN: Wifi password (conditional) *@ + @* VI: Mật khẩu wifi (nếu bật) *@ + @if (_editingTemplate.ShowWifiPassword) + { +
+ + +
+ } + + @* EN: Field toggles *@ + @* VI: Bật/tắt các trường hiển thị *@ + +
+ @{ + void RenderToggle(string label, bool isOn, Action setter) { +
+
+
+
+ @label +
; + } + } + @{ RenderToggle("Logo", _editingTemplate.ShowLogo, v => _editingTemplate.ShowLogo = v); } + @{ RenderToggle("Địa chỉ", _editingTemplate.ShowAddress, v => _editingTemplate.ShowAddress = v); } + @{ RenderToggle("Số điện thoại", _editingTemplate.ShowPhone, v => _editingTemplate.ShowPhone = v); } + @{ RenderToggle("Mã số thuế", _editingTemplate.ShowTaxId, v => _editingTemplate.ShowTaxId = v); } + @{ RenderToggle("Mã đơn hàng", _editingTemplate.ShowOrderNumber, v => _editingTemplate.ShowOrderNumber = v); } + @{ RenderToggle("Ngày giờ", _editingTemplate.ShowDateTime, v => _editingTemplate.ShowDateTime = v); } + @{ RenderToggle("Tên nhân viên", _editingTemplate.ShowStaffName, v => _editingTemplate.ShowStaffName = v); } + @{ RenderToggle("Danh sách SP", _editingTemplate.ShowItemList, v => _editingTemplate.ShowItemList = v); } + @{ RenderToggle("Tạm tính", _editingTemplate.ShowSubtotal, v => _editingTemplate.ShowSubtotal = v); } + @{ RenderToggle("Phí dịch vụ", _editingTemplate.ShowServiceCharge, v => _editingTemplate.ShowServiceCharge = v); } + @{ RenderToggle("VAT %", _editingTemplate.ShowVat, v => _editingTemplate.ShowVat = v); } + @{ RenderToggle("Giảm giá", _editingTemplate.ShowDiscount, v => _editingTemplate.ShowDiscount = v); } + @{ RenderToggle("Tổng cộng", _editingTemplate.ShowTotal, v => _editingTemplate.ShowTotal = v); } + @{ RenderToggle("Phương thức TT", _editingTemplate.ShowPaymentMethod, v => _editingTemplate.ShowPaymentMethod = v); } + @{ RenderToggle("Tiền thừa", _editingTemplate.ShowChangeAmount, v => _editingTemplate.ShowChangeAmount = v); } + @{ RenderToggle("Mã giao dịch", _editingTemplate.ShowTransactionId, v => _editingTemplate.ShowTransactionId = v); } + @{ RenderToggle("Barcode/QR", _editingTemplate.ShowBarcode, v => _editingTemplate.ShowBarcode = v); } + @{ RenderToggle("Mật khẩu Wifi", _editingTemplate.ShowWifiPassword, v => _editingTemplate.ShowWifiPassword = v); } +
+ + @* EN: Action buttons *@ + @* VI: Các nút hành động *@ +
+ + @if (!_editingTemplate.IsDefault) + { + + } + @if (_templates.Count > 1) + { + + } +
+
+ + @* ─── Live Preview ─── *@ +
+ + @{ + var t = _editingTemplate; + var paperW = t.PaperWidth == "58mm" ? "200px" : "260px"; + var fontSize = GetFontSizePx(t.FontSize); + } +
+ @* EN: Torn paper top edge *@ +
+ + @* ── Header ── *@ + @if (t.ShowLogo) + { +
+
+ ☍ +
+
+ } +
+ @(string.IsNullOrWhiteSpace(t.HeaderText) ? "TÊN CỬA HÀNG" : t.HeaderText) +
+ @if (t.ShowAddress) + { +
123 Nguyễn Huệ, Q.1, TP.HCM
+ } + @if (t.ShowPhone) + { +
ĐT: 0909 123 456
+ } + @if (t.ShowTaxId) + { +
MST: 0123456789
+ } + +
+ + @* ── Order info ── *@ + @if (t.ShowOrderNumber) + { +
+ Đơn #:HD-00042 +
+ } + @if (t.ShowDateTime) + { +
+ Ngày:29/03/2026 14:35 +
+ } + @if (t.ShowStaffName) + { +
+ Thu ngân:Nguyễn Văn A +
+ } + + @if (t.ShowOrderNumber || t.ShowDateTime || t.ShowStaffName) + { +
+ } + + @* ── Item list ── *@ + @if (t.ShowItemList) + { +
+
+ Sản phẩmTiền +
+
+ Cà phê sữa đá x258,000 +
+
+ Trà đào cam sả x145,000 +
+
+ Bánh mì bơ tỏi x125,000 +
+
+
+ } + + @* ── Totals ── *@ + @if (t.ShowSubtotal) + { +
+ Tạm tính:128,000 +
+ } + @if (t.ShowServiceCharge) + { +
+ Phí dịch vụ (5%):6,400 +
+ } + @if (t.ShowVat) + { +
+ VAT (10%):12,800 +
+ } + @if (t.ShowDiscount) + { +
+ Giảm giá:-10,000 +
+ } + @if (t.ShowTotal) + { +
+
+ TỔNG CỘNG:@(ComputePreviewTotal())đ +
+ } + + @* ── Payment info ── *@ + @if (t.ShowPaymentMethod) + { +
+ Thanh toán:Tiền mặt +
+ } + @if (t.ShowChangeAmount) + { +
+ Tiền khách đưa:150,000 +
+
+ Tiền thừa:@(ComputePreviewChange()) +
+ } + @if (t.ShowTransactionId) + { +
+ Mã GD:TXN-20260329-0042 +
+ } + + @* ── Barcode ── *@ + @if (t.ShowBarcode) + { +
+
+
+ @for (var i = 0; i < 64; i++) + { + var fill = (i % 3 == 0 || i % 7 == 0) ? "#1a1a1a" : "#fff"; +
+ } +
+
+
+ } + + @* ── Wifi ── *@ + @if (t.ShowWifiPassword) + { +
+ Wifi: @(t.WifiPassword ?? "goodgo-wifi") +
+ } + + @* ── Footer ── *@ + @if (!string.IsNullOrWhiteSpace(t.FooterText)) + { +
+
@t.FooterText
+ } + + @* EN: Torn paper bottom edge *@ +
+
+
+
+
+
+
+ } +
+ +@code { + [Parameter] public Guid ShopId { get; set; } + + private List _templates = new(); + private ReceiptTemplate? _editingTemplate; + + private string StorageKey => $"aPOS_receipt_templates_{ShopId}"; + + /// + /// EN: Receipt template data model — stored in localStorage per shop. + /// VI: Mô hình dữ liệu mẫu hoá đơn — lưu trong localStorage theo từng cửa hàng. + /// + private class ReceiptTemplate + { + public Guid Id { get; set; } = Guid.NewGuid(); + public string Name { get; set; } = "Mẫu mặc định"; + public bool IsDefault { get; set; } + public string PaperWidth { get; set; } = "80mm"; + public string FontSize { get; set; } = "medium"; + public string HeaderText { get; set; } = ""; + public string FooterText { get; set; } = "Cảm ơn quý khách!"; + public bool ShowLogo { get; set; } = true; + public bool ShowAddress { get; set; } = true; + public bool ShowPhone { get; set; } = true; + public bool ShowTaxId { get; set; } + public bool ShowOrderNumber { get; set; } = true; + public bool ShowDateTime { get; set; } = true; + public bool ShowStaffName { get; set; } + public bool ShowItemList { get; set; } = true; + public bool ShowSubtotal { get; set; } = true; + public bool ShowServiceCharge { get; set; } + public bool ShowVat { get; set; } + public bool ShowDiscount { get; set; } = true; + public bool ShowTotal { get; set; } = true; + public bool ShowPaymentMethod { get; set; } = true; + public bool ShowChangeAmount { get; set; } = true; + public bool ShowTransactionId { get; set; } = true; + public bool ShowBarcode { get; set; } + public bool ShowWifiPassword { get; set; } + public string? WifiPassword { get; set; } + } + + protected override async Task OnInitializedAsync() + { + await LoadTemplates(); + } + + /// + /// EN: Load templates from localStorage, create default if none exist. + /// VI: Tải mẫu từ localStorage, tạo mẫu mặc định nếu chưa có. + /// + private async Task LoadTemplates() + { + try + { + var json = await JS.InvokeAsync("localStorage.getItem", StorageKey); + if (!string.IsNullOrWhiteSpace(json)) + { + var loaded = JsonSerializer.Deserialize>(json, _jsonOptions); + if (loaded != null && loaded.Count > 0) + { + _templates = loaded; + return; + } + } + } + catch { /* localStorage read error — use defaults */ } + + // EN: Create default template if none exist + // VI: Tạo mẫu mặc định nếu chưa có + _templates = new List + { + new ReceiptTemplate + { + Id = Guid.NewGuid(), + Name = "Mẫu mặc định", + IsDefault = true, + PaperWidth = "80mm", + FontSize = "medium", + HeaderText = "", + FooterText = "Cảm ơn quý khách!", + ShowLogo = true, + ShowAddress = true, + ShowPhone = true, + ShowOrderNumber = true, + ShowDateTime = true, + ShowItemList = true, + ShowSubtotal = true, + ShowDiscount = true, + ShowTotal = true, + ShowPaymentMethod = true, + ShowChangeAmount = true, + ShowTransactionId = true + } + }; + await PersistTemplates(); + } + + /// + /// EN: Persist templates to localStorage. + /// VI: Lưu mẫu vào localStorage. + /// + private async Task PersistTemplates() + { + try + { + var json = JsonSerializer.Serialize(_templates, _jsonOptions); + await JS.InvokeVoidAsync("localStorage.setItem", StorageKey, json); + } + catch (Exception ex) + { + Snackbar.Add($"Lỗi lưu mẫu: {ex.Message}", MudBlazor.Severity.Error); + } + } + + private static readonly JsonSerializerOptions _jsonOptions = new() + { + PropertyNamingPolicy = JsonNamingPolicy.CamelCase, + PropertyNameCaseInsensitive = true, + WriteIndented = false + }; + + /// + /// EN: Select a template for editing (deep clone to avoid live mutation until save). + /// VI: Chọn mẫu để sửa (clone sâu để tránh thay đổi trực tiếp cho đến khi lưu). + /// + private void SelectTemplate(ReceiptTemplate tpl) + { + _editingTemplate = CloneTemplate(tpl); + } + + /// + /// EN: Create a new template with default values. + /// VI: Tạo mẫu mới với giá trị mặc định. + /// + private void CreateNewTemplate() + { + _editingTemplate = new ReceiptTemplate + { + Id = Guid.NewGuid(), + Name = $"Mẫu {_templates.Count + 1}", + IsDefault = false, + PaperWidth = "80mm", + FontSize = "medium", + FooterText = "Cảm ơn quý khách!" + }; + } + + /// + /// EN: Save editing template (insert or update). + /// VI: Lưu mẫu đang sửa (thêm mới hoặc cập nhật). + /// + private async Task SaveTemplate() + { + if (_editingTemplate == null) return; + + var existing = _templates.FindIndex(t => t.Id == _editingTemplate.Id); + if (existing >= 0) + { + _templates[existing] = CloneTemplate(_editingTemplate); + } + else + { + _templates.Add(CloneTemplate(_editingTemplate)); + } + + await PersistTemplates(); + Snackbar.Add("Đã lưu mẫu hoá đơn!", MudBlazor.Severity.Success); + StateHasChanged(); + } + + /// + /// EN: Set editing template as default. + /// VI: Đặt mẫu đang sửa làm mặc định. + /// + private async Task SetAsDefault() + { + if (_editingTemplate == null) return; + + foreach (var tItem in _templates) tItem.IsDefault = false; + var target = _templates.Find(tItem => tItem.Id == _editingTemplate.Id); + if (target != null) target.IsDefault = true; + _editingTemplate.IsDefault = true; + + await PersistTemplates(); + Snackbar.Add("Đã đặt mẫu mặc định!", MudBlazor.Severity.Success); + StateHasChanged(); + } + + /// + /// EN: Delete editing template (cannot delete last or default). + /// VI: Xoá mẫu đang sửa (không được xoá mẫu cuối hoặc mặc định). + /// + private async Task DeleteTemplate() + { + if (_editingTemplate == null) return; + + if (_templates.Count <= 1) + { + Snackbar.Add("Không thể xoá mẫu duy nhất.", MudBlazor.Severity.Warning); + return; + } + + if (_editingTemplate.IsDefault) + { + Snackbar.Add("Không thể xoá mẫu mặc định. Hãy chuyển mặc định sang mẫu khác trước.", MudBlazor.Severity.Warning); + return; + } + + var confirmed = await DialogService.ShowMessageBox( + "Xoá mẫu hoá đơn", + $"Bạn có chắc muốn xoá mẫu \"{_editingTemplate.Name}\"?", + yesText: "Xoá", cancelText: "Hủy"); + + if (confirmed != true) return; + + _templates.RemoveAll(tItem => tItem.Id == _editingTemplate.Id); + _editingTemplate = null; + await PersistTemplates(); + Snackbar.Add("Đã xoá mẫu hoá đơn.", MudBlazor.Severity.Success); + StateHasChanged(); + } + + /// + /// EN: Get the name of the currently active (default) template. + /// VI: Lấy tên mẫu đang kích hoạt (mặc định). + /// + public string GetActiveTemplateName() + { + return _templates.FirstOrDefault(tItem => tItem.IsDefault)?.Name ?? _templates.FirstOrDefault()?.Name ?? "—"; + } + + /// + /// EN: Deep clone a template to avoid reference sharing. + /// VI: Clone sâu mẫu hoá đơn để tránh chia sẻ tham chiếu. + /// + private static ReceiptTemplate CloneTemplate(ReceiptTemplate src) => new() + { + Id = src.Id, + Name = src.Name, + IsDefault = src.IsDefault, + PaperWidth = src.PaperWidth, + FontSize = src.FontSize, + HeaderText = src.HeaderText, + FooterText = src.FooterText, + ShowLogo = src.ShowLogo, + ShowAddress = src.ShowAddress, + ShowPhone = src.ShowPhone, + ShowTaxId = src.ShowTaxId, + ShowOrderNumber = src.ShowOrderNumber, + ShowDateTime = src.ShowDateTime, + ShowStaffName = src.ShowStaffName, + ShowItemList = src.ShowItemList, + ShowSubtotal = src.ShowSubtotal, + ShowServiceCharge = src.ShowServiceCharge, + ShowVat = src.ShowVat, + ShowDiscount = src.ShowDiscount, + ShowTotal = src.ShowTotal, + ShowPaymentMethod = src.ShowPaymentMethod, + ShowChangeAmount = src.ShowChangeAmount, + ShowTransactionId = src.ShowTransactionId, + ShowBarcode = src.ShowBarcode, + ShowWifiPassword = src.ShowWifiPassword, + WifiPassword = src.WifiPassword + }; + + private static string GetFontSizeLabel(string size) => size switch + { + "small" => "Nhỏ", + "large" => "Lớn", + _ => "Trung bình" + }; + + private static string GetFontSizePx(string size) => size switch + { + "small" => "11px", + "large" => "15px", + _ => "13px" + }; + + /// + /// EN: Compute preview total based on shown fields. + /// VI: Tính tổng xem trước dựa trên các trường hiển thị. + /// + private string ComputePreviewTotal() + { + if (_editingTemplate == null) return "128,000"; + decimal total = 128000; + if (_editingTemplate.ShowServiceCharge) total += 6400; + if (_editingTemplate.ShowVat) total += 12800; + if (_editingTemplate.ShowDiscount) total -= 10000; + return total.ToString("N0"); + } + + private string ComputePreviewChange() + { + if (_editingTemplate == null) return "22,000"; + decimal total = 128000; + if (_editingTemplate.ShowServiceCharge) total += 6400; + if (_editingTemplate.ShowVat) total += 12800; + if (_editingTemplate.ShowDiscount) total -= 10000; + var change = 150000 - total; + return change.ToString("N0"); + } +} diff --git a/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Admin/Shop/ShopPage.razor b/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Admin/Shop/ShopPage.razor index bb29eac2..fc1c58ab 100644 --- a/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Admin/Shop/ShopPage.razor +++ b/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Admin/Shop/ShopPage.razor @@ -255,6 +255,10 @@ break; + case "receipt-templates": + + break; + case "schedule": break; @@ -503,6 +507,7 @@ case "shifts": _sectionTitle = "Ca làm việc"; _sectionIcon = "clock-4"; _sectionDescription = "Lịch ca làm, phân ca."; break; case "ai-chat": _sectionTitle = "AI Assistant"; _sectionIcon = "bot"; _sectionDescription = "Trợ lý AI — tương tác với hệ thống POS qua chat."; break; case "drive": _sectionTitle = "Lưu trữ"; _sectionIcon = "hard-drive"; _sectionDescription = "Quản lý tệp và thư mục."; break; + case "receipt-templates": _sectionTitle = "Template Hoá đơn"; _sectionIcon = "receipt"; _sectionDescription = "Quản lý mẫu hoá đơn in."; break; default: _sectionTitle = Section ?? "Trang"; _sectionIcon = "layout-dashboard"; _sectionDescription = "Trang đang phát triển."; break; } } diff --git a/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Admin/Shop/ShopSettings.razor b/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Admin/Shop/ShopSettings.razor index 1a294018..68c6954a 100644 --- a/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Admin/Shop/ShopSettings.razor +++ b/apps/web-client-tpos-net/src/WebClientTpos.Client/Pages/Admin/Shop/ShopSettings.razor @@ -1,10 +1,12 @@ @using WebClientTpos.Client.Services @using WebClientTpos.Client.Pages.Admin.Shop +@using System.Text.Json @inject PosDataService DataService @inject MerchantApiService MerchantApi @inject IDialogService DialogService @inject ISnackbar Snackbar @inject NavigationManager NavigationManager +@inject IJSRuntime JS @* ─── Shop info (read-only) ─── *@
@@ -78,6 +80,29 @@ }
+@* ─── EN: Receipt Template Configuration ─── *@ +@* ─── VI: Cấu hình mẫu hoá đơn in ─── *@ +
+
+

+ + Hoá đơn in +

+
+
+
+
Quản lý mẫu hoá đơn
+
+ Mẫu đang dùng: @(_activeReceiptTemplateName ?? "Mẫu mặc định") +
+
+ +
+
+ @* ─── EN: AI Assistant Configuration ─── *@ @* ─── VI: Cấu hình AI Assistant ─── *@
@@ -264,9 +289,45 @@ { await LoadShopSettings(); await LoadAiConfig(); + await LoadActiveReceiptTemplateName(); } } + /// + /// EN: Load the name of the active (default) receipt template from localStorage. + /// VI: Tải tên mẫu hoá đơn mặc định từ localStorage. + /// + private async Task LoadActiveReceiptTemplateName() + { + try + { + var key = $"aPOS_receipt_templates_{ShopId}"; + var json = await JS.InvokeAsync("localStorage.getItem", key); + if (!string.IsNullOrWhiteSpace(json)) + { + var options = new JsonSerializerOptions { PropertyNameCaseInsensitive = true }; + var templates = JsonSerializer.Deserialize>(json, options); + _activeReceiptTemplateName = templates?.FirstOrDefault(t => t.IsDefault)?.Name + ?? templates?.FirstOrDefault()?.Name; + } + } + catch { /* non-fatal */ } + } + + private record ReceiptTemplateInfo(string? Name, bool IsDefault); + + /// + /// EN: Navigate to receipt templates management page. + /// VI: Điều hướng đến trang quản lý mẫu hoá đơn. + /// + private void NavigateToReceiptTemplates() + { + // EN: Build URL using ShopId from parameter — navigate to receipt-templates section of ShopPage + // VI: Xây dựng URL từ ShopId — điều hướng tới section receipt-templates của ShopPage + var shopIdStr = ShopId.ToString(); + NavigationManager.NavigateTo($"/admin/shop/{shopIdStr}/receipt-templates"); + } + private async Task LoadAiConfig() { try @@ -358,6 +419,10 @@ StateHasChanged(); } + // EN: Receipt template state + // VI: Trạng thái mẫu hoá đơn + private string? _activeReceiptTemplateName; + // EN: AI config state // VI: Trạng thái cấu hình AI private bool _aiEnabled; diff --git a/apps/web-client-tpos-net/src/WebClientTpos.Client/Services/ShopSidebarConfig.cs b/apps/web-client-tpos-net/src/WebClientTpos.Client/Services/ShopSidebarConfig.cs index 145ad15b..1b8d4926 100644 --- a/apps/web-client-tpos-net/src/WebClientTpos.Client/Services/ShopSidebarConfig.cs +++ b/apps/web-client-tpos-net/src/WebClientTpos.Client/Services/ShopSidebarConfig.cs @@ -44,6 +44,7 @@ public static class ShopSidebarConfig new("Shop_Menu_AiChat", "bot", "ai-chat"), new("Shop_Menu_Drive", "hard-drive", "drive"), new("Shop_Menu_Settings", "settings", "settings"), + new("Shop_Menu_ReceiptTemplates", "receipt", "receipt-templates"), }; List items = vertical switch @@ -125,6 +126,7 @@ public static class ShopSidebarConfig items.Add(new("Shop_Menu_AiChat", "bot", "ai-chat")); items.Add(new("Shop_Menu_Drive", "hard-drive", "drive")); items.Add(new("Shop_Menu_Settings", "settings", "settings")); + items.Add(new("Shop_Menu_ReceiptTemplates", "receipt", "receipt-templates")); } else { diff --git a/apps/web-client-tpos-net/src/WebClientTpos.Client/wwwroot/locales/en-US.json b/apps/web-client-tpos-net/src/WebClientTpos.Client/wwwroot/locales/en-US.json index ec76b20d..af1b25e7 100644 --- a/apps/web-client-tpos-net/src/WebClientTpos.Client/wwwroot/locales/en-US.json +++ b/apps/web-client-tpos-net/src/WebClientTpos.Client/wwwroot/locales/en-US.json @@ -395,6 +395,7 @@ "Shop_Menu_AiChat": "AI Assistant", "Shop_Menu_Drive": "Storage", "Shop_Menu_Settings": "Settings", + "Shop_Menu_ReceiptTemplates": "Receipt Templates", "Vertical_Cafe": "Café", "Vertical_Restaurant": "Restaurant / Bar", "Vertical_Karaoke": "Karaoke", diff --git a/apps/web-client-tpos-net/src/WebClientTpos.Client/wwwroot/locales/vi-VN.json b/apps/web-client-tpos-net/src/WebClientTpos.Client/wwwroot/locales/vi-VN.json index bc55ec4a..41101c03 100644 --- a/apps/web-client-tpos-net/src/WebClientTpos.Client/wwwroot/locales/vi-VN.json +++ b/apps/web-client-tpos-net/src/WebClientTpos.Client/wwwroot/locales/vi-VN.json @@ -395,6 +395,7 @@ "Shop_Menu_AiChat": "AI Assistant", "Shop_Menu_Drive": "Lưu trữ", "Shop_Menu_Settings": "Thiết lập", + "Shop_Menu_ReceiptTemplates": "Hoá đơn in", "Vertical_Cafe": "Café", "Vertical_Restaurant": "Nhà hàng / Bar", "Vertical_Karaoke": "Karaoke",