2019-09-26 11:11:22 +09:00
|
|
|
<div class="container">
|
2019-11-13 10:45:06 +09:00
|
|
|
<as-split
|
|
|
|
unit="pixel"
|
|
|
|
gutterSize="5"
|
|
|
|
useTransition="true"
|
|
|
|
gutterDblClickDuration="300"
|
|
|
|
(dragEnd)="onGutterDragEnd($event)"
|
|
|
|
(gutterDblClick)="onGutterDblClick($event)"
|
|
|
|
>
|
|
|
|
<as-split-area
|
|
|
|
#asSplitLeft
|
|
|
|
[size]="leftSideComponentWidth"
|
|
|
|
minSize="300"
|
|
|
|
maxSize="500"
|
2019-11-18 09:15:20 +09:00
|
|
|
class="split-area"
|
2019-11-11 14:31:26 +09:00
|
|
|
>
|
2019-11-13 10:45:06 +09:00
|
|
|
<div class="left-side">
|
|
|
|
<app-layout-messenger-left-side
|
|
|
|
(openProfile)="onClickOpenProfile($event)"
|
|
|
|
></app-layout-messenger-left-side>
|
|
|
|
</div>
|
|
|
|
</as-split-area>
|
|
|
|
<as-split-area size="*">
|
|
|
|
<mat-drawer-container class="contents" autosize>
|
|
|
|
<!-- <mat-drawer #drawer mode="over">
|
|
|
|
<p>Auto-resizing sidenav</p>
|
|
|
|
</mat-drawer> -->
|
|
|
|
<div class="messages">
|
|
|
|
<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)"
|
|
|
|
></app-layout-messenger-messages>
|
|
|
|
</div>
|
|
|
|
<mat-drawer
|
|
|
|
#rightDrawer
|
|
|
|
mode="side"
|
|
|
|
position="end"
|
|
|
|
(openedChange)="onOpenedChange($event)"
|
2019-11-18 09:15:20 +09:00
|
|
|
class="rightDrawer"
|
2019-11-13 10:45:06 +09:00
|
|
|
>
|
|
|
|
<app-layout-messenger-right-drawer
|
|
|
|
[selectedRightDrawer]="selectedRightDrawer$ | async"
|
|
|
|
(openProfile)="onClickOpenProfile($event)"
|
2019-11-13 11:06:13 +09:00
|
|
|
(closeRightDrawer)="onCloseRightDrawer($event)"
|
2019-11-13 10:45:06 +09:00
|
|
|
>
|
|
|
|
</app-layout-messenger-right-drawer>
|
|
|
|
</mat-drawer>
|
|
|
|
</mat-drawer-container>
|
|
|
|
</as-split-area>
|
|
|
|
</as-split>
|
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>
|