Overview
The page consists of a table displaying information about different kiosk interfaces. Each row in the table represents a specific interface, and columns provide details such as the interface name, the number of associated devices, and actions that can be performed on the interface.
Key Components
Interface Name:
The leftmost column displays the name of each kiosk interface. Examples include "Test Layouts," "Student ID Scan," "Appointment," and "Default Layout."
Number of Devices:
The second column indicates the number of devices associated with each kiosk interface. This information helps users understand the scope and reach of each interface.
Actions:
The rightmost column provides action buttons for each interface.
Edit (Pencil Icon): Allows users to modify the kiosk interface by navigating to a specific URL.
Delete (Trash Icon): Enables users to delete the selected kiosk interface.
Add New
Located above the table, the "Add New" button allows users to create a new kiosk interface. Clicking this button triggers a modal with the title "Create Layout" and a form for users to input the details of the new layout.
Create Layout Modal
Modal Title:
"Create Layout" - Indicates that the modal is specifically for creating a new kiosk layout.
Form Fields:
Name:
An input field where users can specify the name for the new kiosk layout.
Submit Button:
A "Submit" button within the modal allows users to finalize the creation of the new layout.