refactoring
This commit is contained in:
parent
314dc75c96
commit
4dc92c0005
@ -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>
|
||||||
|
@ -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 {
|
||||||
|
@ -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"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user