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

import { Component, OnInit, LOCALE_ID } from '@angular/core';

import { Event } from '../../models/event.model';
import { EventsService } from 'src/app/services/events.service';
import { Router } from '@angular/router';
import { ActivatedRoute, NavigationEnd } from '@angular/router';
import { formatDate } from '@angular/common';
import { AlertService } from 'src/app/services/alert.service';
import { AuthService } from 'src/app/services/auth.service';
import { StorageService } from 'src/app/services/storage.service';
import { AuthConnstants } from 'src/app/config/auth-constants';
import { ModalController } from '@ionic/angular';
import { EventDetailPage } from './event-detail/event-detail.page';
import { EventDetailModalPage } from './event-detail-modal/event-detail-modal.page';
import { ProcessesService } from '../../services/processes.service';
import { DailyWorkTask } from '../../models/dailyworktask.model';
import { ViewEventPage } from '../agenda/view-event/view-event.page';
import { ExpedientePage } from '../gabinete-digital/expediente/expediente.page';
import { ExpedienteDetailPage } from '../gabinete-digital/expediente/expediente-detail/expediente-detail.page';

@Component({
  selector: 'app-events',
  templateUrl: './events.page.html',
  styleUrls: ['./events.page.scss'],
})
export class EventsPage implements OnInit {
  /* Get current system date */
  today = new Date();
  todayEnd = new Date();
  
  months = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
  days = ["Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado"];

  customDate = this.days[this.today.getDay()]+ ", "  + this.today.getDate() +" de "  + ( this.months[this.today.getMonth()]);

  /* Setting appropriate greeting according to the time */
  grettings = ["Bom dia", "Boa tarde", "Boa noite"];
  greetting='';

  timeDate = this.today.getHours() + ":" + this.today.getMinutes();
  /* Set segment variable */
  segment:string;
  public profile:string;
  currentEvent: any;

  eventsList: Event[];  
  officialeventsList: Event[];
  personaleventsList: Event[];

  prEventList: Event[];
  mdEventList: Event[];

  combinedEvents: Event[];

  customText = false;
  totalEvent=0;
  currentHoursMinutes: String;

  showLoader: boolean;
  
  taskslist:DailyWorkTask[];

