<div class="item">
  <publications-list-item-menu [data]="item" [editMode]="editMode"></publications-list-item-menu>
  <div class="block" [class.nopublish]="!this.item.isPublished">
    <div class="date" [innerHTML]="item?.publishedAt | date:'dd.MM.yyyy'"></div>
    <div class="title" [innerText]="item.name"></div>
    <div class="photos" *ngIf="item?.assets?.data">
      <ng-template ngFor let-asset [ngForOf]="item.assets.data" let-i="index">
        <div *ngIf="i<8" class="photo">
          <img [src]="asset?.links?.thumb" (click)="show(asset.id)" />
        </div>
      </ng-template>
    </div>
    <div class="more" (click)="showAll()">Показать все {{item?.assets?.data?.length}} фото</div>
  </div>
</div>
<div *ngIf="showFullscreen" class="fullscreen">
  <div class="close" (click)="showFullscreen = false"></div>
  <div class="left" (click)="back()">
    <div *ngIf="backId!==''" class="circle"></div>
  </div>
  <div class="center">
    <div class="photo" (click)="showFullscreen = false">
      <div class="title">{{item.name}}. {{activeIndex + 1}} из {{items.length}}</div>
      <img (click)="showFullscreen = false" [src]="photo"/>
    </div>
  </div>
  <div class="right" (click)="next()">
    <div *ngIf="nextId!==''" class="circle"></div>
  </div>
</div>

