Yrkki/cv-generator-fe

<div [ngClass]="portfolioService.toolbarService.pagination ? 'tryKeepTogether' : ''">
  <app-header key="Publications" [headingLevel]="3" [nextSortElement]="nextSort"></app-header>
  <div id="{{ entities['Publications']?.content }}" class="collapse show">
    <div [ngClass]="portfolioService.toolbarService.pagination ? 'tryKeepTogether' : ''">
      <app-header key="Publications Index" [headingLevel]="4" [editModeOnly]="true">
      </app-header>
      <div #nextSort id="{{ entities['Publications Index']?.content }}" class="collapse show">
        <span (keypress)="inputService.keypress($event)"
          (click)="portfolioService.engine.searchService.updateSearchToken($event)">
          <ng-container
            *ngFor="let publication of truncatorService.truncated(sorterService.sorted(filtered.Publications)); let i = index; trackBy: trackByFn">
            <ng-container *ngIf="i > 0">&nbsp;{{ frequenciesDivider }} </ng-container>
            <app-index [propertyName]="publication" [truncatorService]="truncatorService"></app-index>
          </ng-container>
        </span>
        <ng-container *ngIf="truncatorService.remainingLength(filtered.Publications) > 0">
          <span class="more">+{{ truncatorService.remainingLength(filtered.Publications) }}&nbsp;more… </span>
        </ng-container>
      </div>
    </div>

    <app-header key="Publications List" [headingLevel]="4" [editModeOnly]="true"></app-header>
    <div id="{{ entities['Publications List']?.content }}" class="collapse show">
      <div
        *ngFor="let publication of truncatorService.truncated(sorterService.sorted(filtered.Publications)); trackBy: trackByFn">
        <app-publication-list [propertyName]="publication"></app-publication-list>
      </div>
      <ng-container *ngIf="truncatorService.remainingLength(filtered.Publications) > 0">
        <div class="more">+{{ truncatorService.remainingLength(filtered.Publications) }}&nbsp;more… </div>
      </ng-container>
    </div>
  </div>
</div>