<div class="card-wrapper">
  <div class="file-type-image" [ngStyle]="{'background-image': 'url('+ icon +')'}"></div>
  <kendo-card class="upload-card-content upload-thumb" [width]="'200px'"   [ngStyle]="{'background-image' : 'url(' + thumbImage + ')'}">

    <kendo-card-header class="k-hbox">
      <button class="action" kendoButton icon="trash" (click)="onDelete(uploadId)"></button>
      <p> {{ ( uploadMeta.FileName.length > 17 ) ? (uploadMeta.FileName | slice:0:17) + "..." : (uploadMeta.FileName)}} </p>
    </kendo-card-header>
    <kendo-card-body>
      <p class="FileName"> {{uploadMeta.FileName}} </p>
      <p class="ts" > {{uploadMeta.Ts | date:"longDate" }} </p>
      <p class="Id" > Id = {{uploadMeta.Id }} </p>
      <div *ngIf="IsNew" class="isNew">NEW</div>
    </kendo-card-body>
    <kendo-card-footer>
      <button class="action" kendoButton icon="track-changes" (click)="onNavigateTo(uploadId)"></button>
      <button class="action" kendoButton icon="download" (click)="onDownload(uploadId)" ></button>
      <button class="action" kendoButton icon="search"  (click)="onSearch(uploadId)" ></button>
      <a #downloadLink ></a>
    </kendo-card-footer>


  </kendo-card>
</div>

<app-image-popup-dialog #imgBox></app-image-popup-dialog>
