doneit-web/src/app/shared/agenda/event-list/event-list.page.html

<ion-header class="ion-no-border">
  <div class="header-content">
    <div class="header-title">
      <label>Eventos para Aprovação</label>
    </div>
  <ion-toolbar>
    <ion-segment [(ngModel)]="profile">
      <ion-segment-button value="MDGPR">
        Meu calendário
      </ion-segment-button>
      <ion-segment-button value="PR">
        Presidente da República
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>
</div>
</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" [ngSwitch]="profile" *ngIf="eventsMDGPRList">
    <!--  <div class="header-content width-100"> -->
      
   <!-- </div> --> 
     <ion-list class="width-100" *ngSwitchCase="'MDGPR'" >
       <ion-item 
         class="item ion-no-padding width-100 cursor-pointer" 
         *ngFor="let event of eventsMDGPRList" 
         (click)="openApproveModal(event.serialNumber, event)">
         <div class="event-mdgpr-{{event.workflowInstanceDataFields.Agenda}} width-100">
             <div class="approve-event-time">
                 <p>{{event.workflowInstanceDataFields.StartDate | date: 'hh:mm'}}</p>
                 <p>{{event.workflowInstanceDataFields.EndDate | date: 'hh:mm'}}</p>
               </div>
               <div class="approve-event-detail">
                 <p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</p>
                 <p *ngIf="event.workflowInstanceDataFields.StartDate == event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }}  |  {{event.workflowInstanceDataFields.Location}}</p>
                 <h3>{{event.workflowInstanceDataFields.Subject}}</h3>
               </div>
           </div>
       </ion-item>
     </ion-list>
     <ion-list class="width-100" *ngSwitchCase="'PR'">
       <div class="width-100" *ngIf="eventsPRList">
           <ion-item
             class=" ion-no-padding width-100 cursor-pointer"
             *ngFor="let event of eventsPRList"
             (click)="openApproveModal(event.serialNumber, event)">
             <div class="item event-pr-{{event.workflowInstanceDataFields.Agenda}} width-100">
                 <div class="approve-event-time">
                   <p>{{event.workflowInstanceDataFields.StartDate | date: 'hh:mm'}}</p>
                   <p>{{event.workflowInstanceDataFields.EndDate | date: 'hh:mm'}}</p>
                 </div>
                 <div class="approve-event-detail">
                   <p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</p>
                   <p *ngIf="event.workflowInstanceDataFields.StartDate == event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }}  |  {{event.workflowInstanceDataFields.Location}}</p>
                   <h3>{{event.workflowInstanceDataFields.Subject}}</h3>
                 </div>
               </div>
             </ion-item>
       </div>
     </ion-list>
   </div>
</ion-content>