This commit is contained in:
2026-07-20 14:46:07 +07:00
parent 476c41cf08
commit 4a159cad71
10 changed files with 2224 additions and 3 deletions

View File

@@ -52,9 +52,52 @@
<button class="icon-button" type="button" title="Đồng bộ dữ liệu" data-refresh-page>
<span class="material-symbols-outlined">sync</span>
</button>
<button class="icon-button" type="button" title="Thông báo" data-toast="Chưa có thông báo mới">
<span class="material-symbols-outlined">notifications</span>
</button>
<div class="notification-center" data-notification-center>
<button
id="notificationButton"
class="icon-button notification-button"
type="button"
title="Thông báo"
aria-label="Mở thông báo"
aria-controls="notificationPanel"
aria-expanded="false"
data-notification-toggle
>
<span class="material-symbols-outlined">notifications</span>
<span class="notification-badge" data-notification-badge hidden>0</span>
</button>
<section id="notificationPanel" class="notification-panel" aria-label="Thông báo" hidden data-notification-panel>
<div class="notification-panel-header">
<div>
<strong>Thông báo</strong>
<span data-notification-summary>Đang tải...</span>
</div>
<button class="text-button" type="button" data-notification-read-all>Đánh dấu đã đọc</button>
</div>
<div class="notification-tabs" role="tablist" aria-label="Lọc thông báo">
<button class="active" type="button" role="tab" aria-selected="true" data-notification-filter="all">Tất cả</button>
<button type="button" role="tab" aria-selected="false" data-notification-filter="unread">Chưa đọc</button>
</div>
<div class="notification-list" data-notification-list></div>
<div class="notification-empty" data-notification-empty hidden>
<span class="material-symbols-outlined">notifications_none</span>
<strong>Chưa có thông báo</strong>
<span>Các cập nhật quan trọng sẽ xuất hiện tại đây.</span>
</div>
<% if (currentUser.role === 'Admin') { %>
<div class="notification-panel-footer">
<button class="btn btn-primary" type="button" data-modal-open="systemNotificationModal">
<span class="material-symbols-outlined">campaign</span>
Đăng thông báo hệ thống
</button>
</div>
<% } %>
</section>
</div>
<% if (currentUser.role === 'User') { %>
<button class="profile-chip profile-chip-button" type="button" title="Cập nhật thông tin cá nhân" aria-label="Cập nhật thông tin cá nhân" data-modal-open="profileModal">
<span class="profile-avatar"><%= currentUser.name.charAt(0) %></span>