<ion-menu type="overlay" side="left" [content]="content">
  <ion-content>
    <div [style.background-image]="' url('+ userPic +')'" class="user-box">
      <img [src]="userPic" />
      <h2>Gabriela Duarte
        <small>gabriela@sgeo.com.br</small>
      </h2>
    </div>
    <ion-list padding>
      <ion-item class="home" [navPush]="homePage">
        Home
      </ion-item>
      <ion-item class="bill">
        Boletim
      </ion-item>
      <ion-item class="daily">
        Diário
      </ion-item>
      <ion-item class="occ">
        Ocorrências
      </ion-item>
    </ion-list>
    <button type="button" class="logout" menuToggle>Desconectar</button>
  </ion-content>
</ion-menu>

<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>