Web
File Structure

File Structure

      • *.tsx
      • *.tsx
    • styles/globals.css

    • Components

    API

    The API folder contains the utils for the API and WS calls to the backends, more details can be found in the API section.

    Layout

    This folder contains the layout components used in the application.

    • index file contains the main layout of the application.
    • menu contains the menu component used in the application.
    • grid-layout contains the grid layout component used in the application which can be used to toggle between the grid and list view of the child components.

    Home

    This folder contains components used in the home page of the application.

    • digital-twins contains the digital twins section of the home page which links to the digital twins page.
    • sensors contains the sensors section of the home page which links to the sensors page and displays low battery sensors and last updated sensors.

    Sensors

    This folder contains components used in the sensors page of the application.

    • live-charts displays the sensors data from the websockets in the form of charts. The charts are updated in real time. We have the ability to filter the data by the data type and we can compare the data using the LineComparison component.
    • live-message-list displays the live messages from the websockets in the form of a list. The messages are updated in real time.
    • data-table displays the sensors data from the websockets in the form of a table.
    • columns contains the columns definition for the data table.
    • toolbar contains the toolbar component for the data table.

    Twins

    • Digital Twins

    This folder contains components used in the digital twins page of the application.

    TODO: Add details about the components.

    File StructureuseWebSocket