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-01-21 15:29:59 +09:00
|
|
|
<mat-drawer #leftSideDrawer mode="side" opened>
|
2020-01-21 13:32:10 +09:00
|
|
|
<app-layout-messenger-left-side
|
2020-01-22 10:36:14 +09:00
|
|
|
#leftSideContainer
|
2020-01-21 13:32:10 +09:00
|
|
|
(openProfile)="onClickOpenProfile($event)"
|
|
|
|
(sendCall)="sendClickToCall($event)"
|
|
|
|
(sendSms)="openSms($event)"
|
2020-01-22 10:36:14 +09:00
|
|
|
(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-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)"
|
|
|
|
>
|
2020-01-22 11:17:02 +09:00
|
|
|
<span
|
|
|
|
class="mdi"
|
2020-01-29 17:08:20 +09:00
|
|
|
[class.mdi-chevron-right]="!showLeftDrawer"
|
|
|
|
[class.mdi-chevron-left]="showLeftDrawer"
|
2020-01-22 11:17:02 +09:00
|
|
|
></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"
|
2019-11-11 14:31:26 +09:00
|
|
|
>
|
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>
|