onPageLoaded() {
    const menu = this.app.getComponent("leftMenu");

    menu.enable(false);
    // workaround map is not correctly displayed
    // maybe this should be done in some other event
    setTimeout(this.loadMap.bind(this), 100);
  }

  testApp() {
    const confirm = Alert.create({
      title: "Are you sure?",
      body: "Running tests will remove all your geofences. Do you want to continue?",
      buttons: [
        { text: "No" },
        {
          text: "Yes",
          handler: () => {
            window.location.href = "cdvtests/index.html";
          },
        },
      ],
    });

    this.app.getComponent("leftMenu").close();
    this.app.getComponent("nav").present(confirm);
  }

  removeAll() {
    const confirm = Alert.create({
      title: "Are you sure?",
      body: "Are you sure you want to remove all geofences?",
      buttons: [
        { text: "No" },
        {
          text: "Yes",
          handler: () => {
            this.geofenceService.removeAll();
          },
        },
      ],
    });

    this.app.getComponent("leftMenu").close();
    this.app.getComponent("nav").present(confirm);
  }

 openPage(page) {
     let nav = this.app.getComponent('nav');
     nav.push(page);
 }

 addFixtures() {
   FIXTURES.forEach((fixture) => this.geofenceService.addOrUpdate(fixture));
   this.app.getComponent("leftMenu").close();
 }

 get(): NavController {
     return this.app.getComponent('nav');;
 }