62 lines
1.9 KiB
HTML
Raw Normal View History

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-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-18 13:57:41 +09:00
(closeRightDrawer)="onCloseRightDrawer()"
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>