<!-- 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 버그 (동료 리스트와 선택유저 리스트 동기화)