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

<ion-header class="ion-no-border">
  <ion-toolbar class="ion-no-border" class="bg-blue">
    <div class="div-top-header">
    <div class="div-search">
      <ion-icon src='assets/images/icons-search.svg'></ion-icon>
    </div>
    <div class="div-logo">
      <img src='assets/images/logo-no-bg.png' alt='logo'>
    </div>
    <div class="div-profile">
      <ion-icon src='assets/images/icons-profile.svg'></ion-icon>
    </div>
  </div>
</ion-toolbar>
</ion-header>

<ion-content>
  <div class="main-content">
    <div class="title-content">
      <div class="div-title">
        <ion-label class="title">Açõ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>
    <!-- [routerLink]="['/home/publications/view-publications', folder.ProcessId]" -->
    <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">{{viagem.DateBegin}}</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>