75 lines
2.5 KiB
HTML
Raw Normal View History

2019-11-20 17:31:08 +09:00
<div class="main-container">
2020-01-21 13:32:10 +09:00
<div class="left-side">
<app-layout-messenger-left-nav> </app-layout-messenger-left-nav>
</div>
<mat-drawer-container class="contents" autosize>
2020-02-06 10:29:48 +09:00
<mat-drawer #leftSideDrawer mode="side" [disableClose]="true" opened>
2020-01-21 13:32:10 +09:00
<app-layout-messenger-left-side
#leftSideContainer
2020-01-21 13:32:10 +09:00
(openProfile)="onClickOpenProfile($event)"
(sendCall)="sendClickToCall($event)"
(sendSms)="openSms($event)"
(mouseenter)="onMouseEnterLeftSideContainer($event)"
(mouseleave)="onMouseLeaveLeftSideContainer($event)"
2020-01-21 13:32:10 +09:00
></app-layout-messenger-left-side>
</mat-drawer>
2020-01-30 19:41:37 +09:00
<div class="chat-messages bg-accent-brightest">
2020-02-14 11:23:46 +09:00
<div
#statusbarContainer
class="messenger-statusbar-container bg-accent-darkest"
>
2020-02-10 15:20:36 +09:00
<div class="messenger-statusbar-message">
업데이트가 존재합니다.
</div>
<div class="messenger-statusbar-actions"></div>
2020-02-10 17:06:01 +09:00
</div>
2020-01-21 13:32:10 +09:00
<app-layout-messenger-intro
*ngIf="!(this.selectedChat$ | async)"
></app-layout-messenger-intro>
<!-- <app-layout-messenger-intro
*ngIf="!(this.selectedChat$ | async)"
></app-layout-messenger-intro> -->
<app-layout-messenger-messages
*ngIf="!!(this.selectedChat$ | async)"
(openProfile)="onClickOpenProfile($event)"
(closeRightDrawer)="onCloseRightDrawer()"
></app-layout-messenger-messages>
2020-01-21 18:20:34 +09:00
<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>
2020-01-21 18:20:34 +09:00
</button>
2020-01-21 13:32:10 +09:00
</div>
<mat-drawer
#rightDrawer
mode="side"
position="end"
(openedChange)="onOpenedChange($event)"
class="rightDrawer"
>
2020-01-21 13:32:10 +09:00
<app-layout-messenger-right-drawer
[selectedRightDrawer]="selectedRightDrawer$ | async"
(openProfile)="onClickOpenProfile($event)"
(closeRightDrawer)="onCloseRightDrawer()"
>
</app-layout-messenger-right-drawer>
</mat-drawer>
</mat-drawer-container>
2019-10-08 18:12:58 +09:00
2019-11-04 13:09:58 +09:00
<!-- <div class="right-side">
2019-09-26 14:38:21 +09:00
<app-layout-messenger-right-side></app-layout-messenger-right-side>
2019-11-04 13:09:58 +09:00
</div> -->
2019-09-18 15:02:21 +09:00
</div>