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 d-flex align-center justify-between width-100">
      <div class="flex-grow-1">Eventos para Aprovação</div>
      <div (click)="refreshing()">
        <button title="Atualizar" class="btn-no-color" >
          <ion-icon class=" font-45-em" src="assets/images/theme/gov/icon-reload.svg"></ion-icon>
        </button>
      </div>
    </div>
  <ion-toolbar *ngIf="(sharedCalendar | async) as calendarData">
    <ion-segment [(ngModel)]="selectedUserCalendar" (ionChange)="segmentChanged($event)" *ngIf="SessionStore.user.RoleID !== 100000014">
      <ion-segment-button  *ngFor="let calendars of calendarData" value="{{calendars.wxUserId}}" >
        <div *ngIf="calendars.roleId == RoleIdService.PRES">AGENDA DO PR </div>
        <div *ngIf="calendars.roleId == RoleIdService.MD && calendars.roleId != SessionStore.user.RoleID">AGENDA DO MDGPR</div>
        <div *ngIf="calendars.roleId != RoleIdService.MD && calendars.roleId != RoleIdService.PRES && calendars.wxFullName && calendars.wxUserId != SessionStore.user.UserId"> Agenda do {{calendars.wxFullName}} </div>
        <div *ngIf="calendars.wxUserId == SessionStore.user.UserId ">
          Minha agenda
        </div>
      </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 overflow-y-auto height-100" >
    <!--  <div class="header-content width-100"> -->
   <!-- </div> -->
     <ion-list class="width-100">
       <div class="width-100" >
          <div
            class="item ion-no-padding width-100 cursor-pointer"
            *ngFor="let event of eventoaprovacaostore.get(selectedUserCalendar)"
            (click)="openApproveModal(event.serialNumber, event)"
          >
            <div class="event-{{color}}-{{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">
                <h3>{{event.workflowInstanceDataFields.Subject}}</h3>
                <p *ngIf="toDateString(event.workflowInstanceDataFields.StartDate) != toDateString(event.workflowInstanceDataFields.EndDate)">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</p>
                <p *ngIf="toDateString(event.workflowInstanceDataFields.StartDate) == toDateString(event.workflowInstanceDataFields.EndDate)">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }}  |  {{event.workflowInstanceDataFields.Location}}</p>

                <div *ngIf="event.activityInstanceName">
                  <div class="label-event-type font-13-rem"> {{ event.activityInstanceName }} </div>
                </div>
              </div>
            </div>
          </div>
       </div>

     </ion-list>
   </div>


</ion-content>