2019-09-24 09:03:36 +09:00
|
|
|
<div id="messenger" class="page-layout carded fullwidth inner-scroll">
|
2019-09-18 15:02:21 +09:00
|
|
|
<!-- TOP BACKGROUND -->
|
|
|
|
<div class="top-bg accent"></div>
|
|
|
|
<!-- / TOP BACKGROUND -->
|
|
|
|
|
|
|
|
<!-- CENTER -->
|
|
|
|
<div class="center">
|
|
|
|
<!-- CONTENT CARD -->
|
|
|
|
<div class="content-card">
|
|
|
|
<mat-sidenav-container>
|
|
|
|
<!-- LEFT SIDENAV -->
|
|
|
|
<mat-sidenav
|
2019-09-24 09:03:36 +09:00
|
|
|
class="sidenav left-sidenav"
|
2019-09-18 15:02:21 +09:00
|
|
|
position="start"
|
|
|
|
opened="true"
|
|
|
|
mode="side"
|
|
|
|
matIsLockedOpen="gt-md"
|
|
|
|
>
|
2019-09-23 14:23:24 +09:00
|
|
|
<app-layout-chat-left-sidenav></app-layout-chat-left-sidenav>
|
2019-09-18 15:02:21 +09:00
|
|
|
</mat-sidenav>
|
|
|
|
<!-- / LEFT SIDENAV -->
|
|
|
|
|
|
|
|
<!-- CONTENT -->
|
2019-09-23 14:23:24 +09:00
|
|
|
<app-layout-chat-intro *ngIf="!selectedChat"></app-layout-chat-intro>
|
2019-09-18 15:02:21 +09:00
|
|
|
|
2019-09-23 14:23:24 +09:00
|
|
|
<app-layout-chat-messages
|
|
|
|
*ngIf="selectedChat"
|
|
|
|
></app-layout-chat-messages>
|
2019-09-18 15:02:21 +09:00
|
|
|
<!-- / CONTENT -->
|
|
|
|
<!-- RIGHT SIDENAV -->
|
2019-09-24 09:03:36 +09:00
|
|
|
<mat-sidenav
|
|
|
|
class="sidenav right-sidenav"
|
|
|
|
position="end"
|
|
|
|
opened="true"
|
|
|
|
mode="side"
|
|
|
|
>
|
2019-09-23 14:23:24 +09:00
|
|
|
<app-layout-chat-right-sidenav></app-layout-chat-right-sidenav>
|
2019-09-18 15:02:21 +09:00
|
|
|
</mat-sidenav>
|
|
|
|
<!-- / RIGHT SIDENAV -->
|
|
|
|
</mat-sidenav-container>
|
|
|
|
</div>
|
|
|
|
<!-- / CONTENT CARD -->
|
|
|
|
</div>
|
|
|
|
<!-- / CENTER -->
|
|
|
|
</div>
|