reflect to mobile

This commit is contained in:
Peter Maquiran
2024-09-18 19:02:45 +01:00
parent a4d81a68e6
commit 6dac5733a6
9 changed files with 499 additions and 674 deletions
@@ -10,8 +10,8 @@
</div>
<div class="middle-container" *ngIf="!showMessageOptions">
<div class="middle" >
<ion-label class="title">{{ room?.roomName }}</ion-label>
<span *ngIf="roomStatus$ | async as roomStatus"><ion-icon *ngIf="roomStatus"
<ion-label class="title">{{ RoomStore.room.roomName }}</ion-label>
<span *ngIf="RoomStore.roomStatus$ | async as roomStatus"><ion-icon *ngIf="roomStatus"
class="online" name="ellipse"></ion-icon></span>
</div>
</div>
@@ -35,9 +35,9 @@
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/icon/theme/gov/icons-user.svg"></ion-icon>
</div>
<ion-list class="header-bottom-contacts" *ngIf="roomMembers$ | async as memberList" >
<ion-list class="header-bottom-contacts" *ngIf="RoomStore.roomMembers$ | async as memberList" >
<ng-container *ngFor="let user of memberList; let i = index">
<span *ngIf="roomType == RoomTypeEnum.Group"> {{ user.wxFullName }}<ng-container *ngIf="i < memberList.length - 1">, </ng-container> </span>
<span *ngIf="RoomStore.room.roomType == RoomTypeEnum.Group"> {{ user.wxFullName }}<ng-container *ngIf="i < memberList.length - 1">, </ng-container> </span>
</ng-container>
</ion-list>
</div>
@@ -51,7 +51,7 @@
<div class="messages height-100 width-100 d-flex flex-column" #scrollMe >
<div
*ngFor="let message of messages1[roomId]; let messageIndex = index" class="messages-list-item-wrapper"
*ngFor="let message of RoomStore.messages1[room.$id]; let messageIndex = index" class="messages-list-item-wrapper"
[ngClass]="{
'info-meeting': message.messageType == IMessageType.information && !message.ballon,
'info-ballon': message.ballon == true,
@@ -151,7 +151,7 @@
</div>
<div style="text-align: end;">
<div *ngIf="totalMembers != 0 && SessionStore.user.UserId == message.sender.wxUserId">
<div *ngIf="RoomStore.totalMembers != 0 && SessionStore.user.UserId == message.sender.wxUserId">
<ion-icon *ngIf="messageStatus(message) == 'enviar'" src="assets/images/clock-regular.svg"></ion-icon>
<ion-icon *ngIf="messageStatus(message) == 'enviado'" src="assets/images/check-solid.svg"></ion-icon>
<ion-icon *ngIf="messageStatus(message) == 'allReceived'" src="assets/images/check-double-solid.svg"></ion-icon>
@@ -187,9 +187,8 @@
<ion-fab horizontal="start" vertical="bottom" slot="fixed">
<div #array>
<div *ngFor="let user of RoomStore.userTyping$; let i = index">
{{ user }} <ng-container *ngIf="i == userTyping$.length - 1">... </ng-container>
</div>
</ion-fab>