2019-10-18 12:49:23 +09:00
|
|
|
<mat-accordion
|
|
|
|
#groupAccordion="matAccordion"
|
|
|
|
[multi]="true"
|
|
|
|
[displayMode]="'flat'"
|
|
|
|
>
|
|
|
|
<mat-expansion-panel
|
|
|
|
*ngIf="favoritBuddyList.length > 0 && !checkable"
|
|
|
|
[togglePosition]="'before'"
|
|
|
|
>
|
2019-10-10 15:50:50 +09:00
|
|
|
<mat-expansion-panel-header>
|
|
|
|
<mat-panel-title> 즐겨찾기 </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>
|
2019-10-10 15:50:50 +09:00
|
|
|
</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
|
|
|
>
|
2019-09-24 09:03:36 +09:00
|
|
|
<mat-expansion-panel-header>
|
2019-09-27 12:53:21 +09:00
|
|
|
<mat-panel-title> {{ groupBuddy.group.name }} </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>
|
2019-09-24 09:03:36 +09:00
|
|
|
</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>
|
2019-09-24 09:03:36 +09:00
|
|
|
</mat-expansion-panel>
|
|
|
|
</mat-accordion>
|