next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html

36 lines
1.3 KiB
HTML
Raw Normal View History

2019-09-26 05:38:21 +00:00
<div class="container">
<div>
LG ucap
<button mat-icon-button aria-label="New Chat" (click)="onClickNewChat()">
<mat-icon>chat</mat-icon>
</button>
</div>
2019-09-26 05:38:21 +00:00
<mat-tab-group mat-stretch-tabs>
<mat-tab>
<ng-template mat-tab-label>
<mat-icon>group</mat-icon>
</ng-template>
2019-10-16 06:06:22 +00:00
<app-layout-chat-left-sidenav-group></app-layout-chat-left-sidenav-group>
2019-09-26 05:38:21 +00:00
</mat-tab>
<mat-tab>
<ng-template mat-tab-label>
<mat-icon [matBadgeHidden]="((badgeChatUnReadCount$ | async) <= 0)" [matBadge]="badgeChatUnReadCount$ | async"
matBadgeDescription="확인하지 않은 메시지가 있습니다." matBadgeColor="accent" matBadgePosition="above after">chat</mat-icon>
2019-09-26 05:38:21 +00:00
</ng-template>
2019-10-16 06:06:22 +00:00
<app-layout-chat-left-sidenav-chat></app-layout-chat-left-sidenav-chat>
2019-09-26 05:38:21 +00:00
</mat-tab>
<mat-tab>
<ng-template mat-tab-label>
<mat-icon>device_hub</mat-icon>
</ng-template>
2019-10-16 06:06:22 +00:00
<app-layout-chat-left-sidenav-organization></app-layout-chat-left-sidenav-organization>
2019-09-26 05:38:21 +00:00
</mat-tab>
<mat-tab>
<ng-template mat-tab-label>
<mat-icon>phone</mat-icon>
</ng-template>
2019-10-16 06:06:22 +00:00
<app-layout-chat-left-sidenav-call></app-layout-chat-left-sidenav-call>
2019-09-26 05:38:21 +00:00
</mat-tab>
</mat-tab-group>
</div>