mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-04-19 14:52:34 +00:00
c06e99dc97
Lots of breaking changes, all "md" prefixes changed with "mat" due to angular material deprecation of "md", md2 package removed, its not compatible with latest material version, will be replaced with another date picker later.
44 lines
1.4 KiB
HTML
44 lines
1.4 KiB
HTML
<div id="chat" class="page-layout carded fullwidth">
|
|
|
|
<!-- TOP BACKGROUND -->
|
|
<div class="top-bg mat-accent-bg"></div>
|
|
<!-- / TOP BACKGROUND -->
|
|
|
|
<!-- CENTER -->
|
|
<div class="center">
|
|
|
|
<!-- CONTENT CARD -->
|
|
<div class="content-card">
|
|
|
|
<mat-sidenav-container>
|
|
|
|
<!-- LEFT SIDENAV -->
|
|
<mat-sidenav class="sidenav mat-sidenav-opened" align="start" opened="true" mode="side"
|
|
fuseMatSidenavHelper="chat-left-sidenav" mat-is-locked-open="gt-md">
|
|
<fuse-chat-left-sidenav></fuse-chat-left-sidenav>
|
|
</mat-sidenav>
|
|
<!-- / LEFT SIDENAV -->
|
|
|
|
<!-- CONTENT -->
|
|
<fuse-chat-start *ngIf="!selectedChat"></fuse-chat-start>
|
|
|
|
<fuse-chat-view *ngIf="selectedChat"></fuse-chat-view>
|
|
<!-- / CONTENT -->
|
|
|
|
<!-- RIGHT SIDENAV -->
|
|
<mat-sidenav class="sidenav mat-sidenav-opened" align="end" opened="false" mode="over"
|
|
fuseMatSidenavHelper="chat-right-sidenav">
|
|
<fuse-chat-right-sidenav></fuse-chat-right-sidenav>
|
|
</mat-sidenav>
|
|
<!-- / RIGHT SIDENAV -->
|
|
|
|
</mat-sidenav-container>
|
|
|
|
</div>
|
|
<!-- / CONTENT CARD -->
|
|
|
|
</div>
|
|
<!-- / CENTER -->
|
|
|
|
</div>
|