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

46 lines
1.5 KiB
HTML
Raw Normal View History

2019-09-26 05:38:21 +00:00
<div class="container">
2019-10-21 04:20:14 +00:00
<!--<div>
LG ucap
<button mat-icon-button aria-label="New Chat" (click)="onClickNewChat()">
<mat-icon>chat</mat-icon>
</button>
2019-10-21 04:20:14 +00:00
</div>-->
<div class="logo">로고</div>
<mat-tab-group mat-stretch-tabs animationDuration="0ms" class="global-menu">
2019-09-26 05:38:21 +00:00
<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>
2019-10-18 03:49:23 +00:00
<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>
<app-layout-chat-left-sidenav-organization
[selectedUserList]="selectedUserList"
(checkUser)="onCheckUser($event)"
></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>