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

<ion-header>
  <app-header></app-header>
</ion-header>
<ion-header  class="ion-no-border">
  <ion-toolbar class="bg-blue">
    <div class="main-header">
      <div class="title-content">
        <div class="div-title">
          <ion-label class="title">Acções Presidenciais</ion-label>
        </div>
        <div class="div-icon">
          <ion-icon (click)="AddPublicationFolder()" slot="end" src='assets/images/icons-add.svg'></ion-icon>
        </div>
      </div>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content>
  <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-content">
    <div class="item" 
    *ngFor="let viagem of publicationsTravelFolderList"
    
    (click)="viewPublications(viagem)">
      <div class="item-icon">
        <ion-icon slot="end" src='assets/images/icons-plane-active.svg'></ion-icon>
      </div>
      <div class="item-content">
        <ion-label>
          <p class="item-content-date">De {{viagem.DateBegin}} a {{viagem.DateEnd}}</p>
          <p class="item-content-title">{{viagem.Description}}</p>
          <p class="item-content-detail">{{viagem.Detail}}</p>
        </ion-label>
      </div>
    </div>
    <div class="item"
    
    *ngFor="let evento of publicationsEventFolderList"
    (click)="viewPublications(evento)">
      <div class="item-icon2">
        <ion-icon slot="end" src='assets/images/icons-nav-actions.svg'></ion-icon>
      </div>
      <div class="item-content">
        <ion-label>
          <p class="item-content-date">{{evento.DateBegin}}</p>
          <p class="item-content-title">{{evento.Description}}</p>
        </ion-label>
      </div>
    </div>
  </div>    
</ion-content>