mirror of
https://github.com/xuthus83/pigallery2.git
synced 2024-11-03 21:04:03 +08:00
23 lines
1.1 KiB
HTML
23 lines
1.1 KiB
HTML
<div class="photo-container" (mouseover)="hover()" (mouseout)="mouseOut()">
|
|
<img #image [src]="gridPhoto.getThumbnailPath()">
|
|
<div class="info" #info [style.margin-top.px]="-infoStyle.height" [style.background]="infoStyle.background">
|
|
<div class="photo-name">{{gridPhoto.photo.name}}</div>
|
|
|
|
<div class="photo-position" *ngIf="gridPhoto.photo.metadata.positionData">
|
|
<span class="glyphicon glyphicon-map-marker"></span>
|
|
<a *ngIf="gridPhoto.photo.metadata.positionData.city || gridPhoto.photo.metadata.positionData.state || gridPhoto.photo.metadata.positionData.country">
|
|
{{gridPhoto.photo.metadata.positionData.city || gridPhoto.photo.metadata.positionData.state ||
|
|
gridPhoto.photo.metadata.positionData.country}}
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="photo-keywords">
|
|
<template ngFor let-keyword [ngForOf]="gridPhoto.photo.metadata.keywords" let-last="last">
|
|
#<a>{{keyword}}</a>
|
|
<template [ngIf]="!last">,</template>
|
|
</template>
|
|
|
|
</div>
|
|
</div>
|
|
</div> |