Account Management Dashboard - Copy this Html, Tailwind Component to your project
Trang-Manage-Account-Sideboard-•-Vị-trí:-Luôn-hiển-thị-ở-bên-trái-màn-hình,-cố-định-khi-cuộn-trang.-•-Chức-năng:-Cho-phép-Admin-chuyển-đổi-giữa-các-chức-năng-quản-trị:-•-Manage-Books:-Quản-lý-sách-trong-hệ-thống.-•-Manage-Account:-Quản-lý-tài-khoản-người-dùng.-•-Borrow-Books:-Quản-lý-sách-đã-mượn.-•-Return-Books:-Quản-lý-sách-được-trả.-Thanh-Tìm-Kiếm-•-Vị-trí:-Phía-trên-cùng,-góc-trái-của-trang.-•-Chức-năng:-•-Admin-nhập-từ-khóa-tìm-kiếm-(tên-người-dùng)-để-tìm-người-dùng-nhanh-chóng.-•-Kết-quả-tìm-kiếm-sẽ-tự-động-cập-nhật-danh-sách-hiển-thị-bên-dưới.-•-Phương-thức-hoạt-động:-•-Khi-Admin-gõ-tên-người-dùng,-hệ-thống-gửi-yêu-cầu-tìm-kiếm-đến-server.-•-Server-trả-về-danh-sách-tài-khoản-phù-hợp-với-từ-khóa-tìm-kiếm-và-cập-nhật-giao-diện.-Danh-Sách-Tài-Khoản-Hiển-Thị-•-Cột-hiển-thị:-•-ID:-Hiển-thị-ID-number-của-người-dùng.-•-Name:-Tên-đầy-đủ-của-người-dùng.-•-Username:-Tên-đăng-nhập-của-người-dùng.-•-Gender:-Giới-tính-của-người-dùng.-•-Email:-Email-của-người-dùng.-•-Date-of-Birth:-Ngày-tháng-năm-sinh.-•-Phone:-Số-điện-thoại-của-người-dùng.-•-Address:-Địa-chỉ-của-người-dùng.-•-Violation-Count:-Số-lần-vi-phạm-(có-thể-chỉnh-sửa).-•-Status:-Trạng-thái-tài-khoản-(Hoạt-động-/-Bị-khóa).-•-Tính-năng:-•-Hiển-thị-toàn-bộ-danh-sách-tài-khoản-từ-cơ-sở-dữ-liệu.-•-Cho-phép-Admin-nhấp-vào-từng-hàng-để-chỉnh-sửa-thông-tin.-•-Danh-sách-tự-động-làm-mới-khi-có-thay-đổi-(tìm-kiếm,-thêm,-chỉnh-sửa).-Nút-“Add-Account”-•-Chức-năng:-•-Khi-nhấn,-mở-một-pop-up-để-nhập-thông-tin-người-dùng-mới.-Pop-up-Thêm-Người-Dùng-•-Hiển-thị-thông-tin:-•-ID-User:-Không-chỉnh-sửa.-•-Name:-Có-thể-chỉnh-sửa.-•-Username:-Có-thể-chỉnh-sửa.-•-Password:-Có-thể-chỉnh-sửa.-•-Gender:-Danh-sách-lựa-chọn-(Male,-Female,-Other).-•-Email:-Có-thể-chỉnh-sửa.-•-Date-of-Birth:-Có-thể-chỉnh-sửa.-•-Phone:-Có-thể-chỉnh-sửa.-•-Address:-Có-thể-chỉnh-sửa.-•-Violation-Count:-Nhập-số-lần-vi-phạm-ban-đầu-(mặc-định-là-0).-•-Status:-Mặc-định-là-Active-(Hoạt-động).-•-Tính-năng:-•-Các-trường-nhập-liệu-có-thể-chỉnh-sửa-(ngoại-trừ-ID-User).-•-Nút-“Save-Changes”:-•-Gửi-thông-tin-người-dùng-đến-server-để-lưu-vào-cơ-sở-dữ-liệu.-•-Hiển-thị-thông-báo-nếu-lưu-thành-công-hoặc-thất-bại.-•-Nút-“Close”-(X):-•-Đóng-biểu-mẫu-pop-up-mà-không-lưu-thay-đổi.-Chức-năng-Chỉnh-Sửa-Số-Lần-Vi-Phạm-•-Vị-trí:-•-Mỗi-hàng-tài-khoản-trong-danh-sách-sẽ-hiển-thị-hai-nút-”+”-và-”-”-bên-cạnh-cột-Violation-Count.-•-Phương-thức-hoạt-động:-1.-Admin-nhấn-”+”-để-tăng-số-lần-vi-phạm.-2.-Admin-nhấn-”-”-để-giảm-số-lần-vi-phạm-(không-thấp-hơn-0).-3.-Mỗi-lần-thay-đổi,-hệ-thống-gửi-yêu-cầu-cập-nhật-đến-server-và-làm-mới-danh-sách.-Chức-năng-Khóa/Mở-Khóa-Tài-Khoản-•-Vị-trí:-•-Một-nút-“Lock/Unlock”-nằm-bên-cạnh-nút-“Edit”-trong-mỗi-hàng-tài-khoản.-•-Hành-động-khi-nhấn-nút-Lock/Unlock:-•-Hiển-thị-một-pop-up-xác-nhận-khóa/mở-khóa-tài-khoản.-Pop-up-Xác-Nhận-Khóa/Mở-Khóa-•-Hiển-thị-nội-dung:-•-Một-câu-hỏi-như:-“Bạn-có-chắc-muốn-[khóa/mở-khóa]-tài-khoản-này-không?”-•-Thông-tin-tài-khoản-bị-ảnh-hưởng-như:-Tên-tài-khoản,-ID-(nếu-cần).-•-Nút-lựa-chọn-trong-Pop-up:-•-“Yes”:-•-Gửi-yêu-cầu-khóa/mở-khóa-tài-khoản-đến-server.-•-Trạng-thái-tài-khoản-sẽ-được-cập-nhật-(Active-→-Locked-hoặc-ngược-lại).-•-Hiển-thị-thông-báo:-“Tài-khoản-đã-được-[khóa/mở-khóa]-thành-công!”-•-“Cancel”:-•-Đóng-pop-up-và-không-thực-hiện-thao-tác-khóa/mở-khóa.-Quy-trình-Hoạt-Động-1.-Tìm-kiếm-tài-khoản:-•-Admin-nhập-từ-khóa-vào-thanh-tìm-kiếm.-•-Hệ-thống-lọc-và-hiển-thị-danh-sách-tài-khoản-phù-hợp.-2.-Thêm-tài-khoản-mới:-•-Admin-nhấn-“Add-Account”-để-mở-pop-up.-•-Nhập-đầy-đủ-thông-tin-và-nhấn-“Save-Changes”-để-lưu.-3.-Chỉnh-sửa-tài-khoản:-•-Admin-nhấp-vào-một-hàng-tài-khoản-trong-danh-sách.-•-Pop-up-mở-ra,-cho-phép-chỉnh-sửa-thông-tin.-•-Nhấn-“Save-Changes”-để-cập-nhật-thông-tin.-4.-Chỉnh-sửa-số-lần-vi-phạm:-•-Admin-nhấn-nút-”+”-để-tăng-hoặc-”-”-để-giảm-số-lần-vi-phạm.-•-Danh-sách-sẽ-tự-động-làm-mới-sau-mỗi-lần-cập-nhật.-5.-Khóa/mở-khóa-tài-khoản:-•-Admin-nhấn-nút-“Lock/Unlock”.-•-Hệ-thống-hiển-thị-pop-up-xác-nhận-khóa/mở-khóa.-•-Sau-khi-xác-nhận,-trạng-thái-tài-khoản-sẽ-được-cập-nhật.-6.-Đóng-pop-up:-•-Admin-nhấn-nút-“Close”-hoặc-biểu-tượng-X-để-đóng-pop-up-mà-không-lưu-thay-đổi.
