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