Skip to content

Instantly share code, notes, and snippets.

@juarezpaf
Created December 17, 2016 19:48
Show Gist options
  • Save juarezpaf/65017bcd7123b208cebecf0db718ab4f to your computer and use it in GitHub Desktop.
Save juarezpaf/65017bcd7123b208cebecf0db718ab4f to your computer and use it in GitHub Desktop.
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment