Dashboard

A main page of Broker Application

The Dashboard serves as the first access page after login for airline company brokers, providing an immediate and intuitive overview of activities and flights associated with the broker. At the center of the Dashboard is an interactive calendar based on the FullCalendar library, displaying flights as day events. Each event on the calendar represents a flight managed by the broker and is displayed with a specific color based on the flight status and number of booked passengers. Event colors are defined as follows:

• Light gray: Indicates a flight that cannot be canceled.

• Gray: Indicates a flight with no booked passengers. These flights appear in gray to highlight seat availability.

• Yellow: Signals a flight with booked passengers but the Passenger Name List (PNL) has not yet been created or sent. This yellow color alerts the broker to the importance of completing the PNL for the flight.

• Green: Indicates a flight for which the PNL has been successfully created and sent.

This green color confirms that the booking process has been successfully completed. Clicking on an event on the calendar automatically redirects the broker to the corresponding flight detail page. Here, they will have the opportunity to enter or modify passenger data, thus completing the booking and flight management process. The Dashboard provides a clear and immediate view of broker activities, facilitating efficient flight management and ensuring high-quality service to customers. With its intuitive interface and advanced features, the Dashboard serves as the core of our system, putting flight management power directly into the hands of airline company brokers. When the broker lands on the dashboard, FullCalendar - in timeline mode - must be updated with flight events and resources. Below is the route to obtain the required data.

FullCalendar works with event and resource:

// Event
curl --location --request GET 'https://mydomain.belevensoftware.com/api/broker/v0/calendar/timeline/event?start=2024-01-01&end=2024-12-31' \
--header 'Authorization: Bearer XXXX'

// Resource
curl --location --request GET 'https://mydomain.belevensoftware.com/api/broker/v0/resource/timeline/event?start=2024-01-01&end=2024-12-31' \
--header 'Authorization: Bearer XXXX'

The server answer with a JSON

//Events 

[
    {
        "resourceId": 41,
        "flight_id": 26857,
        "flight_number": "LWG1779",
        "backgroundColor": "gray",
        "textColor": "white",
        "borderColor": "gray",
        "start": "2024-02-09 08:15",
        "end": "2024-02-09 10:05",
        "dep": {
            "icao": "LICT",
            "iata": "TPS",
            "country": "Italy ()",
            "city": "Trapani"
        },
        "arr": {
            "icao": "LIPQ",
            "iata": "TRS",
            "country": "Italy ()",
            "city": "Ronchi De Legionari"
        },
        "url": "broker.luxwing.belevensoftware.com",
        "api_version": "v0",
        "passengers": 0
    }
]

// Resource
[
    {
        "id": 41,
        "title": "9H-LWB",
        "model": {}
    }
]