Web Interface

Web Interface

Dashboard

• Battery Table

  • Displays a list of all batteries in the system along with their codes, statuses, elapsed or remaining cooldown times, and last status change timestamps.

  • Each battery row includes an Edit button for modifying the battery code and status.

• Video Feed

  • A draggable video feed from the connected camera for barcode scanning.
  • Can be repositioned on the screen by clicking and dragging.

• Notifications

  • Flash messages provide feedback on actions like adding, editing, or deleting batteries.

Manual Battery Entry

• Located at the top of the dashboard.
• Enter a battery code manually to update its status.
• If the battery is not in the system, you will be prompted to add it.

Adding Batteries

• Automatic Addition via Scanning

  • When a new battery code is scanned and not recognized, the system will prompt you to add it.

• Manual Addition

  • Use the Add Battery button on the dashboard to generate a new battery code and add it to the system.

Editing Batteries

• Click the Edit button next to a battery in the table.

• A modal will appear allowing you to:

  • Change the Battery Code

    • Modify the battery code if necessary.
    • Caution: Changing the code will affect how the battery is tracked.

  • Update the Battery Status

    • Manually set the battery to a different status.
    • Ensure that status transitions are logical and adhere to the battery lifecycle.

  • Delete Battery

    • Within the edit modal, you have the option to delete the battery from the system.
    • A confirmation prompt will appear to prevent accidental deletions.

Deleting Batteries

• Batteries can be deleted from the system via the edit modal.
• Permanence: Deletion is permanent and cannot be undone.

Settings

• Accessed via the Settings button on the dashboard.

  • Cooldown Duration

    • Set the duration (in seconds) for cooldown periods.

  • Team Number

    • Update your team's number used for generating battery codes.

Logs

• Accessed via the View Logs button on the dashboard.
• Displays a table of all battery status changes and actions.
• Includes timestamps, battery codes, statuses, and other relevant information.

Barcode Scanning

• The application continuously scans for barcodes using the connected camera.

• When a battery barcode is scanned:

  • Existing Battery

    • The battery's status is updated according to the predefined lifecycle.

  • New Battery

    • If the battery is not recognized, the system will prompt you to add it.
    • Once added, scanning the battery will update its status as usual.

  • Audio Notification

    • A beep sound is played when a barcode is successfully scanned.