1
0
mirror of https://github.com/bpatrik/pigallery2.git synced 2024-12-25 02:04:15 +02:00
pigallery2/frontend/app/gallery/grid/photo/photo.grid.gallery.component.html

33 lines
1.5 KiB
HTML
Raw Normal View History

<div #photoContainer class="photo-container" (mouseover)="hover()" (mouseout)="mouseOut()">
<img #img [src]="image.src" [hidden]="!image.show || loading.show" (load)="onImageLoad()">
2016-06-17 11:25:15 +02:00
2016-06-23 22:25:16 +02:00
<gallery-grid-photo-loading [animate]="loading.animate" *ngIf="loading.show">
2016-06-17 11:25:15 +02:00
</gallery-grid-photo-loading>
2016-06-17 00:05:31 +02:00
<!--Info box -->
2016-06-23 22:25:16 +02:00
<div #info class="info" [style.margin-top.px]="-infoStyle.height"
2016-06-17 00:05:31 +02:00
[style.background]="infoStyle.background">
2016-05-15 18:52:07 +02:00
<div class="photo-name">{{gridPhoto.photo.name}}</div>
<div class="photo-position" *ngIf="gridPhoto.photo.metadata.positionData">
2016-05-15 19:46:25 +02:00
<span class="glyphicon glyphicon-map-marker"></span>
2016-05-16 19:36:04 +02:00
<template [ngIf]="getPositionText()">
<a [routerLink]="['/search', getPositionText(), {type:SearchTypes[SearchTypes.position]}]"
2016-05-16 19:36:04 +02:00
*ngIf="searchEnabled">
{{getPositionText()}}
</a>
<span *ngIf="!searchEnabled">{{getPositionText()}}</span>
</template>
2016-05-15 18:52:07 +02:00
</div>
<div class="photo-keywords">
<template ngFor let-keyword [ngForOf]="gridPhoto.photo.metadata.keywords" let-last="last">
2016-05-16 19:36:04 +02:00
<a *ngIf="searchEnabled"
[routerLink]="['/search', keyword, {type: SearchTypes[SearchTypes.keyword]}]">#{{keyword}}</a>
2016-05-16 19:36:04 +02:00
<span *ngIf="!searchEnabled">#{{keyword}}</span>
2016-05-15 18:52:07 +02:00
<template [ngIf]="!last">,</template>
</template>
</div>
</div>
</div>