gdgmaceio-workshop-exercicio.html

<ion-header>
  <ion-navbar color="primary">
    <ion-title>{{ selectedEvent.title }}</ion-title>
    <ion-buttons end>
      <!--@TODO: Mostrar apenas se o usuário for admin-->
      <button ion-button icon-only (click)="pushToEventSettingsPage(selectedEvent)">
        <ion-icon name="settings"></ion-icon>
      </button>

      <!--@TODO: Utilizar o plugin cordova-plugin-x-socialsharing-->
      <button ion-button icon-only (click)="shareThis()">
        <ion-icon name="share"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-card class="ss-card-messages">
    <ion-item (click)="goToChatPage(selectedEvent)">
      <ion-thumbnail item-left>
        <img class="event-picture" [src]="selectedEvent.picture">
      </ion-thumbnail>
      <h2>Mensagens no Grupo</h2>
      <h3>@TODO: Update with last message user</h3>
      <p>@TODO: Update with last message text</p>
      <!--@TODO: Check new messages-->
      <ion-badge item-right>3</ion-badge>
      <button ion-button icon-only clear item-right>
        <ion-icon name="arrow-forward"></ion-icon>
      </button>
    </ion-item>
  </ion-card>

  <ion-card>
    <!--@TODO: Get image from the Google Maps API-->
    <img class="event-map-location" [src]="staticMapImage">
    <ion-item>
      <ion-icon name="pin" item-left large></ion-icon>
      <h2>@TODO: Mostrar a localização</h2>
      <p>@TODO: Mostrar a data</p>

      <!--@TODO: Abrir mapa nativo $ ionic plugin add uk.co.workingedge.phonegap.plugin.launchnavigator-->
      <button ion-button icon-left clear item-right (click)="getDirections()">
        <ion-icon name="navigate"></ion-icon>
        Direções
      </button>
    </ion-item>
  </ion-card>

  <ion-list>
    <ion-item-divider>
      <!--@TODO: Colocar quantidade de Participantes-->
    </ion-item-divider>
    <!--@TODO: Mostar listagem de usuários-->
    <ion-item (click)="goToProfilePage(user)">
      <ion-avatar item-left>
        <img [src]="user.picture">
      </ion-avatar>
      <h2>{{user.name}}</h2>
      <p>{{user.gift}}</p>
      <ion-icon name="star" item-right *ngIf="user.secretSanta && selectedEvent.isFriendsChosen"></ion-icon>
    </ion-item>
  </ion-list>

  <!--@TODO: Esse botão só deve aparecer se a variável isFriendsChosen for verdadeira
  <p padding>
    <button ion-button block secondary (click)="raffleFriends({friendId: 0})">Realizar o Sorteio</button>
  </p>
</ion-content>