dla-docs

Dịp đặc biệt

1. Mục đích

Module Dịp đặc biệt giúp bạn quản lý các dịp đặc biệt trong năm và chuẩn bị cho chúng, bao gồm:

2. Khi nào nên dùng

Sử dụng module này khi bạn muốn:

3. Các màn hình liên quan

4. Cách sử dụng chính

4.1 Thêm dịp đặc biệt

  1. Vào Chức năng → Chọn Dịp đặc biệt
  2. Nhấn nút + (FAB)
  3. Điền thông tin:
    • Tên dịp: (ví dụ: “Sinh nhật mẹ”)
    • Ngày: Chọn ngày/tháng (DatePicker chỉ chọn ngày/tháng, không có năm)
    • Sử dụng lịch âm: (Tùy chọn) Tick nếu muốn dùng lịch âm
      • Nếu tick: Nhập ngày và tháng âm, app tự tính ngày dương gần nhất
    • Lặp lại: Hằng năm / Chỉ năm nay
    • Hiện thông báo lúc: Chọn giờ (bắt buộc, ví dụ: 07:00)
    • Ghi chú: Thông tin bổ sung (tùy chọn)
  4. (Tùy chọn) Thêm các bước chuẩn bị (xem 4.2)
  5. Nhấn Lưu

4.2 Thêm bước chuẩn bị

  1. Khi thêm dịp mới: Nhấn + Thêm bước trong section “Các bước chuẩn bị”
  2. Hoặc từ chi tiết dịp: Nhấn + Thêm bước
  3. Điền thông tin:
    • Khi nào?: “X ngày trước” hoặc “Đúng ngày”
    • Số ngày: (nếu chọn “X ngày trước”) Nhập số ngày trước dịp
    • Hiện thông báo lúc: Chọn giờ (bắt buộc)
    • Nhắc lại mỗi ngày đến khi hoàn thành: (Tùy chọn) Tick nếu muốn nhắc mỗi ngày
    • Nội dung: Tên bước (bắt buộc, ví dụ: “Mua quà”)
    • Ghi chú: (Tùy chọn)
    • Dùng checklist: (Tùy chọn) Tick để liên kết với checklist mua sắm
  4. Nhấn Thêm (hoặc FAB “Áp dụng”)

4.3 Tạo checklist

  1. Khi thêm bước chuẩn bị, tick Dùng checklist
  2. Màn hình “Chọn checklist mua sắm” tự động mở
  3. Nhấn FAB + để tạo checklist mới
  4. Nhập tên checklist
  5. Thêm các mục:
    • Nhập tên mục
    • Nhấn + để thêm mục mới
  6. Nhấn Lưu
  7. Checklist mới được tự động chọn và quay lại màn hình “Thêm bước chuẩn bị”

4.4 Đánh dấu hoàn thành bước

  1. Vào chi tiết dịp đặc biệt
  2. Tìm bước cần đánh dấu
  3. Nhấn vào checkbox [ ] để chuyển thành [✓]
  4. Nếu có checklist, nhấn vào tên checklist để xem và tick/untick các món

4.5 Xem tiến độ

  1. Vào chi tiết dịp đặc biệt
  2. Xem section “Tổng quan”:
    • Số bước chuẩn bị: Tổng số bước
    • Đã hoàn thành: Số bước đã tick / Tổng số bước
    • Trạng thái: Chưa bắt đầu / Đang chuẩn bị / Hoàn tất

4.6 Sửa dịp đặc biệt

  1. Vào chi tiết dịp đặc biệt
  2. Nhấn hyperlink Sửa › ở header
  3. Chỉnh sửa thông tin: Tên, ngày, lặp lại, giờ nhắc, ghi chú
  4. Nhấn Lưu

4.7 Sửa bước chuẩn bị

  1. Vào chi tiết dịp đặc biệt
  2. Nhấn vào bước cần sửa (click vào toàn bộ item, trừ icon Xóa)
  3. Chỉnh sửa thông tin: Thời gian, nội dung, checklist
  4. Nhấn Áp dụng (hoặc FAB)

5. Ví dụ & minh hoạ giao diện

