refactoring

This commit is contained in:
병준 박 2019-11-18 09:22:36 +09:00
parent 314dc75c96
commit 4dc92c0005
3 changed files with 80 additions and 50 deletions

View File

@ -119,17 +119,32 @@
</mat-tab-group> </mat-tab-group>
<div class="left-side-tabs-body"> <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 <app-layout-chat-left-sidenav-group
class="left-group-side" class="left-group-side"
(newGroupAndMember)="onClickNewGroupAndMember()" (newGroupAndMember)="onClickNewGroupAndMember()"
(openProfile)="onClickOpenProfile($event)" (openProfile)="onClickOpenProfile($event)"
></app-layout-chat-left-sidenav-group> ></app-layout-chat-left-sidenav-group>
</div> </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> <app-layout-chat-left-sidenav-chat></app-layout-chat-left-sidenav-chat>
</div> </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 <app-layout-chat-left-sidenav-organization
[selectedUserList]="selectedUserList" [selectedUserList]="selectedUserList"
(checkAllUser)="onCheckAllUser($event)" (checkAllUser)="onCheckAllUser($event)"
@ -137,7 +152,12 @@
class="organization-side" class="organization-side"
></app-layout-chat-left-sidenav-organization> ></app-layout-chat-left-sidenav-organization>
</div> </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> <app-layout-chat-left-sidenav-call></app-layout-chat-left-sidenav-call>
</div> </div>
</div> </div>

View File

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

View File

@ -19,6 +19,51 @@
(keyDownEnter)="onKeyDownEnterOrganizationTenantSearch($event)" (keyDownEnter)="onKeyDownEnterOrganizationTenantSearch($event)"
(cancel)="onClickCancel()" (cancel)="onClickCancel()"
></ucap-organization-tenant-search> ></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 <mat-menu
#groupMenu="matMenu" #groupMenu="matMenu"
@ -63,47 +108,6 @@
<span>그룹 가져오기</span> <span>그룹 가져오기</span>
</button> </button>
</mat-menu> </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 <div
style="visibility: hidden; position: fixed" style="visibility: hidden; position: fixed"