80 lines
2.3 KiB
HTML
80 lines
2.3 KiB
HTML
<ucap-group-expansion
|
|
#groupExpansion
|
|
[displayOrder]="displayOrder"
|
|
[profile]="loginRes?.userInfo"
|
|
[favorites]="favorites"
|
|
[groupBuddies]="groupBuddies"
|
|
(clickMoreMenu)="onClickMoreMenu($event)"
|
|
>
|
|
<ng-template ucapGroupExpansionNode let-node>
|
|
<app-group-profile-list-item
|
|
[userInfo]="node.userInfo"
|
|
defaultProfileImage="assets/images/img_nophoto_50.png"
|
|
[profileImageRoot]="versionInfo2Res?.profileRoot"
|
|
[checkable]="checkable"
|
|
(checkUser)="onCheckUser($event)"
|
|
(click)="onClickUser($event, node.userInfo)"
|
|
></app-group-profile-list-item>
|
|
</ng-template>
|
|
|
|
<ng-template ucapGroupExpansionFavoriteHeader let-node>
|
|
<span class="header-favorite">
|
|
<span>
|
|
{{ 'category.favorite' | ucapI18n }}
|
|
</span>
|
|
<span>{{ node.children?.length }}</span>
|
|
</span>
|
|
</ng-template>
|
|
<ng-template ucapGroupExpansionBuddyHeader let-node>
|
|
<span
|
|
class="header-buddy"
|
|
*ngIf="
|
|
!curGroup || (!!curGroup && curGroup.seq !== node.groupDetail.seq)
|
|
"
|
|
>
|
|
<span>{{ node.groupDetail.name }}</span>
|
|
<span>
|
|
{{ node.children?.length }}
|
|
</span>
|
|
</span>
|
|
<span
|
|
class="header-buddy"
|
|
*ngIf="!!curGroup && curGroup.seq === node.groupDetail.seq"
|
|
(click)="$event.stopPropagation()"
|
|
>
|
|
<mat-form-field>
|
|
<input
|
|
matInput
|
|
#groupInput
|
|
placeholder=""
|
|
[value]="node.groupDetail.name"
|
|
/>
|
|
<button
|
|
mat-button
|
|
matSuffix
|
|
mat-icon-button
|
|
aria-label="Clear"
|
|
(click)="groupInput.value = ''"
|
|
>
|
|
<mat-icon>close</mat-icon>
|
|
</button>
|
|
<button
|
|
mat-button
|
|
mat-icon-button
|
|
aria-label="Done"
|
|
(click)="onModifyGroupName(groupInput.value, node.groupDetail)"
|
|
>
|
|
<mat-icon>done</mat-icon>
|
|
</button>
|
|
</mat-form-field>
|
|
</span>
|
|
</ng-template>
|
|
<ng-template ucapGroupExpansionDefaultHeader let-node>
|
|
<span class="header-default">
|
|
<span>
|
|
{{ 'category.default' | ucapI18n }}
|
|
</span>
|
|
<span>{{ node.children?.length }}</span>
|
|
</span>
|
|
</ng-template>
|
|
</ucap-group-expansion> |