<div class="main-container"> <div class="left-side"> <app-layout-messenger-left-nav> </app-layout-messenger-left-nav> </div> <mat-drawer-container class="contents" autosize> <mat-drawer #leftSideDrawer mode="side" [disableClose]="true" opened> <app-layout-messenger-left-side #leftSideContainer (openProfile)="onClickOpenProfile($event)" (sendCall)="sendClickToCall($event)" (sendSms)="openSms($event)" (createConference)="conferenceCreate($event)" (mouseenter)="onMouseEnterLeftSideContainer($event)" (mouseleave)="onMouseLeaveLeftSideContainer($event)" ></app-layout-messenger-left-side> </mat-drawer> <div class="chat-messages bg-accent-brightest"> <!-- <div #statusbarContainer class="messenger-statusbar-container bg-accent-darkest" > <div class="messenger-statusbar-message"> 업데이트가 존재합니다. </div> <div class="messenger-statusbar-actions"></div> </div> --> <app-layout-messenger-main-contents [selectedChat]="this.selectedChat$ | async" (openProfile)="onClickOpenProfile($event)" (closeRightDrawer)="onCloseRightDrawer()" > </app-layout-messenger-main-contents> <button mat-icon-button class="left-drawer-toggle" *ngIf=" !showLeftDrawer || showLeftDrawerIndicator || onLeftDrawerIndicator " (click)="onClickLeftDrawerToggle()" (mouseover)="onMouseOverLeftDrawerIndicator($event)" (mouseleave)="onMouseLeaveLeftDrawerIndicator($event)" > <span class="mdi" [class.mdi-chevron-right]="!showLeftDrawer" [class.mdi-chevron-left]="showLeftDrawer" ></span> </button> </div> <mat-drawer #rightDrawer mode="side" position="end" (openedChange)="onOpenedChange($event)" class="rightDrawer" > <app-layout-messenger-right-drawer [selectedRightDrawer]="selectedRightDrawer$ | async" (openProfile)="onClickOpenProfile($event)" (closeRightDrawer)="onCloseRightDrawer()" > </app-layout-messenger-right-drawer> </mat-drawer> </mat-drawer-container> <!-- <div class="right-side"> <app-layout-messenger-right-side></app-layout-messenger-right-side> </div> --> </div>