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

<ion-header class="ion-no-border">
  <app-header-no-search></app-header-no-search>
</ion-header>
<ion-header class="ion-no-border">
  <ion-toolbar class="bg-blue">
    <ion-label>
      <p class="time ion-text-center">{{customDate}}</p>
    </ion-label>
    <ion-label>
      <p *ngIf="totalEvent==1" class="event-number p-small ion-text-center"> <strong>{{totalEvent}}</strong> evento agendado para hoje</p>
      <p *ngIf="totalEvent!=1"class="event-number p-small ion-text-center"> <strong>{{totalEvent}}</strong> eventos agendados para hoje</p>
    </ion-label>
  
    <div class="next-meeting">
      <div class="meeting-time">{{currentHoursMinutes | date: 'HH:mm'}}</div>
      <div *ngIf="currentEvent" class="meeting-description"> "{{currentEvent}}"</div>
    </div>
  </ion-toolbar>
</ion-header>

<!-- Default Refresher -->

<ion-content class="main bg-blue" ng-controller="AppController">
  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content>
    </ion-refresher-content>
  </ion-refresher>
  
    <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
    
    <!-- <ion-label>
      <p class="time ion-text-center">{{customDate}}</p>
    </ion-label>
    <ion-label>
      <p class="event-number p-small ion-text-center"> <strong>{{totalEvent}}</strong> eventos agendados para hoje</p>
    </ion-label>
    <div class="next-meeting">
      <div class="meeting-time">{{currentHoursMinutes | date: 'HH:mm'}}</div>
      <div class="meeting-description"> "{{currentEvent}}"</div>
    </div> -->

    <div class="conteiner-box" ng-swipe-up="swipe($event)">
      <div class="schedule">
        <div class="schedule-header">
          <div class="title">
            <ion-icon class="icon" slot="end" src="assets/images/icons-default-agenda.svg" ></ion-icon>
            <div class="text">A sua Agenda</div>
          </div>
          <ion-icon 
          class="icon-next" 
          slot="end" 
          src="assets/images/icons-arrow-circle-arrow-right.svg"
          [routerLink]="['/home/agenda']"
           ></ion-icon>
          
        </div>
        <div class="content">
          <ion-list>
            <ion-item lines="none" *ngFor="let event of eventsList"
            (click)="viewEventDetail(event.EventId)"
            >
            <div class="d-flex  content-{{profile}}-{{event.CalendarName}}">
              <div class="schedule-time">
                <div class="time-start">{{event.StartDate | date: 'HH:mm'}}</div>
                <div class="time-end">{{event.EndDate | date: 'HH:mm'}}</div>
              </div>
              <div class="schedule-details">
                <div class="location">{{event.Location}}</div>
                <div class="description">{{event.Subject}}</div>
              </div>
            </div>
            </ion-item>

          </ion-list>
          <!-- 
          <div class="resume">
            <div class="title">
              Resumo para Amnahã
            </div>
            <div class="event-num">4 eventos ageandados para amanhã</div>
            <div class="first-event-time">08:30 "Reunião Staff" no Palácio Presidencial</div>
          </div>
          -->
        </div>
      </div>
    
      <div class="schedule">
        <div class="schedule-header">
          <div class="title">
            <ion-icon class="icon" slot="end" src="assets/images/icons-correspondencias.svg"></ion-icon>
            <div class="text">Correspondência por ler</div>
          </div>
          <ion-icon 
          class="icon-next" 
          slot="end" 
          src="assets/images/icons-arrow-circle-arrow-right.svg"
          (click)="viewExpedientListPage()"
          ></ion-icon>
          
        </div>
        <div class="content">
          <ion-list>
            <ion-item lines="none" *ngFor = "let task of expedientList"
            (click)="viewExpedientDetail(task.serialNumber)">
            <div class="item-exp d-flex">
              <div class="schedule-date">
                <div class="time-end">{{task.taskStartDate | date: 'dd-MM-yy'}}</div>
                <div class="time-start">{{task.taskStartDate | date: 'HH:mm'}}</div>
              </div>
              <div class="schedule-details pointer">
                <div class="description">{{ task.workflowInstanceDataFields.Subject }}</div>
                <div class="location">{{ task.workflowInstanceDataFields.Sender }}</div>
              </div>
            </div>
            </ion-item >

          </ion-list>
        </div>
      </div>
    </div>


</ion-content>