OCCASION-01: Tạo dịp đặc biệt mới (sinh nhật với các bước chuẩn bị)

Mục tiêu: Tạo một dịp đặc biệt mới (sinh nhật) với các bước chuẩn bị để app tự động nhắc nhở trước khi dịp diễn ra.

Các bước chính:

  1. Vào Chức năng → Dịp đặc biệt → Nhấn nút “+” (FAB)
  2. Nhập tên dịp, chọn ngày (05/01), chọn lặp lại “Hằng năm”, chọn giờ nhắc (07:00)
  3. Thêm bước chuẩn bị 1: “7 ngày trước – 08:00” - “Mua quà”
  4. Thêm bước chuẩn bị 2: “1 ngày trước – 19:00” - “Đặt bánh”
  5. Nhấn “Lưu”

Wireframe - Màn hình Thêm dịp đặc biệt:

┌──────────────────────────────────────────────┐
│ <  Thêm dịp đặc biệt                          │
└──────────────────────────────────────────────┘

┌──────────────────────────────────────────────┐
│ 📝 Thông tin dịp                              │
│                                               │
│ Tên dịp *                                     │
│ [ Sinh nhật bé An                    ]       │
│                                               │
│ Ngày                                          │
│ [ 05 / 01            ▼ ]                      │
│ (DatePicker chỉ chọn ngày/tháng)             │
│                                               │
│ [ ] Sử dụng lịch âm                           │
│                                               │
│ Lặp lại                                       │
│ (•) Hằng năm                                   │
│ ( ) Chỉ năm nay                                │
│                                               │
│ Hiện thông báo lúc *                          │
│ [ 07:00        ▼ ]                            │
│                                               │
│ Ghi chú (tuỳ chọn)                             │
│ [                                      ]      │
└──────────────────────────────────────────────┘

┌──────────────────────────────────────────────┐
│ 📋 Các bước chuẩn bị          [ + Thêm bước ]│
│ ┌──────────────────────────────────────────┐ │
│ │  1. Mua quà                   [Icon Xóa] │ │
│ │     7 ngày trước – 08:00                 │ │
│ │ ──────────────────────────────────────── │ │
│ │  2. Đặt bánh                   [Icon Xóa] │ │
│ │     1 ngày trước – 19:00                 │ │
│ └──────────────────────────────────────────┘ │
└──────────────────────────────────────────────┘

        [ Hủy ]                        [ Lưu ]

OCCASION-02: Tạo dịp đặc biệt dùng lịch âm (Giỗ với checklist mua sắm)

Mục tiêu: Tạo một dịp đặc biệt dùng lịch âm (Giỗ) với các bước chuẩn bị có liên kết checklist mua sắm để theo dõi việc mua đồ cúng.

Các bước chính:

  1. Vào Chức năng → Dịp đặc biệt → Nhấn nút “+” (FAB)
  2. Nhập tên dịp “Giỗ mẹ”, tick “Sử dụng lịch âm”
  3. Nhập ngày âm: 15/11, app tự tính ngày dương: 15/12/2025
  4. Thêm 3 bước chuẩn bị, trong đó bước 2 có liên kết checklist “mua đồ cúng”
  5. Nhấn “Lưu”

Wireframe - Chọn ngày âm:

│ │ │ Ngày âm                                     │ │ │
│ │ │ Ngày (1-30)    Tháng (1-12)                │ │ │
│ │ │ [ 15 ]        [ 11 ]                       │ │ │
│ │ │                                               │ │ │
│ │ │ Ngày dương lịch (tự tính - chỉ hiển thị)    │ │ │
│ │ │ [ Text: 15/12/2025                 ]         │ │ │
│ │ │ (Đây là ngày dương GẦN NHẤT trong tương lai)│ │ │

OCCASION-03: Xem danh sách và chi tiết dịp đặc biệt

Mục tiêu: Xem tổng quan các dịp đặc biệt, lọc theo thời gian, và xem chi tiết từng dịp với tiến độ chuẩn bị.

Các bước chính:

  1. Vào Chức năng → Dịp đặc biệt
  2. Xem danh sách với filter “Tất cả”, “Sắp tới”, “Tháng này”
  3. Nhấn vào card dịp để xem chi tiết
  4. Xem tổng quan: Số bước, Đã hoàn thành, Trạng thái
  5. Đánh dấu hoàn thành bước bằng cách tick checkbox

