private onLogin() {
     bootbox.dialog({
         closeButton: false,
         title: "Please wait, Authenticating...",
         message: " "
     });
     setTimeout((e)=> {
         this.myRouter.navigate(['/AppManager']);
         bootbox.hideAll();
     }, 200);
     event.preventDefault();
     return false;
 }

  /**
   * @param editor The editor for which we are searching.
   *
   * @param scroller The scroller holding the document being searched.
   *
   * @param direction The direction of the search.
   */
  constructor(editor: Editor, scroller: Scroller, direction: Direction) {
    this.search = new SearchReplace(editor, scroller);
    const body = $(dialogTemplate)[0] as HTMLFormElement;
    const dialog = this.dialog = bootbox.dialog({
      title: "Search/Replace",
      message: body,
      onEscape: true,
      backdrop: false,
      size: "small",
      buttons: {
        find: {
          label: "Find",
          className: "btn-primary",
          callback: this.onFind.bind(this),
        },
        replaceFind: {
          label: "Replace and Find",
          className: "btn-default replace-and-find",
          callback: this.onReplaceAndFind.bind(this),
        },
        replaceAll: {
          label: "Replace All",
          className: "btn-default replace-all",
          callback: this.onReplaceAll.bind(this),
        },
        close: {
          label: "Close",
        },
      },
    });
    makeResizable(dialog);
    makeDraggable(dialog);
    const directionItems = body.elements
      .namedItem("direction") as HTMLCollectionOf<HTMLInputElement>;
    this.forwardRadioButton = directionItems[0];
    this.backwardRadioButton = directionItems[1];

    const contextItems = body.elements
      .namedItem("context") as HTMLCollectionOf<HTMLInputElement>;
    this.textRadioButton = contextItems[0];
    this.attributeRadioButton = contextItems[1];

    let toCheck: HTMLInputElement;
    switch (direction) {
    case Direction.FORWARD:
      toCheck = this.forwardRadioButton;
      break;
    case Direction.BACKWARDS:
      toCheck = this.backwardRadioButton;
      break;
    default:
      const d: never = direction;
      throw new Error(`unknown direction: ${d}`);
    }
    toCheck.checked = true;

    dialog.on("hidden.bs.modal", () => {
      this.search.clearHighlight();
      // Return the focus to the editor.
      editor.caretManager.focusInputField();
    });

    const searchField = this.searchField =
      body.elements.namedItem("search") as HTMLInputElement;
    const $searchField = $(searchField);
    $searchField.on("input", this.onSearchInput.bind(this));

    const replaceField = this.replaceField =
      body.elements.namedItem("replace") as HTMLInputElement;
    const $replaceField = $(replaceField);
    $replaceField.on("input", this.onReplaceInput.bind(this));

    this.replaceButton =
      dialog[0].querySelector(".replace-and-find") as HTMLButtonElement;
    this.replaceAll =
      dialog[0].querySelector(".replace-all") as HTMLButtonElement;
    this.updateButtons();
  }