refactoring

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

@@ -119,17 +119,32 @@
   </mat-tab-group>
 
   <div class="left-side-tabs-body">
-    <div #tabs id="tabs-0" style="display: block;">
+    <div
+      #tabs
+      id="tabs-0"
+      class="left-side-tabs-contents"
+      style="display: block;"
+    >
       <app-layout-chat-left-sidenav-group
         class="left-group-side"
         (newGroupAndMember)="onClickNewGroupAndMember()"
         (openProfile)="onClickOpenProfile($event)"
       ></app-layout-chat-left-sidenav-group>
     </div>
-    <div #tabs id="tabs-1" style="display: none;">
+    <div
+      #tabs
+      id="tabs-1"
+      class="left-side-tabs-contents"
+      style="display: none;"
+    >
       <app-layout-chat-left-sidenav-chat></app-layout-chat-left-sidenav-chat>
     </div>
-    <div #tabs id="tabs-2" style="display: none;">
+    <div
+      #tabs
+      id="tabs-2"
+      class="left-side-tabs-contents"
+      style="display: none;"
+    >
       <app-layout-chat-left-sidenav-organization
         [selectedUserList]="selectedUserList"
         (checkAllUser)="onCheckAllUser($event)"
@@ -137,7 +152,12 @@
         class="organization-side"
       ></app-layout-chat-left-sidenav-organization>
     </div>
-    <div #tabs id="tabs-3" style="display: none;">
+    <div
+      #tabs
+      id="tabs-3"
+      class="left-side-tabs-contents"
+      style="display: none;"
+    >
       <app-layout-chat-left-sidenav-call></app-layout-chat-left-sidenav-call>
     </div>
   </div>

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

@@ -15,6 +15,12 @@
 .left-side-tabs-body {
   height: 100%;
   width: 100%;
+  overflow: hidden;
+
+  .left-side-tabs-contents {
+    height: 100%;
+    width: 100%;
+  }
 }
 
 .container {

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

@@ -19,6 +19,51 @@
     (keyDownEnter)="onKeyDownEnterOrganizationTenantSearch($event)"
     (cancel)="onClickCancel()"
   ></ucap-organization-tenant-search>
+</div>
+<div
+  [style.display]="isShowSearch ? 'none' : 'block'"
+  class="search-result"
+  style="overflow: auto;"
+>
+  <perfect-scrollbar>
+    <ucap-group-expansion-panel
+      #groupExpansionPanel
+      [groupBuddyList]="groupBuddyList$ | async"
+      [favoritBuddyList]="favoritBuddyList$ | async"
+      [myProfileInfo]="loginRes.userInfo"
+      (more)="onMoreGroup($event)"
+    >
+      <ucap-profile-user-list-item
+        *ucapGroupExpansionPanelItem="let userInfo"
+        [userInfo]="userInfo"
+        [sessionVerinfo]="sessionVerinfo"
+        (click)="onSelectBuddy(userInfo)"
+        (openProfile)="onClickOpenProfile($event)"
+        (contextmenu)="onContextMenuProfile($event, userInfo)"
+      >
+      </ucap-profile-user-list-item>
+    </ucap-group-expansion-panel>
+  </perfect-scrollbar>
+</div>
+<div [style.display]="isShowSearch ? 'block' : 'none'" class="search-result">
+  <div *ngIf="searchProcessing">
+    <mat-progress-bar mode="indeterminate"></mat-progress-bar>
+  </div>
+  <div class="result-num">
+    검색결과<span class="text-accent-color"
+      >({{ searchUserInfos.length }}명)</span
+    >
+  </div>
+  <ucap-profile-user-list-item
+    *ngFor="let userInfo of searchUserInfos"
+    [userInfo]="userInfo"
+    [presence]="getStatusBulkInfo(userInfo) | async"
+    [sessionVerinfo]="sessionVerinfo"
+    (click)="onSelectBuddy(userInfo)"
+    (openProfile)="onClickOpenProfile($event)"
+  >
+  </ucap-profile-user-list-item>
+</div>
 
 <mat-menu
   #groupMenu="matMenu"
@@ -63,47 +108,6 @@
     <span>그룹 가져오기</span>
   </button>
 </mat-menu>
-</div>
-<div *ngIf="!isShowSearch" class="search-result" style="overflow: auto;">
-  <perfect-scrollbar>
-    <ucap-group-expansion-panel
-      #groupExpansionPanel
-      [groupBuddyList]="groupBuddyList$ | async"
-      [favoritBuddyList]="favoritBuddyList$ | async"
-      [myProfileInfo]="loginRes.userInfo"
-      (more)="onMoreGroup($event)"
-    >
-      <ucap-profile-user-list-item
-        *ucapGroupExpansionPanelItem="let userInfo"
-        [userInfo]="userInfo"
-        [sessionVerinfo]="sessionVerinfo"
-        (click)="onSelectBuddy(userInfo)"
-        (openProfile)="onClickOpenProfile($event)"
-        (contextmenu)="onContextMenuProfile($event, userInfo)"
-      >
-      </ucap-profile-user-list-item>
-    </ucap-group-expansion-panel>
-  </perfect-scrollbar>
-</div>
-<div *ngIf="isShowSearch" class="search-result">
-  <div *ngIf="searchProcessing">
-    <mat-progress-bar mode="indeterminate"></mat-progress-bar>
-  </div>
-  <div class="result-num">
-    검색결과<span class="text-accent-color"
-      >({{ searchUserInfos.length }}명)</span
-    >
-  </div>
-  <ucap-profile-user-list-item
-    *ngFor="let userInfo of searchUserInfos"
-    [userInfo]="userInfo"
-    [presence]="getStatusBulkInfo(userInfo) | async"
-    [sessionVerinfo]="sessionVerinfo"
-    (click)="onSelectBuddy(userInfo)"
-    (openProfile)="onClickOpenProfile($event)"
-  >
-  </ucap-profile-user-list-item>
-</div>
 
 <div
   style="visibility: hidden; position: fixed"