bug fixed

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html

@@ -77,6 +77,7 @@
                 <i class="mid mid-24 mdi-account-multiple"></i>
               </button>
             </ng-template>
+            <div fxFlexFill>
               <div class="mat-tab-frame dialog-tab-grouplist">
                 <div>
                   <ucap-organization-tenant-search
@@ -152,6 +153,10 @@
                   </ucap-profile-user-list-item>
                 </div>
               </div>
+              <ng-template
+                [ngTemplateOutlet]="selectedUserListTemplate"
+              ></ng-template>
+            </div>
           </mat-tab>
           <mat-tab>
             <ng-template mat-tab-label>
@@ -159,6 +164,7 @@
                 <i class="mid mid-24 mdi-file-tree"></i>
               </button>
             </ng-template>
+            <div fxFlexFill>
               <div class="mat-tab-frame dialog-tab-orglist">
                 <app-layout-chat-left-sidenav-organization
                   [showTitle]="false"
@@ -173,6 +179,10 @@
                 >
                 </app-layout-chat-left-sidenav-organization>
               </div>
+              <ng-template
+                [ngTemplateOutlet]="selectedUserListTemplate"
+              ></ng-template>
+            </div>
           </mat-tab>
           <mat-tab *ngIf="data.type === UserSelectDialogType.MessageForward">
             <ng-template mat-tab-label>
@@ -183,6 +193,7 @@
                 ><i class="mid mid-24 mdi-chat"></i>
               </mat-icon>
             </ng-template>
+            <div fxFlexFill style="max-height: 508px;">
               <div class="mat-tab-frame dialog-tab-chatlist">
                 <ucap-room-list-item
                   *ngFor="let room of roomList"
@@ -199,27 +210,9 @@
                 >
                 </ucap-room-list-item>
               </div>
+            </div>
           </mat-tab>
         </mat-tab-group>
-
-      <div *ngIf="isShowSelectedUserList" class="list-chip">
-        <mat-chip-list aria-label="User selection">
-          <mat-chip
-            *ngFor="let userInfo of selectedUserList"
-            [selected]="getChipsRemoveYn(userInfo)"
-            (removed)="onClickDeleteUser(userInfo)"
-          >
-            {{ userInfo.name }}
-            <mat-icon matChipRemove *ngIf="getChipsRemoveYn(userInfo)"
-              >clear</mat-icon
-            >
-          </mat-chip>
-        </mat-chip-list>
-      </div>
-      <span *ngIf="isShowSelectedUserList"
-        >{{ selectedUserList.length }}
-        {{ 'common.units.persons' | translate }}</span
-      >
       </div>
     </div>
   </mat-card-content>
@@ -241,3 +234,24 @@
     </button>
   </mat-card-actions>
 </mat-card>
+
+<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.name }}
+        <mat-icon matChipRemove *ngIf="getChipsRemoveYn(userInfo)"
+          >clear</mat-icon
+        >
+      </mat-chip>
+    </mat-chip-list>
+  </div>
+  <span>
+    {{ selectedUserList.length }}
+    {{ 'common.units.persons' | translate }}
+  </span>
+</ng-template>

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.ts

@@ -185,7 +185,7 @@ export class CreateChatDialogComponent implements OnInit, OnDestroy {
     | UserInfoDN
     | RoomUserInfo
   )[] = [];
-  isShowSelectedUserList = true;
+
   selectedRoom: RoomInfo;
 
   inputForm: FormGroup;
@@ -399,10 +399,8 @@ export class CreateChatDialogComponent implements OnInit, OnDestroy {
 
     if (tabChangeEvent.index === 2) {
       this.selectedUserList = [];
-      this.isShowSelectedUserList = false;
     } else {
       this.selectedRoom = null;
-      this.isShowSelectedUserList = true;
     }
   }