next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html
2020-01-22 10:36:14 +09:00

67 lines
2.2 KiB
HTML

<div class="container">
<div fxFlexFill class="left-side-tabs-body">
<div
#tabs
class="left-side-tabs-contents"
[style.display]="MainMenu.Group === currentTabLable ? 'block' : 'none'"
>
<app-layout-chat-left-sidenav-group
class="left-group-side"
(newGroupAndMember)="onClickNewGroupAndMember()"
(openProfile)="onClickOpenProfile($event)"
></app-layout-chat-left-sidenav-group>
</div>
<div
#tabs
class="left-side-tabs-contents"
[style.display]="MainMenu.Chat === currentTabLable ? 'block' : 'none'"
>
<app-layout-chat-left-sidenav-chat></app-layout-chat-left-sidenav-chat>
</div>
<div
#tabs
class="left-side-tabs-contents"
[style.display]="
MainMenu.Organization === currentTabLable ? 'block' : 'none'
"
>
<app-layout-chat-left-sidenav-organization
[selectedUserList]="selectedUserList"
[isVisible]="currentTabLable === MainMenu.Organization"
(checkAllUser)="onCheckAllUser($event)"
(checkUser)="onCheckUser($event)"
(openProfile)="onClickOpenProfile($event)"
(sendCall)="onClickSendClickToCall($event)"
(sendSms)="onClickSendSms($event)"
(toggleUser)="onToggleUser($event)"
(resetSelectedUserList)="onResetSelectedUserList($event)"
class="organization-side"
></app-layout-chat-left-sidenav-organization>
</div>
<div
#tabs
class="left-side-tabs-contents"
[style.display]="MainMenu.Message === currentTabLable ? 'block' : 'none'"
>
<app-layout-chat-left-sidenav-message
#messageBoxComponent
[isVisible]="currentTabLable === MainMenu.Message"
(doRefreshUnReadCount)="getMessageUnreadCount()"
></app-layout-chat-left-sidenav-message>
</div>
<div
#tabs
class="left-side-tabs-contents"
[style.display]="MainMenu.Call === currentTabLable ? 'block' : 'none'"
>
<app-layout-chat-left-sidenav-call></app-layout-chat-left-sidenav-call>
</div>
</div>
<ucap-float-action-button
*ngIf="fabButtonShow"
[fabButtons]="fabButtons"
(buttonClick)="onClickFab($event)"
></ucap-float-action-button>
</div>