doneit-web/src/app/pages/gabinete-digital/event-list/event-list.page.html

<ion-header class="ion-no-border">
  <div class="header-content">
    <div class="header-icon-left">
      <ion-icon (click)="close()" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
    </div>
    <div class="header-title">
      <label>""Eventos para Aprovação</label>
    </div>
  
  <!-- <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button (click) ="close()"></ion-back-button>
    </ion-buttons>
    <ion-icon (click)="close()" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
    <ion-title>Eventos para Aprovação</ion-title>
  </ion-toolbar> -->
  <ion-toolbar>
    <ion-segment [(ngModel)]="segment">
      <ion-segment-button value="MDGPR">
        Seu 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 [ngSwitch]="segment"> 
    <ion-list *ngSwitchCase="'MDGPR'">
      <div *ngIf="eventsMDGPRList">
        <ion-list>
          <ion-item-sliding>
            <ion-item class="Rectangle" lines="none" 
              *ngFor="let event of eventsMDGPRList" (click)="openApproveModal(event.serialNumber)">
              
              <div class="content-mdgpr-{{event.workflowInstanceDataFields.Agenda}}">
                <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-item-sliding>
        </ion-list>
      </div>
    </ion-list>
    <ion-list *ngSwitchCase="'PR'">
      <div *ngIf="eventsPRList">
        <ion-item-sliding>
          <ion-item class="Rectangle" lines="none" 
              *ngFor="let event of eventsPRList" (click)="openApproveModal(event.serialNumber)">
              <div class="content-pr-{{event.workflowInstanceDataFields.Agenda}}">
                <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-item-sliding>
      </div>
    </ion-list>
  </div>
</ion-content>