<!-- select user section -->
<div *ngIf="isSelectionOff">
  <ng-template [ngTemplateOutlet]="selectedUserListTemplate"></ng-template>
</div>

<ng-template #selectedUserListTemplate>
  <div class="list-chip">
    <mat-chip-list aria-label="User selection">
      <mat-chip
        *ngFor="let userInfo of selectedUserList"
        [selected]="getChipsRemoveYn(userInfo)"
        (removed)="onClickDeleteUser(userInfo)"
      >
        <!-- {{ userInfo | ucapTranslate: 'name' }} -->
        {{ userInfo.name }}
        <mat-icon matChipRemove *ngIf="getChipsRemoveYn(userInfo)"
          >clear</mat-icon
        >
      </mat-chip>
    </mat-chip-list>
  </div>
  <ng-container
    *ngIf="
      SelectUserDialogType.NewChat === SelectUserDialogType.NewChat;
      then newchatcount;
      else defaultcount
    "
  ></ng-container>
  <ng-template #newchatcount>
    <span [ngClass]="selectedUserList.length >= 300 ? 'text-warn-color' : ''">
      {{ selectedUserList.length }} / 300
      <!-- {{ environment.productConfig.CommonSetting.maxChatRoomUser - 1 }} -->
      <!-- {{ 'common.units.persons' | translate }} -->
    </span>
    <span
      class="text-warn-color"
      style="float: right;"
      *ngIf="selectedUserList.length >= 300"
    >
      <!-- ({{
        'chat.errors.maxCountOfRoomMemberWith'
          | translate
            : {
                maxCount:
                  environment.productConfig.CommonSetting.maxChatRoomUser - 1
              }
      }}) -->
    </span>
  </ng-template>
  <ng-template #defaultcount>
    <span>
      {{ selectedUserList.length }}
      <!-- {{ 'common.units.persons' | translate }} -->
    </span>
  </ng-template>
</ng-template>
<!-- select user section -->

<!-- 
<perfect-scrollbar fxFlex="1 1 auto">
  <app-group-profile-list-item
    *ngFor="let userInfo of searchUserInfos"
    [userInfo]="userInfo"
    [checkable]="checkable"
    [isChecked]="getCheckedUser(userInfo)"
    defaultProfileImage="assets/images/img_nophoto_50.png"
    (checked)="onCheckUser($event)"
  >
  </app-group-profile-list-item>
</perfect-scrollbar> 
-->


<ng-template #selectedUserListTemplate>
  <div class="list-chip">
    <mat-chip-list aria-label="User selection">
      <mat-chip
        *ngFor="let userInfo of selectedUserList"
        [selected]="getChipsRemoveYn(userInfo)"
        (removed)="onClickDeleteUser(userInfo)"
      >
        <!-- {{ userInfo | ucapTranslate: 'name' }} -->
        {{ userInfo.name }}
        <mat-icon matChipRemove *ngIf="getChipsRemoveYn(userInfo)"
          >clear</mat-icon
        >
      </mat-chip>
    </mat-chip-list>
  </div>
  <ng-container
    *ngIf="
      SelectUserDialogType.NewChat === SelectUserDialogType.NewChat;
      then newchatcount;
      else defaultcount
    "
  ></ng-container>
  <ng-template #newchatcount>
    <span [ngClass]="selectedUserList.length >= 300 ? 'text-warn-color' : ''">
      {{ selectedUserList.length }} / 300
      <!-- {{ environment.productConfig.CommonSetting.maxChatRoomUser - 1 }} -->
      <!-- {{ 'common.units.persons' | translate }} -->
    </span>
    <span
      class="text-warn-color"
      style="float: right;"
      *ngIf="selectedUserList.length >= 300"
    >
      <!-- ({{
        'chat.errors.maxCountOfRoomMemberWith'
          | translate
            : {
                maxCount:
                  environment.productConfig.CommonSetting.maxChatRoomUser - 1
              }
      }}) -->
    </span>
  </ng-template>
  <ng-template #defaultcount>
    <span>
      {{ selectedUserList.length }}
      <!-- {{ 'common.units.persons' | translate }} -->
    </span>
  </ng-template>
</ng-template>


manage.dialog.component 버그 (동료 리스트와 선택유저 리스트 동기화)