working in responsiveness

This commit is contained in:
tiago.kayaya
2021-03-11 16:21:09 +01:00
parent 304151f2fd
commit e4353b5d59
15 changed files with 191 additions and 110 deletions
+8 -39
View File
@@ -40,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 [routerLink]="['/home/chat/messages']" class="item-content"><!-- (click)="openMessages(dm)" -->
<div (click)="openMessagesPage(dm._id)" class="item-content"><!-- (click)="openMessages(dm)" -->
<div class="item-title-time">
<div class="item-title">
<ion-label *ngFor="let user of dm.usernames">
@@ -56,30 +56,6 @@
</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 [routerLink]="['/home/chat', {
outlets:{
'test': ['test']
}
}]" class="item-content"><!-- (click)="openMessages(dm)" -->
<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>
@@ -90,7 +66,7 @@
<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 (click)="openGroupMessagesPage(group._id)" class="item-content">
<div class="item-title-time">
<div class="item-title">
<ion-label>{{group.name.split('-').join(' ')}}</ion-label>
@@ -106,23 +82,16 @@
</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> -->
<div>
<ion-router-outlet name="test"></ion-router-outlet>
</div>
<div>
<ion-router-outlet name="chat"></ion-router-outlet>
</div>
<div class="aside-content d-none flex-column height-100">
<!-- <ion-button (click)="openMessagesPage()">Messages</ion-button>
<ion-button (click)="openGroupMessagesPage('MduvQyrQBejb3xMrY')">Groups</ion-button>
<ion-button (click)="destroyComponent()">Destroy</ion-button> -->
<app-messages [roomId]="roomId" *ngIf="showMessages" #messagecontainer></app-messages>
<app-group-messages [roomId]="roomId" *ngIf="showGroupMessages" #messagecontainer></app-group-messages>
</div>
</div>
</ion-content>