27 lines
809 B
HTML
27 lines
809 B
HTML
|
<button
|
||
|
|
mat-button
|
||
|
|
class="contact"
|
||
|
|
(click)="onClickItem()"
|
||
|
|
ngClass="{'unread':contact.unread}"
|
||
|
|
[@animate]="{ value: '*', params: { y: '100%' } }"
|
||
|
|
>
|
||
|
|
<div fxLayout="row" fxLayoutAlign="start center">
|
||
|
|
<div class="avatar-wrapper" fxFlex="0 1 auto" fxLayoutAlign="center center">
|
||
|
|
<img class="avatar" />
|
||
|
|
<mat-icon class="s-16 status"></mat-icon>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div fxLayout="row" fxFlex>
|
||
|
|
<div class="pr-4" fxFlex fxLayout="column" fxLayoutAlign="center start">
|
||
|
|
<div class="profile-name"></div>
|
||
|
|
<div class="profile-last-message"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div fxLayout="column" fxLayoutAlign="start end">
|
||
|
|
<div class="profile-last-message-time"></div>
|
||
|
|
<div class="mt-4 unread-message-count accent"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</button>
|