2019-02-23 07:29:35 +08:00
|
|
|
<a class="button btn btn-secondary"
|
2019-02-15 07:25:55 +08:00
|
|
|
[routerLink]="['/search', person.name, {type: SearchTypes[SearchTypes.person]}]"
|
|
|
|
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-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-02-15 07:25:55 +08:00
|
|
|
<div class="person-name">{{person.name}} ({{person.count}})</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
|