1.3 KiB
1.3 KiB
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
- Bình thường: