75 lines
2.8 KiB
HTML
75 lines
2.8 KiB
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($event)"
|
|
></app-sections-chat-info>
|
|
</div>
|
|
<app-sections-chat-chat-search
|
|
[isChatSearch]="isChatSearch"
|
|
(closeChatSearch)="isChatSearch = false"
|
|
></app-sections-chat-chat-search>
|
|
<mat-drawer-container autosize fxFlex="1 1 auto" fxLayout="column">
|
|
<div class="message-box-container" fxFlex="1 1 auto" fxLayout="column">
|
|
<div class="message-area" fxFlex="1 1 auto">
|
|
<app-sections-chat-message
|
|
[roomId]="roomId"
|
|
[translationSimpleview]="translationSimpleview"
|
|
[eventSendTrigger$]="eventSendTriggerSubject.asObservable()"
|
|
></app-sections-chat-message>
|
|
</div>
|
|
<div class="message-input" fxFlex="0 0 auto">
|
|
<app-sections-chat-form
|
|
[roomId]="roomId"
|
|
(changeTranslationSimpleview)="translationSimpleview = $event"
|
|
(eventSendTrigger)="eventSendTriggerSubject.next($event)"
|
|
></app-sections-chat-form>
|
|
</div>
|
|
</div>
|
|
<mat-drawer #chatRightDrawer mode="side" position="end" class="rightDrawer">
|
|
<ng-container [ngSwitch]="drawerType">
|
|
<app-drawer-chat-attach-data
|
|
*ngSwitchCase="
|
|
[
|
|
ChatDrawType.AttachImage,
|
|
ChatDrawType.AttachVideo,
|
|
ChatDrawType.AttachFile
|
|
].includes(drawerType)
|
|
? drawerType
|
|
: ''
|
|
"
|
|
[roomId]="roomId"
|
|
[drawerType]="drawerType"
|
|
(closed)="onRightDrawerClose()"
|
|
></app-drawer-chat-attach-data>
|
|
<app-drawer-chat-users
|
|
*ngSwitchCase="ChatDrawType.RoomUsers"
|
|
[roomId]="roomId"
|
|
(closed)="onRightDrawerClose()"
|
|
(rightDrawerToggle)="onRightDrawerToggle($event)"
|
|
></app-drawer-chat-users>
|
|
<app-drawer-chat-add-users
|
|
*ngSwitchCase="ChatDrawType.Invite"
|
|
[roomId]="roomId"
|
|
[returnChatDrawerType]="returnDrawerType"
|
|
(closed)="onRightDrawerClose()"
|
|
(rightDrawerToggle)="onRightDrawerToggle($event)"
|
|
></app-drawer-chat-add-users>
|
|
<app-drawer-chat-add-group
|
|
*ngSwitchCase="ChatDrawType.AddGroup"
|
|
[roomId]="roomId"
|
|
[returnChatDrawerType]="returnDrawerType"
|
|
(closed)="onRightDrawerClose()"
|
|
(rightDrawerToggle)="onRightDrawerToggle($event)"
|
|
></app-drawer-chat-add-group>
|
|
<app-drawer-chat-setting
|
|
*ngSwitchCase="ChatDrawType.Setting"
|
|
[roomId]="roomId"
|
|
(closed)="onRightDrawerClose()"
|
|
></app-drawer-chat-setting>
|
|
</ng-container>
|
|
</mat-drawer>
|
|
</mat-drawer-container>
|
|
</div>
|