Wireframe - Màn hình Danh sách dịp đặc biệt:

┌────────────────────────────────────────────────────────────┐
│ 📅 Danh sách dịp đặc biệt                                   │
│                                                              │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ [ + Thêm dịp ]                                         │ │
│ └────────────────────────────────────────────────────────┘ │
│                                                              │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ 🔍 Filter: [ Tất cả ]  [ Sắp tới ]  [ Tháng này ]      │ │
│ └────────────────────────────────────────────────────────┘ │
│                                                              │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ 📌 Giỗ mẹ                 [Đang chuẩn bị] [Icon Xóa] │ │
│ │ ┌────────────────────────────────────────────────────┐ │ │
│ │ │ 📅 15/12/2025 • 15/11 (Âm) • Còn 10 ngày            │ │ │
│ │ │                                                      │ │ │
│ │ │ ✅ Các bước cần chuẩn bị:                            │ │ │
│ │ │   [✓] 3 ngày trước – Lên danh sách đồ cúng         │ │ │
│ │ │   [ ] 1 ngày trước – Đi chợ chuẩn bị đồ cúng        │ │ │
│ │ │   [ ] Đúng ngày – Chuẩn bị bàn thờ / làm lễ         │ │ │
│ │ └────────────────────────────────────────────────────┘ │ │
│ └────────────────────────────────────────────────────────┘ │

Wireframe - Màn hình Chi tiết dịp đặc biệt:

┌─────────────────────────────────────────────────────────┐
│ 📋 Chi tiết dịp đặc biệt                                    │
│                                                              │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ 📌 Giỗ mẹ                                   [Sửa ›]        │ │
│ │ ┌────────────────────────────────────────────────────┐ │ │
│ │ │ 15/12/2025 (Dương) • 15/11 (Âm lịch)              │ │ │
│ │ │ Còn 10 ngày • Lặp lại: Hằng năm                    │ │ │
│ │ │                                                      │ │ │
│ │ │ Ghi chú:                                             │ │ │
│ │ │ Làm mâm cơm nhỏ, hoa trắng, hạn chế khách mời.      │ │ │
│ │ └────────────────────────────────────────────────────┘ │ │
│ └────────────────────────────────────────────────────────┘ │
│                                                              │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ 📊 Tổng quan                                            │ │
│ │ ┌────────────────────────────────────────────────────┐ │ │
│ │ │ Số bước chuẩn bị: 3                                │ │ │
│ │ │ Đã hoàn thành: 1 / 3                               │ │ │
│ │ │ Trạng thái: [Đang chuẩn bị]                       │ │ │
│ │ └────────────────────────────────────────────────────┘ │ │
│ └────────────────────────────────────────────────────────┘ │
│                                                              │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ 📝 Các bước chuẩn bị                  [ + Thêm bước ]                  │ │
│ │ ┌────────────────────────────────────────────────────┐ │ │
│ │ │ [✓] Lên danh sách đồ cúng                [Icon Xóa]           │ │ │
│ │ │     3 ngày trước – 08:00                          │ │ │
│ │ │     Hoàn thành lúc 09:15 – 12/12/2025              │ │ │
│ │ │ ──────────────────────────────────────────────────── │ │ │
│ │ │                                                      │ │ │
│ │ │ [ ] Đi chợ chuẩn bị đồ cúng                [Icon Xóa]            │ │ │
│ │ │     1 ngày trước – 19:00                        │ │ │
│ │ │     Nhắc lại mỗi ngày đến khi hoàn thành            │ │ │
│ │ │     Checklist mua sắm: mua đồ cúng ›                 │ │ │
│ │ │     [✓] Hoàn thành 3 / 8 món                            │ │ │
│ │ └────────────────────────────────────────────────────┘ │ │
│ └────────────────────────────────────────────────────────┘ │

OCCASION-04: Thêm bước chuẩn bị với checklist mua sắm

Mục tiêu: Thêm bước chuẩn bị mới cho dịp đặc biệt và liên kết với checklist mua sắm để theo dõi việc mua đồ.

