2019-10-07 17:02:14 +09:00
|
|
|
<mat-accordion #groupAccordion="matAccordion" [multi]="true">
|
2019-09-27 12:53:21 +09:00
|
|
|
<mat-expansion-panel *ngFor="let groupBuddy of groupBuddyList">
|
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-09-26 11:11:22 +09:00
|
|
|
<mat-panel-description> </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-02 14:34:17 +09:00
|
|
|
<button
|
|
|
|
mat-button
|
|
|
|
class="contact"
|
2019-09-27 12:53:21 +09:00
|
|
|
*ngFor="let buddy of groupBuddy.buddyList"
|
|
|
|
(click)="onClickBuddy(buddy)"
|
2019-10-02 14:34:17 +09:00
|
|
|
[@animate]="{ value: '*', params: { y: '100%' } }"
|
2019-09-27 12:53:21 +09:00
|
|
|
>
|
2019-10-02 14:34:17 +09:00
|
|
|
<div fxLayout="row" fxLayoutAlign="start center">
|
|
|
|
<div
|
|
|
|
class="avatar-wrapper"
|
|
|
|
fxFlex="0 1 auto"
|
|
|
|
fxLayoutAlign="center center"
|
|
|
|
>
|
|
|
|
<img class="avatar" />
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div fxLayout="row" fxFlex>
|
|
|
|
<div
|
|
|
|
class="pr-4"
|
|
|
|
fxFlex
|
|
|
|
fxLayout="column"
|
|
|
|
fxLayoutAlign="center start"
|
|
|
|
>
|
|
|
|
<div class="contact-name">{{ buddy.name }}</div>
|
|
|
|
<div class="contact-last-message">{{ buddy.name }}</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div fxLayout="column" fxLayoutAlign="start end">
|
|
|
|
<div class="contact-last-message-time">
|
|
|
|
{{ buddy.name }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</button>
|
2019-09-24 09:03:36 +09:00
|
|
|
</mat-expansion-panel>
|
|
|
|
</mat-accordion>
|