/
new-chat.html
33 lines (29 loc) · 1.11 KB
/
new-chat.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<ion-header>
<ion-toolbar *ngIf="searching" color="whatsapp">
<ion-searchbar
autofocus
class="seach-bar"
color="whatsapp"
[showCancelButton]="true"
(ionInput)="updateSubscription($event.target.value); searching = true;"
(ionClear)="updateSubscription(undefined); searching = false;">
</ion-searchbar>
</ion-toolbar>
<ion-toolbar *ngIf="!searching" color="whatsapp">
<ion-title>New Chat</ion-title>
<ion-buttons left>
<button ion-button class="dismiss-button" (click)="viewCtrl.dismiss()"><ion-icon name="close"></ion-icon></button>
</ion-buttons>
<ion-buttons end>
<button ion-button class="search-button" (click)="searching = true"><ion-icon name="search"></ion-icon></button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content class="new-chat">
<ion-list class="users">
<button ion-item *ngFor="let user of users | async" class="user" (click)="addChat(user)">
<img class="user-picture" [src]="getPic(user.profile.pictureId)">
<h2 class="user-name">{{user.profile.name}}</h2>
</button>
</ion-list>
</ion-content>