2019-03-04 04:17:42 +08:00
|
|
|
<a [routerLink]="['/search', person.name, {type: SearchTypes[SearchTypes.person]}]"
|
2019-02-15 07:25:55 +08:00
|
|
|
style="display: inline-block;">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="photo-container"
|
2019-03-03 17:30:12 +08:00
|
|
|
[style.width.px]="size"
|
|
|
|
[style.height.px]="size">
|
2019-03-04 04:17:42 +08:00
|
|
|
|
2019-02-15 07:25:55 +08:00
|
|
|
<div class="photo"
|
2019-03-03 17:30:12 +08:00
|
|
|
*ngIf="thumbnail && thumbnail.Available"
|
2019-02-15 07:25:55 +08:00
|
|
|
[style.background-image]="getSanitizedThUrl()"></div>
|
|
|
|
|
2019-03-03 17:30:12 +08:00
|
|
|
<span *ngIf="!thumbnail || !thumbnail.Available" class="oi oi-person no-image"
|
|
|
|
aria-hidden="true">
|
|
|
|
</span>
|
2019-02-15 07:25:55 +08:00
|
|
|
</div>
|
2019-03-03 17:30:12 +08:00
|
|
|
|
|
|
|
|
2019-02-15 07:25:55 +08:00
|
|
|
<!--Info box -->
|
2019-03-03 17:30:12 +08:00
|
|
|
<div class="info">
|
2019-03-04 04:17:42 +08:00
|
|
|
<span (click)="CanUpdate && toggleFavourite($event)"
|
|
|
|
class="star oi oi-star"
|
|
|
|
[ngClass]="{'favourite':person.isFavourite, 'clickable':CanUpdate}"></span>
|
|
|
|
{{person.name}} ({{person.count}})
|
2019-02-15 07:25:55 +08:00
|
|
|
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
|