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

<!-- <ion-header class="ion-no-border init-event-header"> -->
<ion-header class="ion-no-border">
  <!-- <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" *ngIf="currentHoursMinutes">{{currentHoursMinutes | date: 'HH:mm'}}</div>
    <div class="meeting-description" *ngIf="currentEvent"> "{{currentEvent}}"</div>
  </div> -->

</ion-header>

<!-- <ion-content class="main " ng-controller="AppController"> -->
<ion-content  ng-controller="AppController">
  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content>
    </ion-refresher-content>
  </ion-refresher>


  <div class="conteiner-box pt-20 height-100">
    
    <div class="main-content justify-center d-flex height-100"> 
      <div class="box-container width-100 d-flex mx-20" style="padding: 0px;overflow: hidden;">
        <ion-progress-bar type="indeterminate" *ngIf="loadingAllTask"></ion-progress-bar>
        <div class="px-20 pb-20">
          <p class="time ion-text-left ">{{customDate}}</p>
          <div class="wrap d-flex float-left">
            <div class="event-box pointer" (click)="goToAllTaskFilter('ForToDay')">
              <!-- <p>correspondencia com prazo para hoje</p> -->
              <p>Correspondência com prazo para hoje</p>
              <span>{{ TaskService.deadline }}</span>
            </div>
            
            <div class="event-box pointer" (click)="goToAllTaskFilter('OverdueTasks')">
              <!-- <p>correspondencia em atraso</p> -->
              <p>Correspondência em atraso</p>
              <span>{{ TaskService.overdueTasks }}</span>
            </div>
        
            <div class="event-box pointer" (click)="goToAllTaskFilter('New')">
              <!-- <p>Novas correspondencia</p> -->
              <p>Novas Correspondência</p>
              <span>{{ TaskService.new }}</span>
            </div>
        
            <div class="event-box pointer" (click)="goToAllTaskFilter('unread')">
              <!-- <p>correspondencia não lidas</p> -->
              <p>Correspondência não lida</p>
              <span>{{ TaskService.unread }}</span>
            </div>
          </div>
        </div>
  
        <div class="d-flex width-100 schedule-container">
          <div class="flex-1">
  
            <div *ngIf="p.userPermission([p.permissionList.Agenda.access])" class="schedule height-100 schedule-1">
              <ion-progress-bar type="indeterminate" *ngIf="showAgendaLoader"></ion-progress-bar>
              <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>
                <button title="Ir para a sua Agenda" class="btn-no-color" [routerLink]="['/home/agenda']">
                  <ion-icon
                  *ngIf="ThemeService.currentTheme == 'default' "
                  class="icon-next"
                  slot="end"
                  src="assets/images/icons-arrow-circle-arrow-right.svg"
                  ></ion-icon>
        
                  <ion-icon
                  *ngIf="ThemeService.currentTheme == 'gov' "
                  class="icon-next"
                  slot="end"
                  src="assets/images/theme/gov/icons-arrow-circle-arrow-right.svg"
                  ></ion-icon>
        
                  <ion-icon
                  *ngIf="ThemeService.currentTheme == 'doneIt' "
                  class="icon-next"
                  slot="end"
                  src="assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg"
                  ></ion-icon>
        
                </button>
              </div>
              <div class="content overflow-y-auto flex-grow-1 height-100">
        
                <ion-list>
                  <ion-item class="item-hover cursor-pointer" lines="none" *ngFor="let event of listToPresent"
                    (click)="goToEvent(event)"
                  >
                  <div class="d-flex  content-{{sessoStore.user.Profile}}-{{event.CalendarName}}">
        
                    <div class="schedule-time">
                      <div *ngIf="!event.IsAllDayEvent" class="time-start">{{event.StartDate | date: 'HH:mm'}}</div>
                      <div *ngIf="!event.IsAllDayEvent" class="time-end">{{event.EndDate | date: 'HH:mm'}}</div>
        
                      <div *ngIf="event.IsAllDayEvent" class="time-start"> Todo </div>
                      <div *ngIf="event.IsAllDayEvent" class="time-end text-center"> o dia </div>
                      <div></div>
                    </div>
                    <div class="schedule-details">
                      <div class="description">{{event.Subject}}</div>
                      <div class="location">
                        <p>{{event.Location}}</p>
                      </div>
                    </div>
                  </div>
                  </ion-item>
        
                </ion-list>
        
              </div>
            </div>
  
          </div>
          <div class="flex-1">
            <div *ngIf="p.userPermission([p.permissionList.Gabinete.access])" class="schedule schedule-1 height-100">
              <ion-progress-bar type="indeterminate" *ngIf="showCorrespondenciasLoader"></ion-progress-bar>
              <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>
                <button title="Ir para o Gabinete Digital" (click)="viewExpedientListPage()" class="btn-no-color cursor-pointer">
                  <ion-icon
                  *ngIf="ThemeService.currentTheme == 'default' "
                  class="icon-next"
                  slot="end"
                  src="assets/images/icons-arrow-circle-arrow-right.svg"
                  ></ion-icon>
        
                  <ion-icon
                  *ngIf="ThemeService.currentTheme == 'gov' "
                  class="icon-next"
                  slot="end"
                  src="assets/images/theme/gov/icons-arrow-circle-arrow-right.svg"
                  ></ion-icon>
        
                  <ion-icon
                  *ngIf="ThemeService.currentTheme == 'doneIt' "
                  class="icon-next"
                  slot="end"
                  src="assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg"
                  ></ion-icon>
        
                </button>
              </div>
              <div class="content overflow-y-auto flex-grow-1 height-100">
                <ion-list>
                  <ion-item class="item-hover cursor-pointer" lines="none" *ngFor = "let task of listToPresentexpediente"
                  (click)="goToExpediente(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.Subject }}</div>
                      <div class="location">{{ task.Senders }}</div>
                    </div>
                  </div>
                  </ion-item>
        
                </ion-list>
              </div>
            </div>
          </div>
        </div>
  
      </div>
  
    </div>


    <div class="conteiner-box conteiner-box-mobile pt-20 px-20 height-100" ng-swipe-up="swipe($event)">
      <div *ngIf="p.userPermission([p.permissionList.Agenda.access])" class="schedule height-100">
        <ion-progress-bar type="indeterminate" *ngIf="showAgendaLoader"></ion-progress-bar>
        <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 do dia</div>
          </div>
          <button title="Ir para a sua Agenda" class="btn-no-color" [routerLink]="['/home/agenda']">
            <ion-icon
            *ngIf="ThemeService.currentTheme == 'default' "
            class="icon-next"
            slot="end"
            src="assets/images/icons-arrow-circle-arrow-right.svg"
            ></ion-icon>
  
            <ion-icon
            *ngIf="ThemeService.currentTheme == 'gov' "
            class="icon-next"
            slot="end"
            src="assets/images/theme/gov/icons-arrow-circle-arrow-right.svg"
            ></ion-icon>
  
            <ion-icon
            *ngIf="ThemeService.currentTheme == 'doneIt' "
            class="icon-next"
            slot="end"
            src="assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg"
            ></ion-icon>
  
          </button>
        </div>
        <div class="content overflow-y-auto flex-grow-1 height-100">
  
          <ion-list>
            <ion-item class="item-hover cursor-pointer" lines="none" *ngFor="let event of listToPresent"
              (click)="goToEvent(event)"
            >
            <div class="d-flex  content-{{sessoStore.user.Profile}}-{{event.CalendarName}}">
  
              <div class="schedule-time">
                <div *ngIf="!event.IsAllDayEvent" class="time-start">{{event.StartDate | date: 'HH:mm'}}</div>
                <div *ngIf="!event.IsAllDayEvent" class="time-end">{{event.EndDate | date: 'HH:mm'}}</div>
  
                <div *ngIf="event.IsAllDayEvent" class="time-start"> Todo </div>
                <div *ngIf="event.IsAllDayEvent" class="time-end text-center"> o dia </div>
                <div></div>
              </div>
              <div class="schedule-details">
                <div class="location">{{event.Subject}}</div>
                <div class="description">
                  <p>{{event.Location}}</p>
                </div>
              </div>
            </div>
            </ion-item>
  
          </ion-list>
  
        </div>
      </div>
  
      <div *ngIf="p.userPermission([p.permissionList.Gabinete.access])" class="schedule schedule-1 height-100">
        <ion-progress-bar type="indeterminate" *ngIf="showCorrespondenciasLoader"></ion-progress-bar>
        <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>
          <button title="Ir para o Gabinete Digital" (click)="viewExpedientListPage()" class="btn-no-color cursor-pointer">
            <ion-icon
            *ngIf="ThemeService.currentTheme == 'default' "
            class="icon-next"
            slot="end"
            src="assets/images/icons-arrow-circle-arrow-right.svg"
            ></ion-icon>
  
            <ion-icon
            *ngIf="ThemeService.currentTheme == 'gov' "
            class="icon-next"
            slot="end"
            src="assets/images/theme/gov/icons-arrow-circle-arrow-right.svg"
            ></ion-icon>
  
            <ion-icon
            *ngIf="ThemeService.currentTheme == 'doneIt' "
            class="icon-next"
            slot="end"
            src="assets/images/theme/doneIt/icons-arrow-circle-arrow-right.svg"
            ></ion-icon>
  
          </button>
        </div>
        <div class="content overflow-y-auto flex-grow-1 height-100">
          <ion-list>
            <ion-item class="item-hover cursor-pointer" lines="none" *ngFor = "let task of listToPresentexpediente"
            (click)="goToExpediente(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.Subject }}</div>
                <div class="location">{{ task.Senders }}</div>
              </div>
            </div>
            </ion-item>
  
          </ion-list>
        </div>
      </div>
    </div>
  </div>


  <!-- <iframe id="home-iframe" style="width: 100%;" src="/assets/www/pdfjs/web/viewer.html?file=/assets/www/pdfjs/web/compressed.tracemonkey-pldi-09.pdf.pdf"></iframe> -->
</ion-content>