2018-05-26 20:49:55 -04:00
|
|
|
<a #dirContainer class="button btn btn-default"
|
|
|
|
[routerLink]="['/gallery', getDirectoryPath()]"
|
|
|
|
[queryParams]="queryService.getParams()"
|
2016-05-15 18:52:07 +02:00
|
|
|
style="display: inline-block;">
|
2017-03-18 00:11:53 +01:00
|
|
|
|
|
|
|
|
2017-07-20 21:06:59 +02:00
|
|
|
<div class="photo-container"
|
2017-07-20 23:00:49 +02:00
|
|
|
[style.width.px]="calcSize()"
|
|
|
|
[style.height.px]="calcSize()">
|
2018-12-10 17:54:24 +01:00
|
|
|
<div [ngClass]="'photo ' + (SamplePhoto ? 'photo-orientation-'+SamplePhoto.metadata.orientation : '')"
|
2018-11-02 10:40:09 +01:00
|
|
|
*ngIf="thumbnail && thumbnail.Available"
|
2017-07-03 19:17:49 +02:00
|
|
|
[style.background-image]="getSanitizedThUrl()"></div>
|
2017-03-18 00:11:53 +01:00
|
|
|
|
2018-05-13 16:59:57 -04:00
|
|
|
<span *ngIf="!thumbnail || !thumbnail.Available" class="oi oi-folder no-image"
|
2017-07-03 19:17:49 +02:00
|
|
|
aria-hidden="true">
|
2017-03-18 00:11:53 +01:00
|
|
|
</span>
|
2017-07-03 19:17:49 +02:00
|
|
|
</div>
|
|
|
|
<!--Info box -->
|
|
|
|
<div #info class="info">
|
2017-07-15 18:25:29 +02:00
|
|
|
<div class="directory-name">{{directory.name}}</div>
|
2017-03-18 00:11:53 +01:00
|
|
|
|
2017-07-03 19:17:49 +02:00
|
|
|
</div>
|
2016-04-24 20:56:54 +02:00
|
|
|
</a>
|
2016-04-30 18:01:54 +02:00
|
|
|
|