add messages page and style

This commit is contained in:
tiago.kayaya
2020-12-30 11:13:50 +01:00
parent 126abf2b18
commit ebc7132a38
18 changed files with 619 additions and 90 deletions
+23 -7
View File
@@ -37,7 +37,7 @@
<ion-list *ngSwitchCase="'Contactos'">
<ion-item-group>
<ion-item-sliding>
<ion-item *ngFor="let user of userConnectedList" (click)="startConversation(user)">
<ion-item *ngFor="let user of userConnectedList" (click)="openMessages()">
<ion-icon slot="start" src="assets/images/icons-chat-chat-40.svg" class="iconschatchat-40"></ion-icon>
<div>
<h3>{{user.name}}</h3>
@@ -48,10 +48,10 @@
<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 (click)="openMessages()" class="item-content">
<div class="item-title-time">
<div class="item-title">
<ion-label>Secretário Assuntos Sociais</ion-label>
<ion-label>Secretário para o sector Produtivo</ion-label>
</div>
<div class="item-date">15:00</div>
</div>
@@ -64,15 +64,31 @@
<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 (click)="openMessages()" class="item-content">
<div class="item-title-time">
<div class="item-title">
<ion-label>Secretário para o Sector Produtivo</ion-label>
<ion-label>Secretário para o sector Produtivo</ion-label>
</div>
<div class="item-date">Ontem</div>
<div class="item-date">15:00</div>
</div>
<div class="item-description">
<p>Viva!</p>
<p>Podemos marcar reunião para amanha</p>
</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 (click)="openMessages()" class="item-content">
<div class="item-title-time">
<div class="item-title">
<ion-label>Secretário para o sector Produtivo</ion-label>
</div>
<div class="item-date">15:00</div>
</div>
<div class="item-description">
<p>Podemos marcar reunião para amanha</p>
</div>
</div>
</div>