SmartMirror-Projektarbeit/modules/MMM-PublicTransportHafas/core/PTHAFASDomBuilder.js

"use strict";


class PTHAFASDomBuilder {

  constructor(config) {
    this.config = config;

    this.headingSymbols = {
      time: "fa fa-clock-o",
      line: "fa fa-bus",
      direction: "fa fa-exchange",
      platform: "fa fa-map-marker"
    };
  }


  getSimpleDom(message) {
    let wrapper = this.getWrapper();
    wrapper.appendChild(this.getDiv(message));

    return wrapper;
  }


  getDom(departures, headings, noDeparturesMessage) {
    let wrapper = this.getWrapper();
    let departuresTable = this.getDeparturesTable(departures, headings, noDeparturesMessage);
    wrapper.appendChild(departuresTable);

    return wrapper;
  }


  getWrapper() {
    let wrapper = document.createElement("div");
    wrapper.className = "pthWrapper";
    wrapper.appendChild(this.createHeadingElement(this.config.headerPrefix, this.config.stationName, this.config.headerAppendix));

    return wrapper;
  }


  getDiv(message, cssClasses = "small light dimmed") {
    let messageDiv = document.createElement("div");
    messageDiv.className = cssClasses;
    messageDiv.innerHTML = message;

    return messageDiv;
  }


  // Create the module header. Prepend headerPrefix if given.
  createHeadingElement(headerPrefix, stationName, headerAppendix) {
    let headingElement = document.createElement("header");
    let heading = stationName;

    if (headerPrefix !== "") {
      heading = headerPrefix + " " + heading;
    }

    if (headerAppendix !== "") {
      heading += " " + headerAppendix;
    }

    headingElement.innerHTML = heading;

    return headingElement;
  }

  getDeparturesTable(departures, headings, noDepartureMessage) {
    let table = document.createElement("table");
    table.className = "pthTable small";

    if (this.config.showTableHeaders) {
      let tableHeader = this.getDeparturesTableHeader(headings);
      table.appendChild(tableHeader);
    }

    let tableBodyBuilder = new PTHAFASTableBodyBuilder(this.config);
    let tableBody = tableBodyBuilder.getDeparturesTableBody(departures, noDepartureMessage);
    table.appendChild(tableBody);

    return table;
  }


  getDeparturesTableHeader(headings) {
    let tHead = document.createElement("thead");
    let headerRow = document.createElement("tr");
    headerRow.className = "bold dimmed";

    this.config.tableHeaderOrder.forEach((key) => {
      let values = this.getHeadingValues(key, headings);
      headerRow.appendChild(this.getHeaderCell(values));
    });

    tHead.appendChild(headerRow);

    return tHead;
  }


  getHeadingValues(key, headings) {
    let result = {
      text: headings[key],
      symbol: this.headingSymbols[key],
      cssClass: ""
    };

    if (key === "line" || key === "direction" || key === "platform") {
      result.cssClass = "pthTextCenter";
    }

    return result;
  }


  getHeaderCell(values) {
    let textContent = values.text;
    let symbol = values.symbol;
    let cssClass = values.cssClass;

    let cell = document.createElement("td");
    cell.className = cssClass;

    if (this.config.showTableHeadersAsSymbols) {
      let content = document.createElement("i");
      content.className = symbol;
      cell.appendChild(content);

    } else {
      cell.innerHTML = textContent;
    }

    return cell;
  }
}