<a #dirContainer class="button btn btn-default" [routerLink]="['/gallery', getDirectoryPath()]"
   [queryParams]="_shareService.isSharing() ? { sk: _shareService.getSharingKey() }:{}"
   style="display: inline-block;">


  <div class="photo-container"
       [style.width.px]="calcSize()"
       [style.height.px]="calcSize()">
    <div class="photo" *ngIf="thumbnail && thumbnail.Available"
         [style.background-image]="getSanitizedThUrl()"></div>

    <span *ngIf="!thumbnail || !thumbnail.Available" class="oi oi-folder no-image"
          aria-hidden="true">
    </span>
  </div>
  <!--Info box -->
  <div #info class="info">
    <div class="directory-name">{{directory.name}}</div>

  </div>
</a>