Các bước chính:

  1. Vào chi tiết dịp đặc biệt → Nhấn “+ Thêm bước”
  2. Chọn “Khi nào?”: “X ngày trước”, nhập số ngày: 1
  3. Chọn giờ nhắc: 19:00
  4. Bật “Nhắc lại mỗi ngày đến khi hoàn thành”
  5. Nhập nội dung: “Đi chợ chuẩn bị đồ cúng”
  6. Tick “Dùng checklist” → Chọn checklist “mua đồ cúng”
  7. Nhấn “Thêm”

Wireframe - Màn hình Thêm bước chuẩn bị:

┌────────────────────────────────────────────────────────────┐
│ ➕ Thêm bước chuẩn bị                                       │
│                                                              │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ ⏰ Thời gian chuẩn bị                                       │ │
│ │ ┌────────────────────────────────────────────────────┐ │ │
│ │ │ Khi nào? * (bắt buộc)                             │ │ │
│ │ │ [ X ngày trước         ▼ ]                        │ │ │
│ │ │                                                      │ │ │
│ │ │ Số ngày * (chỉ hiển thị khi chọn "X ngày trước") │ │ │
│ │ │ [  1  ]  ngày trước                                │ │ │
│ │ │                                                      │ │ │
│ │ │ Hiện thông báo lúc * (bắt buộc)                   │ │ │
│ │ │ [ 19:00        ▼ ]                                 │ │ │
│ │ │                                                      │ │ │
│ │ │ [✓] Nhắc lại mỗi ngày đến khi hoàn thành            │ │ │
│ │ └────────────────────────────────────────────────────┘ │ │
│ └────────────────────────────────────────────────────────┘ │
│                                                              │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ 📝 Nội dung                                            │ │
│ │ ┌────────────────────────────────────────────────────┐ │ │
│ │ │ Nội dung * (bắt buộc)                             │ │ │
│ │ │ [ Đi chợ chuẩn bị đồ cúng               ]          │ │ │
│ │ └────────────────────────────────────────────────────┘ │ │
│ └────────────────────────────────────────────────────────┘ │
│                                                              │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ 🔗 Liên kết với checklist mua sắm?                     │ │
│ │ ┌────────────────────────────────────────────────────┐ │ │
│ │ │ ☑ Dùng checklist                                    │ │ │
│ │ │ Checklist mua sắm: mua đồ cúng ›        [Icon Swap]  │ │ │
│ │ │ (8 món)                                             │ │ │
│ │ └────────────────────────────────────────────────────┘ │ │
│ └────────────────────────────────────────────────────────┘ │
│                                                              │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ [ Hủy ]                        [ Thêm ]               │ │
│ └────────────────────────────────────────────────────────┘ │
└────────────────────────────────────────────────────────────┘

OCCASION-05: Đánh dấu hoàn thành bước chuẩn bị và xem tiến độ checklist

Mục tiêu: Đánh dấu hoàn thành các bước chuẩn bị và theo dõi tiến độ checklist mua sắm.

Các bước chính:

  1. Vào chi tiết dịp đặc biệt
  2. Xem bước có checklist với tiến độ “Hoàn thành 3 / 8 món”
  3. Nhấn vào tên checklist để xem chi tiết và tick/untick các món
  4. Tick checkbox bước để đánh dấu hoàn thành
  5. Xem “Tổng quan” cập nhật real-time

OCCASION-06: Sửa dịp đặc biệt và bước chuẩn bị

Mục tiêu: Chỉnh sửa thông tin dịp đặc biệt và các bước chuẩn bị sau khi đã tạo.

Các bước chính:

  1. Vào chi tiết dịp đặc biệt → Nhấn “Sửa ›”
  2. Chỉnh sửa tên dịp, ghi chú
  3. Nhấn “Lưu”
  4. Nhấn vào bước để sửa: Thay đổi thời gian, nội dung
  5. Nhấn icon Xóa để xóa bước (có confirm dialog)

6. Logic & quy tắc

6.1 Ngày âm lịch

6.2 Lặp lại

6.3 Bước chuẩn bị

6.4 Checklist

6.5 Thông báo

7. Lưu ý quan trọng