doneit-web/src/app/pages/publications/view-publications/view-publications.page.html

<ion-header class="ion-no-border">
  <!-- <ion-toolbar class="bg-blue"> -->
  <div class="main-header viewport-font-size">
    <div class="title-content d-flex width-100">
      <div class="cursor-pointer viewport-font-size" (click)="goBack()">
        <ion-icon class="font-35-em" *ngIf="ThemeService.currentTheme == 'default' " slot="end"
          src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
        <ion-icon class="font-35-em" *ngIf="ThemeService.currentTheme == 'doneIt' "
          src="assets/images/theme/doneIt/icons-calendar-arrow-left.svg"></ion-icon>
        <ion-icon class="font-35-em" *ngIf="ThemeService.currentTheme == 'gov' " slot="end"
          src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
      </div>
      <div *ngIf="publicationFolderService.FolderDetails[folderId]?.DateBegin != null" class="div-title  flex-grow-1">
        <p class="title font-25-em mb-10-em">{{publicationFolderService.FolderDetails[folderId].Detail}}</p>
        <p class="item-content-date font-13-em">{{publicationFolderService.FolderDetails[folderId].DateBegin | date:
          'dd-MM-yyyy HH:mm'}}</p>
      </div>
      <div
        *ngIf="p.userPermission([p.permissionList.Actions.createPost]) && publicationFolderService.FolderDetails[folderId]"
        class="cursor-pointer font-35-em"
        (click)="AddPublication('2',publicationFolderService.FolderDetails[folderId].ProcessId)">
        <!--  <ion-icon (click)="AddPublication('1',item.ProcessId)" slot="end" src='assets/images/icons-add-photo.svg'></ion-icon> -->
        <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end"
          src='assets/images/icons-add.svg'></ion-icon>
        <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end"
          src='assets/images/theme/gov/icons-add.svg'></ion-icon>
      </div>
    </div>
  </div>
  <!-- </ion-toolbar> -->
</ion-header>

<ion-content class="background-white">
  <ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
    <ion-refresher-content>
    </ion-refresher-content>
  </ion-refresher>
  <div class="main-container background-white height-100 overflow-y-auto viewport-font-size">
    <ion-content *ngIf="publicationFolderService.FolderDetails[folderId]" #VideoManager >

      <p class="px-20 item-content-detail font-14-em">{{publicationFolderService.FolderDetails[folderId].Description}}</p>

      <ion-card *ngFor="let publication of publicationFolderService.publicationList[folderId] let i = index">
        <ion-card-content >
          <div  style="width: 100%; height: 395px;">
            <app-swiper
            [publicationList]=publication
            [navigation]="false"
            [pagination]="true"
          ></app-swiper>
          </div>


          <div (click)="goToPublicationDetail(publication.DocumentId, publication.ProcessId)" class="post-content" >
            <div class="post-title-time">
              <div class="post-title font-15-em">
                <ion-label>{{publication.Title}}</ion-label>
              </div>
              <div class="post-data font-13-em">{{publication.DatePublication | date: 'dd-MM-yyyy HH:mm'}}</div>
            </div>
            <div class="post-description ">
              <!-- <pre class="text font-14-em">{{publication.Message}}</pre> -->
              <app-show-more [text]=publication.Message></app-show-more>
            </div>
          </div>
        </ion-card-content>
      </ion-card>
    </ion-content>

  </div>
</ion-content>