ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactoring

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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>

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

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

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

@ -19,52 +19,12 @@
(keyDownEnter)="onKeyDownEnterOrganizationTenantSearch($event)"
(cancel)="onClickCancel()"
></ucap-organization-tenant-search>
<mat-menu
#groupMenu="matMenu"
xPosition="after"
yPosition="below"
[hasBackdrop]="false"
>
<button mat-menu-item (click)="onClickGroupMenu('GROUP_NEW')">
<!--<mat-icon>group_add</mat-icon>-->
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="butt"
stroke-linejoin="round"
>
<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="8.5" cy="7" r="4"></circle>
<line x1="20" y1="8" x2="20" y2="14"></line>
<line x1="23" y1="11" x2="17" y2="11"></line>
</svg>
<span>새 그룹 추가</span>
</button>
<button mat-menu-item (click)="onClickGroupMenu('GROUP_EXPAND_MORE')">
<mat-icon>expand_more</mat-icon>
<span>그룹 전체 열기</span>
</button>
<button mat-menu-item (click)="onClickGroupMenu('GROUP_EXPAND_LESS')">
<mat-icon>expand_less</mat-icon>
<span>그룹 전체 닫기</span>
</button>
<button mat-menu-item (click)="onClickGroupMenu('GROUP_SAVE')">
<mat-icon>save</mat-icon>
<span>그룹 저장하기</span>
</button>
<button mat-menu-item (click)="onClickGroupMenu('GROUP_RESTORE')">
<mat-icon>restore</mat-icon>
<span>그룹 가져오기</span>
</button>
</mat-menu>
</div>
<div *ngIf="!isShowSearch" class="search-result" style="overflow: auto;">
<div
[style.display]="isShowSearch ? 'none' : 'block'"
class="search-result"
style="overflow: auto;"
>
<perfect-scrollbar>
<ucap-group-expansion-panel
#groupExpansionPanel
@ -85,7 +45,7 @@
</ucap-group-expansion-panel>
</perfect-scrollbar>
</div>
<div *ngIf="isShowSearch" class="search-result">
<div [style.display]="isShowSearch ? 'block' : 'none'" class="search-result">
<div *ngIf="searchProcessing">
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
</div>
@ -105,6 +65,50 @@
</ucap-profile-user-list-item>
</div>
<mat-menu
#groupMenu="matMenu"
xPosition="after"
yPosition="below"
[hasBackdrop]="false"
>
<button mat-menu-item (click)="onClickGroupMenu('GROUP_NEW')">
<!--<mat-icon>group_add</mat-icon>-->
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="butt"
stroke-linejoin="round"
>
<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="8.5" cy="7" r="4"></circle>
<line x1="20" y1="8" x2="20" y2="14"></line>
<line x1="23" y1="11" x2="17" y2="11"></line>
</svg>
<span>새 그룹 추가</span>
</button>
<button mat-menu-item (click)="onClickGroupMenu('GROUP_EXPAND_MORE')">
<mat-icon>expand_more</mat-icon>
<span>그룹 전체 열기</span>
</button>
<button mat-menu-item (click)="onClickGroupMenu('GROUP_EXPAND_LESS')">
<mat-icon>expand_less</mat-icon>
<span>그룹 전체 닫기</span>
</button>
<button mat-menu-item (click)="onClickGroupMenu('GROUP_SAVE')">
<mat-icon>save</mat-icon>
<span>그룹 저장하기</span>
</button>
<button mat-menu-item (click)="onClickGroupMenu('GROUP_RESTORE')">
<mat-icon>restore</mat-icon>
<span>그룹 가져오기</span>
</button>
</mat-menu>
<div
style="visibility: hidden; position: fixed"
[style.left]="profileContextMenuPosition.x"