This commit is contained in:
tiago.kayaya
2021-03-05 16:43:07 +01:00
parent aac9a0288d
commit d63c4fc8fa
+30 -7
View File
@@ -10,9 +10,18 @@
</ion-refresher>
<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 class="width-100">
<div class="d-flex aside-wrapper flex-column pt-25">
<!-- <p class="text-center mt-0 aside-title px-20">Chat</p> -->
<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>
<ion-toolbar>
<ion-segment [(ngModel)]="segment" (ionChange)="onSegmentChange()">
<ion-segment-button value="Contactos">
Conversas
@@ -31,7 +40,7 @@
<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 [routerLink]="['/home/chat/messages']" class="item-content"><!-- (click)="openMessages(dm)" -->
<div class="item-title-time">
<div class="item-title">
<ion-label *ngFor="let user of dm.usernames">
@@ -51,7 +60,11 @@
<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 [routerLink]="['/home/chat', {
outlets:{
'test': ['test']
}
}]" class="item-content"><!-- (click)="openMessages(dm)" -->
<div class="item-title-time">
<div class="item-title">
<ion-label >
@@ -93,13 +106,23 @@
</ion-item-group>
</ion-list>
<nav>
<
</nav>
</div>
</div>
</div>
<!-- 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>
<!-- <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>
<ion-router-outlet name="test"></ion-router-outlet>
</div>
<div>
<ion-router-outlet name="chat"></ion-router-outlet>
</div>
</div>
</div>
</ion-content>