45 lines
1.3 KiB
HTML
Raw Normal View History

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">
<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>
</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>
</mat-expansion-panel>
</mat-accordion>