Màn Hình: Sự Kiện Của Bạn (My Events)
Ngày tạo: 01/07/2026
Loại: Giao diện ứng dụng (APP UI) — Danh sách Sự kiện cá nhân
Ảnh tham chiếu:
- [Ảnh màn hình sự kiện của bạn](./images/Event (2).png)
1. Mô Tả Chung
Màn hình này hiển thị danh sách tất cả các sự kiện mà người dùng hiện tại đã nhấn đăng ký tham gia thành công. Danh sách được sắp xếp dạng cuộn dọc để người dùng tiện theo dõi lịch trình của mình.
2. Chi Tiết Giao Diện & Thành Phần
.png)
| Thành phần | Loại phần tử | Chi tiết hiển thị / Hành vi |
|---|---|---|
| Thanh Tiêu đề (Header) | Navigation Bar | Màu nâu đậm chứa nút Back (<-) và tiêu đề chính "Sự kiện của bạn" căn giữa. Điều hướng về Danh sách Sự kiện. |
| Danh sách Sự kiện | Vertical Scroll | Danh sách cuộn dọc hiển thị các sự kiện đã đăng ký dưới dạng các thẻ (cards). |
| Card Sự kiện | List Item | Mỗi thẻ đại diện cho một sự kiện đã đăng ký, bao gồm: - Bên trái: Hình ảnh thu nhỏ (thumbnail) kèm nhãn trạng thái "Đang mở" màu xanh lá. - Bên phải: Tiêu đề sự kiện rút gọn ("Lorem ipsum non viv..."), thông tin thời gian ("12:00 SA • 30/12/2026") và địa điểm ("TP. Hồ Chí Minh"). Nhấp vào để xem Chi tiết Sự kiện. |
3. Luồng Nghiệp Vụ & Logic Hoạt Động
- Xem chi tiết: Nhấn vào bất kỳ thẻ sự kiện nào trong danh sách sẽ chuyển người dùng đến màn hình Chi tiết Sự kiện.
- Quay lại: Nhấn vào nút mũi tên quay lại (
<-) trên thanh tiêu đề để trở về màn hình Danh sách Sự kiện. - Cập nhật trạng thái: Khi một sự kiện thay đổi trạng thái (ví dụ: chuyển từ "Đang mở" sang "Đã đóng" hoặc "Đang diễn ra"), nhãn trạng thái trên card sự kiện sẽ tự động cập nhật màu sắc và nội dung tương ứng.