mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-19 04:57:52 +00:00
tiago.kayaya
90 lines
3.3 KiB
HTML
90 lines
3.3 KiB
HTML
<ion-header>
|
|
<app-header></app-header>
|
|
</ion-header>
|
|
<ion-header class="ion-no-border">
|
|
<ion-toolbar class="bg-blue">
|
|
<div class="main-header">
|
|
<div class="title-content">
|
|
<div class="div-title">
|
|
<ion-label class="title">Chat</ion-label>
|
|
</div>
|
|
<div class="div-icon">
|
|
<ion-icon slot="end" (click)="newGroup()" src="assets/images/icons-chat-new-group.svg" ></ion-icon>
|
|
<ion-icon slot="end" (click)="selectContact()" src="assets/images/icons-chat-new-conversation.svg"></ion-icon>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content>
|
|
<div class="main-content">
|
|
<ion-toolbar >
|
|
<ion-segment [(ngModel)]="segment" (ionChange)="onSegmentChange()">
|
|
<ion-segment-button value="Contactos">
|
|
Conversas
|
|
</ion-segment-button>
|
|
<ion-segment-button value="Grupos">
|
|
Grupos
|
|
</ion-segment-button>
|
|
</ion-segment>
|
|
</ion-toolbar>
|
|
<ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
|
|
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
|
|
</ion-refresher>
|
|
<div [ngSwitch]="segment">
|
|
<ion-list *ngSwitchCase="'Contactos'">
|
|
<ion-item-group>
|
|
<ion-item-sliding>
|
|
<div *ngFor="let dm of userDirectMessages" class="item">
|
|
<div class="item-icon">
|
|
<ion-icon class="icon" slot="start" src="assets/images/icons-chat-chat-40.svg"></ion-icon>
|
|
</div>
|
|
<div (click)="openMessages(dm)" class="item-content">
|
|
<div class="item-title-time">
|
|
<div class="item-title">
|
|
<ion-label *ngFor="let user of dm.usernames">
|
|
<span *ngIf="user !=loggedUser.me.username">
|
|
{{user}}
|
|
</span>
|
|
</ion-label>
|
|
</div>
|
|
<div class="item-date">{{dm._updatedAt | date: 'HH:mm'}}</div>
|
|
</div>
|
|
<div class="item-description">
|
|
<ion-label *ngIf="dm.lastMessage">{{dm.lastMessage.msg}}</ion-label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ion-item-sliding>
|
|
</ion-item-group>
|
|
</ion-list>
|
|
<ion-list *ngSwitchCase="'Grupos'" >
|
|
<ion-item-group>
|
|
<ion-item-sliding>
|
|
<div *ngFor="let group of allGroups" class="item">
|
|
<div class="item-icon">
|
|
<ion-icon class="icon" slot="start" src="assets/images/icons-chat-group-chat-40.svg"></ion-icon>
|
|
</div>
|
|
<div (click)="openGroupMessages(group)" class="item-content">
|
|
<div class="item-title-time">
|
|
<div class="item-title">
|
|
<ion-label>{{group.name.split('-').join(' ')}}</ion-label>
|
|
</div>
|
|
<div class="item-date" *ngIf="group.lastMessage">{{group.lastMessage._updatedAt | date: 'HH:mm'}}</div>
|
|
</div>
|
|
<div class="item-description" *ngIf="group.lastMessage">
|
|
<ion-label>{{group.lastMessage.u.name}}: {{group.lastMessage.msg}}</ion-label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ion-item-sliding>
|
|
</ion-item-group>
|
|
|
|
</ion-list>
|
|
</div>
|
|
</div>
|
|
</ion-content>
|
|
|
|
|