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

<div #leftSideContainer 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>