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';

@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;

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

  customText = false;

  showLoader: boolean;

  constructor(private eventService: EventsService, 
    private router: Router, 
    public activatedRoute: ActivatedRoute,
    private alertController: AlertService,
    private authService: AuthService) { }

  ngOnInit() {
    //Inicializar segment
    this.segment = "Combinada";
    this.showGreeting();

    this.router.events.forEach((event) => {
      if(event instanceof NavigationEnd && event.url == this.router.url) {
        this.RefreshEvents();
      }
    });
  }

  doRefresh(event) {
    this.RefreshEvents();
    event.target.complete();
    // setTimeout(() => {
    //   event.target.complete();
    // }, 2000);
  }

  onSegmentChange(){
    this.RefreshEvents();
  }

  RefreshEvents(){
    this.showLoader = true;
    switch (this.segment)
    {
      case "Combinada":
        this.eventService.getAllEvents(formatDate(new Date(), 'yyyy-MM-dd', 'pt') + ' 00:00:00', formatDate(new Date(), 'yyyy-MM-dd', 'pt') + ' 23:59:59')
        .subscribe(response => {
            this.eventsList = response;
            this.showLoader = false;
          }
        );
        break;
      case "Pessoal":
        this.eventService.getEvents(this.segment, formatDate(new Date(), 'yyyy-MM-dd', 'pt') + ' 00:00:00', formatDate(new Date(), 'yyyy-MM-dd', 'pt') + ' 23:59:59')
        .subscribe(response => {
            this.personaleventsList = response;
            this.showLoader = false;
          }
        );
        break;
      case "Oficial":
        this.eventService.getEvents(this.segment, formatDate(new Date(), 'yyyy-MM-dd', 'pt') + ' 00:00:00', formatDate(new Date(), 'yyyy-MM-dd', 'pt') + ' 23:59:59')
        .subscribe(response => {
            this.officialeventsList = response;
            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']);
  }

  showAlert(){
    this.alertController.presentAlert("Funcionalidade em desenvolvimento!");
  }

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

}