81 lines
2.6 KiB
HTML
Raw Normal View History

2019-10-21 16:59:35 +09:00
<mat-accordion #groupAccordion="matAccordion" [multi]="true">
<mat-expansion-panel
*ngIf="!!myProfileInfo && !checkable"
[togglePosition]="'before'"
class="groupExpansionPanel"
>
<mat-expansion-panel-header>
<mat-panel-title>내 프로필</mat-panel-title>
<mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header>
<ng-container>
<ng-template
[ngTemplateOutlet]="expansionPanelItemTemplateRef"
[ngTemplateOutletContext]="{ $implicit: myProfileInfo }"
>
</ng-template>
</ng-container>
</mat-expansion-panel>
2019-10-18 12:49:23 +09:00
<mat-expansion-panel
*ngIf="!!favoritBuddyList && favoritBuddyList.length > 0 && !checkable"
2019-10-18 12:49:23 +09:00
[togglePosition]="'before'"
class="groupExpansionPanel"
2019-10-18 12:49:23 +09:00
>
<mat-expansion-panel-header>
2019-10-21 16:32:22 +09:00
<mat-panel-title
>즐겨찾기
<span>({{ favoritBuddyList.length }}명)</span></mat-panel-title
>
<mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header>
2019-10-10 18:35:23 +09:00
2019-10-11 17:52:00 +09:00
<ng-container *ngFor="let favUserList of favoritBuddyList">
2019-10-18 12:49:23 +09:00
<ng-template
[ngTemplateOutlet]="expansionPanelItemTemplateRef"
[ngTemplateOutletContext]="{ $implicit: favUserList }"
>
2019-10-11 17:52:00 +09:00
</ng-template>
</ng-container>
</mat-expansion-panel>
2019-10-18 12:49:23 +09:00
<mat-expansion-panel
*ngFor="let groupBuddy of groupBuddyList"
[togglePosition]="'before'"
2019-10-21 13:20:14 +09:00
class="groupExpansionPanel"
2019-10-18 12:49:23 +09:00
>
<mat-expansion-panel-header>
2019-10-31 19:17:29 +09:00
<mat-panel-title class="panel-title">
<div class="title-name ellipsis">{{ groupBuddy.group.name }}</div>
<span class="text-accent-color number">({{ groupBuddy.buddyList.length }}명)</span>
</mat-panel-title>
2019-10-15 11:50:59 +09:00
<mat-panel-description>
<span class="more-spacer"></span>
2019-10-18 12:49:23 +09:00
<button
mat-icon-button
aria-label="group menu"
*ngIf="!checkable"
(click)="onClickMore($event, groupBuddy.group)"
>
2019-10-15 11:50:59 +09:00
<mat-icon>more_vert</mat-icon>
</button>
2019-10-18 12:49:23 +09:00
<mat-checkbox
*ngIf="checkable"
#checkbox
[checked]="getCheckedGroup(groupBuddy)"
(change)="onChangeCheck(checkbox.checked, groupBuddy)"
(click)="$event.stopPropagation()"
></mat-checkbox>
2019-10-15 11:50:59 +09:00
</mat-panel-description>
</mat-expansion-panel-header>
2019-09-27 12:53:21 +09:00
2019-10-11 17:52:00 +09:00
<ng-container *ngFor="let userInfo of groupBuddy.buddyList">
2019-10-18 12:49:23 +09:00
<ng-template
[ngTemplateOutlet]="expansionPanelItemTemplateRef"
[ngTemplateOutletContext]="{ $implicit: userInfo }"
></ng-template>
2019-10-11 17:52:00 +09:00
</ng-container>
</mat-expansion-panel>
</mat-accordion>