2019-09-23 05:23:24 +00:00
|
|
|
<!-- CHAT -->
|
2019-09-26 05:38:21 +00:00
|
|
|
<div class="container" fxFlex fxLayout="column">
|
2019-09-23 05:23:24 +00:00
|
|
|
<!-- CHAT TOOLBAR -->
|
|
|
|
<mat-toolbar class="chat-toolbar">
|
|
|
|
<div fxFlex fxLayout="row" fxLayoutAlign="space-between center">
|
|
|
|
<div fxLayout="row" fxLayoutAlign="start center">
|
|
|
|
<!-- RESPONSIVE CHATS BUTTON-->
|
|
|
|
<button
|
|
|
|
mat-icon-button
|
|
|
|
aria-label="chats button"
|
2019-09-26 05:38:21 +00:00
|
|
|
fxHide.gt-md
|
|
|
|
class="responsive-chats-button"
|
2019-09-23 05:23:24 +00:00
|
|
|
>
|
|
|
|
<mat-icon>chat</mat-icon>
|
|
|
|
</button>
|
|
|
|
<!-- / RESPONSIVE CHATS BUTTON-->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<button
|
|
|
|
mat-icon-button
|
|
|
|
[matMenuTriggerFor]="contactMenu"
|
|
|
|
aria-label="more"
|
|
|
|
>
|
|
|
|
<mat-icon>more_vert</mat-icon>
|
|
|
|
</button>
|
|
|
|
|
|
|
|
<mat-menu #contactMenu="matMenu">
|
2019-09-26 05:38:21 +00:00
|
|
|
<button mat-menu-item (click)="selectContact()">
|
2019-09-23 05:23:24 +00:00
|
|
|
Contact Info
|
|
|
|
</button>
|
|
|
|
</mat-menu>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</mat-toolbar>
|
|
|
|
<!-- / CHAT TOOLBAR -->
|
|
|
|
|
|
|
|
<!-- CHAT CONTENT -->
|
2019-09-26 05:38:21 +00:00
|
|
|
<div fxFlex="1 1 auto" class="chat-content">
|
2019-09-23 05:23:24 +00:00
|
|
|
<!-- CHAT MESSAGES -->
|
2019-10-08 04:31:33 +00:00
|
|
|
<ucap-chat-messages
|
|
|
|
[messages]="eventList$ | async"
|
2019-10-08 05:59:22 +00:00
|
|
|
[loginRes]="loginRes"
|
2019-10-08 04:31:33 +00:00
|
|
|
></ucap-chat-messages>
|
2019-09-23 05:23:24 +00:00
|
|
|
<!-- CHAT MESSAGES -->
|
|
|
|
</div>
|
|
|
|
<!-- / CHAT CONTENT -->
|
|
|
|
|
|
|
|
<!-- CHAT FOOTER -->
|
2019-09-26 05:38:21 +00:00
|
|
|
<div fxFlex="0 0 auto" fxLayout="column">
|
2019-09-23 05:23:24 +00:00
|
|
|
<!-- REPLY FORM -->
|
2019-10-08 05:34:37 +00:00
|
|
|
<ucap-chat-form (send)="onSendMessage($event)"></ucap-chat-form>
|
2019-09-23 05:23:24 +00:00
|
|
|
<!-- / REPLY FORM -->
|
|
|
|
</div>
|
|
|
|
<!-- / CHAT FOOTER-->
|
|
|
|
</div>
|
|
|
|
<!-- / CHAT -->
|