  constructor(private eventService: EventsService, 
    private router: Router, 
    private storageService:StorageService,
    public activatedRoute: ActivatedRoute,
    private alertController: AlertService,
    private modalController: ModalController,
    private authService: AuthService,
    private processes:ProcessesService) {
      this.prEventList = null;
      
      // update hours and minutes
      setInterval(()=> {
        this.currentHoursMinutes = formatDate(new Date(), 'HH:MM', 'pt');
      }, 1000);

      // list
      this.LoadList();

      this.todayEnd = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), 23, 59, 59);
      
     }


  swipe(){
    console.log('!!!!');
  }

  ngOnInit() {
    //Inicializar segment
    this.segment = "Combinada";
    //Initialize profile as mdgpr
    this.profile = "mdgpr";
    console.log(this.profile);

    // set event list
    /* if(this.profile == "mdgpr"){
      this.eventService.getAllMdEvents(formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss', 'pt'), formatDate(new Date(), 'yyyy-MM-dd', 'pt') + ' 23:59:59').subscribe(res => {
        this.eventsList = res;
        console.log(this.eventsList);
        this.totalEvent = this.eventsList.length;
       });
    }
    else{
      this.eventService.getAllPrEvents(formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss', 'pt'), formatDate(new Date(), 'yyyy-MM-dd', 'pt') + ' 23:59:59').subscribe(res => {
        this.eventsList = res;
        this.totalEvent = this.eventsList.length;
       });

    } */

    this.storageService.get(AuthConnstants.USER).then(res=>{
      console.log(res);
    });

    this.showGreeting();

    this.router.events.forEach((event) => {
      if(event instanceof NavigationEnd && event.url == this.router.url) {
        this.RefreshEvents();
      }
    });
    /* this.storageService.get(AuthConnstants.PROFILE).then(res=>{
      this.profile = res;
    }); */

  }


  doRefresh(event) {
    this.RefreshEvents();
    event.target.complete();
  }

  onSegmentChange(){
    this.RefreshEvents();
  }

  RefreshEvents(){
    this.showLoader = true;

    switch (this.segment)
    {
      case "Combinada":
        if(this.profile == "mdgpr"){
          this.eventService.getAllMdEvents(this.today.toLocaleString(), this.todayEnd.toLocaleString()).subscribe(res => {
            this.eventsList = res;
            
            if(res.length > 0){
              this.currentEvent = res[0].Subject;
            }
            
            this.totalEvent = this.eventsList.length;
            this.showLoader = false;
           });
        }else{
          this.eventService.getAllPrEvents(this.today.toLocaleString(), this.todayEnd.toLocaleString()).subscribe(res => {
              this.eventsList = res;
              console.log(this.eventsList);
              console.log(res)
              console.log(res[0])
              this.currentEvent = res[0].Subject;
              this.totalEvent = this.eventsList.length;
              this.showLoader = false;
          });
        }
        
        break;
      case "Pessoal":
        if(this.profile == "mdgpr"){
         this.eventService.getAllMdEvents(this.today.toLocaleString(), this.todayEnd.toLocaleString()).subscribe(res => {
          this.personaleventsList = res.filter(data => data.CalendarName == "Pessoal");
          this.showLoader = false;
         });
        }else{
          this.eventService.getAllPrEvents(this.today.toLocaleString(), this.todayEnd.toLocaleString()).subscribe(res => {
            this.personaleventsList = res.filter(data => data.CalendarName == "Pessoal");
            this.showLoader = false;
           });
        }
        
        break;
      case "Oficial":
        if(this.profile == "mdgpr"){
           this.eventService.getAllMdEvents(this.today.toLocaleString(), this.todayEnd.toLocaleString()).subscribe(res => {
            this.officialeventsList = res.filter(data => data.CalendarName == "Oficial");;
            this.showLoader = false;
           });
        }else{
          this.eventService.getAllPrEvents(this.today.toLocaleString(), this.todayEnd.toLocaleString()).subscribe(res => {
            this.officialeventsList = res.filter(data => data.CalendarName == "Oficial");;
            this.showLoader = false;
           });
        } 
        break;
    }
  }

  showGreeting(){
    if(this.today.getHours() >= 6 && this.today.getHours() < 12){
      this.greetting = this.grettings[0];
    }
    else if(this.today.getHours() >= 12 && this.today.getHours() < 18){
      this.greetting = this.grettings[1];
    }
    else /* if(this.today.getHours() < 6 && this.today.getHours() >= 18) */{
      this.greetting = this.grettings[2];
    }
  }

  gotTo(){
    this.router.navigate(['/home/events']);
  }

  changeProfile(){
    if(this.profile == "mdgpr"){
      console.log('pr');
      this.profile ="pr";
      this.RefreshEvents();
    }
    else{
      console.log('mdgpr');
      this.profile ="mdgpr";
      this.RefreshEvents();
    }
  }

  logout()
  {
    this.authService.ValidatedUser.BasicAuthKey = "";
    this.router.navigate(['/home/login']);
  }

  async openEventDetail1(id:any){
    console.log(id);
    
    const modal = await this.modalController.create({
      component: EventDetailPage,
       componentProps: {
        eventId: id,
      },
      cssClass: 'event-detail',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss();

  }
  async openEventDetail(id:any) {
    const modal = await this.modalController.create({
      component: EventDetailModalPage,
      componentProps: {
        eventId: id,
      },
      cssClass: 'my-custom-class'
    });
    return await modal.present();
  }


  /**
   * @returns time in format HH:MM
   */
  get hoursMinutes():String {
  
    return  this.currentHoursMinutes;

  }

  LoadList()
  {
    this.processes.GetTasksList("Expediente", false).subscribe(result => {

      const AllResult = new Array();

      result.forEach(element => {
        let task: DailyWorkTask = {
          "SerialNumber": element.serialNumber,
          "Folio": element.workflowInstanceFolio,
          "Senders": element.originator.email,
          "CreateDate": new Date(element.taskStartDate).toLocaleString(),
          "DocumentURL": element.formURL,
          "Remetente": element.workflowInstanceDataFields.Remetente
        }
        // CreateDate
        AllResult.push(task);
      });

      console.log(AllResult);

      this.taskslist = this.sortArrayISODate(AllResult).reverse()

    });
  }

  sortArrayISODate(myArray: any){
    return myArray.sort(function(a, b) {
      return (a.CreateDate < b.CreateDate) ? -1 : ((a.CreateDate > b.CreateDate) ? 1 : 0);
    });
  }

  async viewEventDetail(eventId:any) {
    console.log(this.profile);
    
    const modal = await this.modalController.create({
      component: ViewEventPage,
      componentProps:{
        eventId: eventId,
        profile: this.profile,
      },
      cssClass: 'modal',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss().then((res)=>{
      if(res){
        console.log(res);
        this.RefreshEvents();
      }
    });
  }

  async viewExpedientDetail(serialNumber:any) {
    console.log(this.profile);
    
    const modal = await this.modalController.create({
      component: ExpedienteDetailPage,
      componentProps:{
        serialNumber: serialNumber,
        profile: this.profile,
      },
      cssClass: 'modal',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss().then((res)=>{
      if(res){
        console.log(res);
        this.RefreshEvents();
      }
    });
  }

  
  
  
}