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

<ion-header class="ion-no-border">
  <app-header></app-header>
</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>

  <!-- Main container -->
  <div class="d-flex  height-100 background-white overflow-hidden border-t-radius ">
    <!-- Left -->
    <div class="d-flex flex-grow-1 flex-column aside max-width-md-40">
      <!-- Header -->
      <ion-toolbar >
        <div class="main-header pt-25">
          <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>
        </div>
      </ion-toolbar>
      <!-- Content -->
  
      <div class="main-content overflow-auto-y">
        <div class="item" 
        *ngFor="let viagem of publicationsTravelFolderList"
        
        (click)="viewPublications(viagem.ProcessId)">
          <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 width-100"
          *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>  
    </div>

    <!-- Right -->
    <div class="d-none d-md-flex flex-grow-1 flex-column max-width-60"
      style="border-left: 1px solid #d8d8d8;">
     
      <!-- View Publication -->
      <app-view-publications 
        *ngIf="desktopComponent.showViewPublication"
        [folderId]="folderId"
        class="height-100 d-flex flex-column overflow-hidden"
        (addNewPublication)="addNewPublication($event)"
        (openPublicationDetails)="openPublicationDetails($event)"
      >
      </app-view-publications>

      <app-new-publication *ngIf="desktopComponent.showAddNewPublication"
        class="height-100 d-flex flex-column overflow-hidden background-white"
        [folderId]="folderId"
        [publicationType]="publicationType"
        (closeDesktopComponent)="closeDesktopComponent($event)"
      >
      </app-new-publication>

      <app-publication-detail-shared
        *ngIf="desktopComponent.showPublicationDetail"
        class="height-100 d-flex flex-column overflow-hidden background-white"
        [publicationId]="publicationId"
      ></app-publication-detail-shared>

    </div>

  </div>

  
</ion-content>