owl/web/static/src/ts/widgets/root_widget.ts

import { Widget } from "../core/widget";
import { Navbar } from "./navbar";
import { Action } from "../services/actions";
import { Env } from "../env";

const template = `
    <div class="o_web_client">
        <t t-widget="Navbar"/>
        <div class="o_content">
          <t t-widget="Content"/>
        </div>
    </div>
`;

export class RootWidget extends Widget<Env> {
  name = "root";
  template = template;
  widgets = { Navbar };

  constructor(env: Env) {
    super(env);
    this.setMainWidget();
  }

  mounted() {
    this.env.router.register(this, this.onUrlChange);
  }

  setMainWidget() {
    const action = this.getAction();
    (<any>this.widgets).Content = action.Widget;
  }

  onUrlChange() {
    this.setMainWidget();
    // notice that this can only be safely done because the root widget is
    // mounted now.
    this.render();
  }

  getAction(): Action {
    const routeInfo = this.env.router.getRoute();
    const actionID = parseInt(routeInfo.query.action_id);
    let actions: Action[] = this.env.actions;
    let action = actions.find(a => a.id === actionID);
    if (!action) {
      action = actions.find(a => a.default === true);
      if (!action) {
        throw new Error("No valid action!");
      }
    }
    return action;
  }
}