25 lines
925 B
HTML
25 lines
925 B
HTML
|
<div class="contents-main" fxFlexFill fxLayout="column">
|
||
|
|
<div class="subtitle" fxFlex="0 0 50px">
|
||
|
|
<app-sections-chat-info
|
||
|
|
[roomId]="roomId"
|
||
|
|
(openChatSearch)="isChatSearch = true"
|
||
|
|
(rightDrawerToggle)="onRightDrawerToggle()"
|
||
|
|
></app-sections-chat-info>
|
||
|
|
</div>
|
||
|
|
<app-sections-chat-chat-search
|
||
|
|
*ngIf="isChatSearch"
|
||
|
|
(closeChatSearch)="isChatSearch = false"
|
||
|
|
></app-sections-chat-chat-search>
|
||
|
|
<mat-drawer-container autosize fxFlex="1 1 auto" fxLayout="column">
|
||
|
|
<div class="message-area" fxFlex="1 1 auto">
|
||
|
|
<app-sections-chat-message [roomId]="roomId"></app-sections-chat-message>
|
||
|
|
</div>
|
||
|
|
<div class="message-input" fxFlex="0 0 auto">
|
||
|
|
<app-sections-chat-form [roomId]="roomId"></app-sections-chat-form>
|
||
|
|
</div>
|
||
|
|
<mat-drawer #chatRightDrawer mode="side" position="end" class="rightDrawer">
|
||
|
|
Right Sections.
|
||
|
|
</mat-drawer>
|
||
|
|
</mat-drawer-container>
|
||
|
|
</div>
|