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

<div>
  <div>
    <ucap-organization-tenant-search
      [companyList]="companyList$ | async"
      [companyCode]="companyCode"
      (keyDownEnter)="onKeyDownEnterOrganizationTenantSearch($event)"
    ></ucap-organization-tenant-search>
    <button
      mat-icon-button
      [matMenuTriggerFor]="groupMenu"
      aria-label="group menu"
    >
      <mat-icon>more_vert</mat-icon>
    </button>
    <mat-menu #groupMenu="matMenu" xPosition="after" yPosition="below">
      <button mat-menu-item (click)="onClickGroupMenu('GROUP_NEW')">
        <mat-icon>group_add</mat-icon>
        <span>새 그룹 추가</span>
      </button>
      <button mat-menu-item (click)="onClickGroupMenu('GROUP_EXPAND_MORE')">
        <mat-icon>expand_more</mat-icon>
        <span>그룹 전체 열기</span>
      </button>
      <button mat-menu-item (click)="onClickGroupMenu('GROUP_EXPAND_LESS')">
        <mat-icon>expand_less</mat-icon>
        <span>그룹 전체 닫기</span>
      </button>
      <button mat-menu-item (click)="onClickGroupMenu('GROUP_SAVE')">
        <mat-icon>save</mat-icon>
        <span>그룹 저장하기</span>
      </button>
      <button mat-menu-item (click)="onClickGroupMenu('GROUP_RESTORE')">
        <mat-icon>restore</mat-icon>
        <span>그룹 가져오기</span>
      </button>
    </mat-menu>
  </div>
  <div>
    <ucap-group-expansion-panel
      #groupExpansionPanel
      [groupBuddyList]="groupBuddyList$ | async"
      [favoritBuddyList]="favoritBuddyList$ | async"
    >
      <ucap-profile-user-list-item
        *ucapGroupExpansionPanelItem="let userInfo"
        [userInfo]="userInfo"
        (click)="onSelectBuddy(userInfo)"
      >
      </ucap-profile-user-list-item>
    </ucap-group-expansion-panel>
  </div>
</div>