restart-schiphol-2.js

class FlightTable {
  constructor(domNode) {
    this.tableNode = $(domNode);
    this.tableBody = this.tableNode.find('tbody');
  }

  updateFlight(flightDetails) {
    var rowElement = $(`
      <tr>
        <td>${flightDetails.flightName}</td>
        <td>${flightDetails.route.destinations[0]}</td>
        <td>${flightDetails.scheduleTime}</td>
        <td>${flightDetails.gate}</td>
        <td>${flightDetails.publicFlightState.flightStates[0]}</td>
      </tr>
    `);

    this.tableBody.append(rowElement);
  }

  fetchFlights() {
    $.ajax({
      url: 'https://api.schiphol.nl/public-flights/flights',
      headers: {
        'ResourceVersion': 'v3',
      },
      dataType: 'json',
      data: {
        app_id: window.B.appId,
        app_key: window.B.appKey,
        flightdirection: 'D',
        includedelays: true,
        sort: '+scheduletime'
      },
      context: this,
      success: function (data, status, xhr) {
        data.flights.forEach((flights) => {
          this.updateFlight(flights);
        })
      }
    });
  }
}

const flightTable = new FlightTable(
  document.getElementById('flight-departures-table')
);
flightTable.fetchFlights();