Method render

modules/core/UiSystem.js:243–275

* render * Renders the Rapid user interface into the main container. * Note that most `render` functions accept a parent selection, * this one doesn't need it - `$container` is always the parent.

()

   *  this one doesn't need it - `$container` is always the parent.
   */
  render() {
    const context = this.context;
    const l10n = context.systems.l10n;
    const map = context.systems.map;
    const $container = context.container();

    $container
      .attr('lang', l10n.localeCode())
      .attr('dir', l10n.textDirection())
      .call(this.Fullscreen.render)
      .call(this.Defs.render)
      .call(this.Sidebar.render);

    // .main-content
    // Contains the map and everything floating above it, such as toolbars, etc.
    let $mainContent = $container.selectAll('.main-content')
      .data([0]);

    // enter
    const $$mainContent = $mainContent.enter()
      .append('div')
      .attr('class', 'main-content active');

    // update
    $mainContent = $mainContent.merge($$mainContent);

    $mainContent
      .call(map.render)
      .call(this.MapToolbar.render)
      .call(this.Overmap.render)
      .call(this.ApiStatus.render)
      .call(this.MapFooter.render);
  }


  /*