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

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

import { Event } from '../../models/event.model';
import { EventsService } from 'src/app/services/events.service';
import { NavigationExtras, Router } from '@angular/router';
import { ActivatedRoute, NavigationEnd } from '@angular/router';
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 { 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';
import { EventEditPage } from './edit-event/edit-event.component';
import { GabineteDigitalPage } from '../gabinete-digital/gabinete-digital.page';
import { EditEventPage } from '../agenda/edit-event/edit-event.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();
  
  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: Date;

  showLoader: boolean;
  
  taskslist:DailyWorkTask[];
  expedientList:any;

  @Output() openExpedientListPage:EventEmitter<any> = new EventEmitter<any>();

  constructor(private eventService: EventsService, 
    private router: Router, 
    private storageService:StorageService,
    public activatedRoute: ActivatedRoute,
    private alertController: AlertService,
    private authService: AuthService,
    private processes:ProcessesService,
    /* private gabineteService: GabineteDigitalPage, */
    private modalController:ModalController) {
      this.prEventList = null;

      // list
      this.LoadList();
      
     }

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

    /* 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();
    this.LoadList();
  }

  onSegmentChange(){
    this.RefreshEvents();
  }

  RefreshEvents(){
    this.currentEvent = "";
    this.showLoader = true;

    let date = new Date();
    date.setMonth(date.getMonth() + 1);
    let start = date.getFullYear()+"-"+ date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+ ":"+date.getSeconds();
    let end = date.getFullYear()+"-"+ date.getMonth()+"-"+date.getDate()+" 23:59:59";

    switch (this.segment)
    {
      case "Combinada":
        if(this.profile == "mdgpr"){
          this.eventService.getAllMdEvents(start, end).subscribe(res => {
            this.eventsList = res;
            
            if(res.length > 0){
              this.currentEvent = res[0].Subject;
              this.currentHoursMinutes = res[0].StartDate;
            }
            
            this.totalEvent = this.eventsList.length;
            this.showLoader = false;
           });
        }else{
          this.eventService.getAllPrEvents(start, end).subscribe(res => {
              this.eventsList = res;
              console.log(this.eventsList);
              console.log(res);
              console.log(res[0]);

              if(res.length > 0){
                this.currentEvent = res[0].Subject;
                this.currentHoursMinutes = res[0].StartDate;
              }

              this.totalEvent = this.eventsList.length;
              this.showLoader = false;
          });
        }
        
        break;
      case "Pessoal":
        if(this.profile == "mdgpr"){
         this.eventService.getAllMdEvents(start, end).subscribe(res => {
          this.personaleventsList = res.filter(data => data.CalendarName == "Pessoal");
          this.showLoader = false;
         });
        }else{
          this.eventService.getAllPrEvents(start, end).subscribe(res => {
            this.personaleventsList = res.filter(data => data.CalendarName == "Pessoal");
            this.showLoader = false;
           });
        }
        
        break;
      case "Oficial":
        if(this.profile == "mdgpr"){
           this.eventService.getAllMdEvents(start, end).subscribe(res => {
            this.officialeventsList = res.filter(data => data.CalendarName == "Oficial");;
            this.showLoader = false;
           });
        }else{
          this.eventService.getAllPrEvents(start, end).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();
  }

  LoadList(){
    this.processes.GetTasksList("Expediente", false).subscribe(result => {
      this.expedientList = result.reverse();
      console.log(this.expedientList);
    });
  }

  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) {
    let classs;
    if( window.innerWidth <= 800){
      classs = 'modal'
    } else  {
      classs = 'modal modal-desktop showAsideOptions'
    }
    
    const modal = await this.modalController.create({
      component: ViewEventPage,
      componentProps:{
        eventId: eventId,
        profile: this.profile,
      },
      cssClass: classs,
    });
    await modal.present();
    modal.onDidDismiss().then((res)=>{
      if(res){
        console.log(res);
        this.RefreshEvents();
      }
    });
  }


  async editEventDetail(eventId:any) {

    let classs;
    if( window.innerWidth <= 800){
      classs = 'modal'
    } else  {
      classs = 'modal modal-desktop showAsideOptions'
    }

    const modal = await this.modalController.create({
      component: EventEditPage,
      componentProps:{
        eventId: eventId,
        profile: this.profile,
      },
      cssClass: classs,
    });

    await modal.present();
    modal.onDidDismiss().then((res)=>{
      if(res){
        console.log(res);
        this.RefreshEvents();
      }
    });
  }

  async viewExpedientDetail(serialNumber:any) {
    let classs;
    if( window.innerWidth <= 800){
      classs = 'modal'
    } else  {
      classs = 'modal modal-desktop showAsideOptions'
    }
    /* console.log(this.profile);
    console.log(serialNumber); */
    
    const modal = await this.modalController.create({
      component: ExpedienteDetailPage,
      componentProps:{
        serialNumber: serialNumber,
        profile: this.profile,
      },
      cssClass: classs,
    });
    await modal.present();
    modal.onDidDismiss().then((res)=>{
      if(res){
        console.log(res);
        this.RefreshEvents();
      }
    });
  }

  viewExpedientListPage(){
    if( window.innerWidth <= 1024){
      this.openExpedientList();
    }
    else{
      console.log('ttt');
      let navigationExtras: NavigationExtras = {
        queryParams: {
            "show": true,
        }
      };
      this.router.navigate(['/home/gabinete-digital'], navigationExtras);
    }
  }

  async openExpedientList(){
    let classs;
    if( window.innerWidth <= 800){
      classs = 'modal'
    } else  {
      classs = 'modal modal-desktop'
    }
    const modal = await this.modalController.create({
      component: ExpedientePage,
      componentProps:{
        profile: this.profile,
      },
      cssClass: classs,
    });
    await modal.present();
    modal.onDidDismiss();
  }

  
}