Tạo khối Slider
Khối loại Slider — một trình chỉnh sửa hoàn chỉnh cho slider trên trang chính hoặc bất kỳ màn hình nào khác. Hỗ trợ cấu trúc cây cho các slide với độ lồng ghép, kéo và thả, cài đặt thời gian hiển thị riêng cho từng slide.
Màn hình cũ SliderEditMainPage.js đã bị xóa — không còn mở được nữa. Tất cả cài đặt slider hiện chỉ có trong trình chỉnh sửa mới.
1. Tạo khối
Trong trường Tên, nhập tên, trong trường "Loại" chọn "Slider" và chỉ định
2. Cài đặt Slider — cài đặt toàn cầu
Trên màn hình Cài đặt Slider có các tham số chung cho slider:
- time — thời gian hiển thị của mỗi slide.
- timeInterval — đơn vị đo: giây hoặc mili giây.
Các cài đặt này được áp dụng cho tất cả các slide mà không có thời gian hiển thị riêng.
3. Danh sách slide
Danh sách slide được hiển thị dưới dạng bảng cây (thông qua thành phần chung JsonToHtmlTable). Hỗ trợ kéo và thả:
- Có thể kéo slide giữa các cha (nhúng một slide vào slide khác).
- Có thể thay đổi thứ tự các slide trong cùng một cấp độ.
Mỗi slide được đại diện bởi thẻ SlideCard, trong đó hiển thị:
- Hình ảnh và văn bản xem trước.
- Công tắc hiển thị (hiện/không hiện).
- Biểu tượng thời gian hiển thị (với chuyển đến modal cài đặt).
- Nút xóa.
4. Thời gian hiển thị của một slide riêng lẻ
Cho mỗi slide, có thể chỉ định thời gian hiển thị độc lập, khác với cài đặt toàn cầu. Nhấn vào biểu tượng thời gian trong thẻ slide — sẽ mở modal SlideTimeSettingsModal:
- Đơn vị đo: giây / phút / giờ.
- Kiểm tra tính hợp lệ của các trường (không thể chỉ định các giá trị mâu thuẫn cùng một lúc).
Nếu không có thời gian riêng cho slide — sẽ sử dụng thời gian toàn cầu từ Cài đặt Slider.
5. Chỉnh sửa slide (SlideEditPage)
Nhấn vào slide sẽ mở trang SlideEditPage — một trang chỉnh sửa riêng với:
- Breadcrumbs — điều hướng qua các cấp độ lồng ghép của slider.
- Bộ chọn tập hợp thuộc tính — chọn tập hợp thuộc tính, được áp dụng cho slide này.
- Các slide con lồng ghép — slide có thể có các slide con của riêng nó, tạo thành các nhóm con.