peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-18 20:47:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

save

Browse Source
This commit is contained in:
tiago.kayaya
2021-03-05 11:58:59 +01:00
parent b2d32c0408
commit aac9a0288d
4 changed files with 55 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/chat/chat.page.html
+29 -13
View File
@@ -8,14 +8,11 @@
<ion-refresher-content>
</ion-refresher-content>
</ion-refresher>
<div class="main-content height-100">
<div class="d-flex height-100">
<!-- -->
<div class="main-content d-flex height-100">
<!-- Aside left -->
<div class="d-flex aside-wrapper flex-column pt-25 justify-center">
<p class="text-center mt-0 aside-title px-20">Chat</p>
<ion-toolbar >
<ion-toolbar class="width-100">
<ion-segment [(ngModel)]="segment" (ionChange)="onSegmentChange()">
<ion-segment-button value="Contactos">
Conversas
@@ -26,11 +23,11 @@
</ion-segment>
</ion-toolbar>
<div class="overflow-y-auto d-flex flex-wrap">
<div [ngSwitch]="segment">
<div class="width-100" [ngSwitch]="segment">
<ion-list *ngSwitchCase="'Contactos'">
<ion-item-group>
<ion-item-sliding>
<div *ngFor="let dm of userDirectMessages" class="item">
<div class="item width-100" *ngFor="let dm of userDirectMessages">
<div class="item-icon">
<ion-icon class="icon" slot="start" src="assets/images/icons-chat-chat-40.svg"></ion-icon>
</div>
@@ -50,6 +47,26 @@
</div>
</div>
</div>
<div class="item" >
<div class="item-icon">
<ion-icon class="icon" slot="start" src="assets/images/icons-chat-chat-40.svg"></ion-icon>
</div>
<div class="item-content">
<div class="item-title-time">
<div class="item-title">
<ion-label >
<span>
Tiago
</span>
</ion-label>
</div>
<div class="item-date">23/03/202 12:20</div>
</div>
<div class="item-description">
<ion-label>oI...</ion-label>
</div>
</div>
</div>
</ion-item-sliding>
</ion-item-group>
</ion-list>
@@ -79,12 +96,11 @@
</div>
</div>
</div>
<!-- -->
<div class="d-none flex-1 aside-content height-100 overflow-y-auto pt-25">
<app-messages class="d-flex flex-1 flex-column height-100" *ngIf="desktopComponent.messages"></app-messages>
<!-- Aside right -->
<div class="aside-content d-none flex-1 aside-content height-100 overflow-y-auto pt-25">
<app-messages class="d-flex flex-1 flex-column height-100" *ngIf="desktopComponent.showMessages"></app-messages>
<app-group-messages class="d-flex flex-1 flex-column height-100" *ngIf="desktopComponent.showGroupMessages"></app-group-messages>
</div>
</div>
</div>
</ion-content>