Skip to main content

1. Điều kiện tiên quyết (Pre-conditions)

  • Người dùng đã đăng nhập thành công vào ứng dụng ILU PET.

2. Tiêu chí chấp nhận (Acceptance Criteria)

  • Hiển thị danh sách: Liệt kê các thú cưng đã được người dùng khai báo trong hồ sơ. Hiển thị dạng danh sách trượt ngang (Horizontal Scroll) nếu có nhiều thú cưng.
  • UI Card: Mỗi thẻ thú cưng bao gồm Ảnh đại diện (Avatar tròn/vuông bo góc), Tên thú cưng, Giống loài (Dog/Cat), và Dữ liệu cơ bản (Tuổi/Cân nặng).
  • Hành động:
    • Nhấp vào một thẻ thú cưng sẽ điều hướng đến trang chi tiết Hồ sơ thú cưng tương ứng.
    • Nút “Xem tất cả”: Hiển thị ở góc trên bên phải của vùng widget. Nhấp vào sẽ mở ra trang Danh sách toàn bộ thú cưng của người dùng.
  • Trường hợp Empty State: Nếu người dùng chưa thêm thú cưng nào, hiển thị một thẻ Placeholder có hình minh hoạ kèm nút CTA nổi bật: “Thêm thú cưng đầu tiên của bạn”.
  • Cung cấp một Grid (dạng lưới) chứa các biểu tượng icon tác vụ thường dùng nhất để người dùng truy cập nhanh chỉ với 1 chạm:
    • Đặt lịch hẹn: Link tới tính năng Tìm kiếm & Booking (US-OWN-09).
    • Mua sắm: Link tới gian hàng sản phẩm (US-OWN-14).
    • Dịch vụ Lưu trú: Link tới tính năng tìm kiếm khách sạn thú cưng/Daycare (US-OWN-10).
    • Sổ sức khoẻ: Link tới hồ sơ y tế điện tử của thú cưng.
  • Mục đích: Hiển thị các sự kiện, lịch trình sắp tới liên quan đến thú cưng để chủ nuôi chủ động sắp xếp thời gian và không bị bỏ lỡ.
  • Các loại nhắc nhở bao gồm:
    • Lịch hẹn sắp tới (Upcoming Booking).
    • Lịch nhắc tiêm phòng định kỳ / Xổ giun.
  • Hiển thị: Dạng danh sách list dọc ngắn gọn, sắp xếp theo thứ tự thời gian gần nhất lên đầu. Mỗi item hiển thị: Tên sự kiện, Thời gian (Ngày/Giờ), và Tên thú cưng áp dụng sự kiện đó.
  • Trường hợp Empty State: Hiển thị thông báo thân thiện “Hiện tại bé cưng chưa có lịch trình nào sắp tới. Bạn có thể đặt lịch ngay!”