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

62 lines
2.8 KiB
HTML
Raw Normal View History

2019-10-07 07:29:38 +00:00
<div>
<div>
<ucap-organization-tenant-search [companyList]="companyList$ | async" [companyCode]="companyCode"
(keyDownEnter)="onKeyDownEnterOrganizationTenantSearch($event)"></ucap-organization-tenant-search>
<button mat-icon-button [matMenuTriggerFor]="groupMenu" aria-label="group menu">
2019-10-07 08:02:14 +00:00
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #groupMenu="matMenu" xPosition="after" yPosition="below" [overlapTrigger]="false">
2019-10-07 08:02:14 +00:00
<button mat-menu-item (click)="onClickGroupMenu('GROUP_NEW')">
<mat-icon>group_add</mat-icon>
<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>
2019-10-07 07:29:38 +00:00
</div>
<div>
<ucap-group-expansion-panel #groupExpansionPanel [groupBuddyList]="groupBuddyList$ | async"
[favoritBuddyList]="favoritBuddyList$ | async" (more)="onMoreGroup($event)">
<ucap-profile-user-list-item *ucapGroupExpansionPanelItem="let userInfo" [userInfo]="userInfo"
[presence]="getStatusBulkInfo(userInfo) | async" [sessionVerinfo]="sessionVerinfo"
(click)="onSelectBuddy(userInfo)" (contextMenu)="onContextMenuProfile($event)">
2019-10-11 08:52:00 +00:00
</ucap-profile-user-list-item>
2019-10-07 07:29:38 +00:00
</ucap-group-expansion-panel>
</div>
</div>
2019-10-15 02:07:26 +00:00
<div style="visibility: hidden; position: fixed" [style.left]="profileContextMenuPosition.x"
[style.top]="profileContextMenuPosition.y" [matMenuTriggerFor]="profileContextMenu"></div>
2019-10-15 02:07:26 +00:00
<mat-menu #profileContextMenu="matMenu" [overlapTrigger]="false">
<ng-template matMenuContent let-item="userInfo">
<button mat-menu-item>Action 1</button>
<button mat-menu-item>Action 2</button>
</ng-template>
</mat-menu>
2019-10-15 02:50:59 +00:00
<div style="visibility: hidden; position: fixed" [style.left]="groupContextMenuPosition.x"
[style.top]="groupContextMenuPosition.y" [matMenuTriggerFor]="groupContextMenu"></div>
2019-10-15 02:50:59 +00:00
<mat-menu #groupContextMenu="matMenu" [overlapTrigger]="false">
<ng-template matMenuContent let-item="group">
<button mat-menu-item>그룹 대화하기</button>
<button mat-menu-item>그룹 쪽지 보내기</button>
<button mat-menu-item>그룹 이름 바꾸기</button>
<button mat-menu-item>그룹 멤버 변경</button>
<button mat-menu-item>그룹 삭제</button>
</ng-template>
</mat-menu>