Adding a new tab to snoTHAW

<section class="tool [toolCSSClass]" id="Tool_Name"></section>

    let newTool = new HeatmapNewTool(...)

tb.addTool(newTool);

class HeatmapNewTool extends HeatmapTool {
  constructor(name, [params]) {
    super(name);
    this.dataParser = new HeatmapNewToolDataParser(this);
    this.define();
    this.ready = true;
  }

  // ! Deprecated
  get makeHeatmapAddress() {
    return null;
  }

  define() {
    let THIS = this;
    $(document).ready(function() {
      $("#" + THIS.name)
        .append(
        //HTML string
        //...
        );
    });
    // Declare all your fields
    // ...

    this.addElements([
      /*Your comma separated fields*/
    ]);
  }
}

class HeatmapNewToolDataParser extends HeatmapDataParser {
  constructor(tool) {
    super(tool);
  }

  // ! Deprecated
  verifyData() {
    return null;
  }

  /**
   * Acquires the asscoaited tool's data and fetches the entries in the datatable
   * @returns {Object} Data to be sent to the Visualization
   */
  parseData() {
    //Your parsing function
  }
}