hiển thị thuyền thông tin tàu

This commit is contained in:
Tran Anh Tuan
2025-12-03 16:22:25 +07:00
parent 47e9bac0f9
commit 22a3b591c6
22 changed files with 2135 additions and 260 deletions

25
TAG_SEARCH_SHIP.md Normal file
View File

@@ -0,0 +1,25 @@
# Prompt: Tạo một component tags ở `components/ui/ShipSearchForm`
## Mục tiêu
- Tạo một component ShipSearchForm để:
- Cho người dùng nhập vào các trường Tên tàu, Số đăng ký, Chiều dài, Công suất, Loại tàu, Cảnh báo, Đội tàu
- Tên tàu và Số đăng ký là input cho người dùng nhập vào
- Nếu số lượng truyền vào bằng 0 thì sẽ không hiển thị
- Có callback khi nhấn vào tag
- Quy định màu:
- Bình thường:
- Chưa nhấn: nền trắng, chữ xanh, màu viền xanh lá
- Khi nhấn: nền xanh lá cây, chữ trắng, màu viền xanh lá
- Cảnh báo
- Chưa nhấn: nền trắng, chữ vàng, màu viền vàng
- Khi nhấn: nền vàng, chữ trắng, màu viền vàng
- Nguy hiểm
- Chưa nhấn: nền trắng, chữ cam, màu viền cam
- Khi nhấn: nền cam, chữ trắng, màu viền cam
- SOS
- Chưa nhấn: nền trắng, chữ đỏ, màu viền đỏ
- Khi nhấn: nền đỏ, chữ trắng, màu viền đỏ
- Mất kết nối
- Chưa nhấn: nền trắng, chữ xám đậm, màu viền xám đậm
- Khi nhấn: nền xám đậm, chữ trắng, màu viền xám đậm