import { Component, ViewChild, OnInit, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';
import { ActivatedRoute, Router } from "@angular/router";
import { Subject } from 'rxjs/Subject';
import { DataTableDirective } from 'angular-datatables';

import {ErrorCodes} from '../../../openaireLibrary/utils/properties/errorCodes';
import {SearchUtilsClass } from '../../../openaireLibrary/searchPages/searchUtils/searchUtils.class';
import {EnvProperties} from '../../../openaireLibrary/utils/properties/env-properties';
import {ManageCommunityProjectsService} from '../../../services/manageProjects.service';
import {SearchCommunityProjectsService} from '../../../openaireLibrary/connect/projects/searchProjects.service';
import {RouterHelper} from '../../../openaireLibrary/utils/routerHelper.class';
import {DOI, StringUtils} from '../../../openaireLibrary/utils/string-utils.class';

import {Session} from '../../../openaireLibrary/login/utils/helper.class';
import {LoginErrorCodes} from '../../../openaireLibrary/login/utils/guardHelper.class';

@Component({
    selector: 'remove-projects',
    templateUrl: './remove-projects.component.html',
    styles: [`
      #dpTable_info, #dpTable_paginate,  #dpTable_length,  #dpTable_filter{
        display: none;
      }

      `],
    encapsulation: ViewEncapsulation.None // this used in order styles to work
})

export class RemoveProjectsComponent implements OnInit {
  public routerHelper:RouterHelper = new RouterHelper();

  private community: string = '';
  private communityUrl = "https://beta.explore.openaire.eu";

  private errorCodes: ErrorCodes;

  @Output() communityProjectsChanged  = new EventEmitter();
  public communityProjects = [];
  public communitySearchUtils:SearchUtilsClass = new SearchUtilsClass();

  public sub: any; public subResults: any; subRemove: any;
  properties:EnvProperties;

  public disableForms: boolean = false;

  dtOptions: DataTables.Settings = {};
  showTable = false; filteringAdded = false;
  @ViewChild(DataTableDirective) datatableElement: DataTableDirective;
  dtTrigger: Subject<any> = new Subject(); //necessary

  public rowsOnPage:number  = 10;

  public queryParameters: string = "";

  public query = '';
  public selectedProjects=[] ;
  public elementRef;

  public funders:Set<string>;
  public selectedFunder:string ="";
  //@Output() projectSelected = new EventEmitter();
  //@Input() public properties:EnvProperties;

  public projects:string[];
  private triggered: boolean = false;

  private selectedCommunityProject: any;

  @ViewChild('AlertModalDeleteCommunity') alertModalDeleteCommunity;

  ngOnInit() {
    this.route.data.subscribe((data: { envSpecific: EnvProperties }) => {
        this.properties = data.envSpecific;
      });

    this.route.queryParams.subscribe(params => {
      if(params['communityId']) {
        this.community = params['communityId'];
        this.communityUrl = "https://beta."+this.community+".openaire.eu";

        this._getCommunityProjects();
        //this.getFunders();
        //this._getOpenaireProjects("", 1, 10);
      }
    });

    this.dtOptions = {
      // "paging": true,
      // "searching": true,
      // "lengthChange": false,
      "pageLength": this.rowsOnPage,
      "language": {
          "search": "",
          "searchPlaceholder": "Search projects..."
        }
    };

    this.communitySearchUtils.keyword = "";
  }

  constructor(private route: ActivatedRoute, private _router: Router, private _manageCommunityProjectsService: ManageCommunityProjectsService, private _searchCommunityProjectsService: SearchCommunityProjectsService) {
    this.errorCodes = new ErrorCodes();
    this.communitySearchUtils.status = this.errorCodes.LOADING;
  }

  public ngOnDestroy() {
    if(this.sub){
      this.sub.unsubscribe();
    }
    if(this.subResults){
      this.subResults.unsubscribe();
    }
    if(this.subRemove){
      this.subRemove.unsubscribe();
    }

    $.fn['dataTable'].ext.search.pop();
  }

  rerender(): void {
    this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
      // Destroy the table first
      dtInstance.destroy();

      // Call the dtTrigger to rerender again
      this.dtTrigger.next();
    });
  }

  ngAfterViewInit(): void {
    $.fn['dataTable'].ext.search.push((settings, data, dataIndex) => {

       if (this.filterData(data, this.communitySearchUtils.keyword, this.selectedFunder)) {
         return true;
       }
       return false;
     });

     console.info("ngAfterViewInit");
  }

  filterData(row: any, query: string, selectedFunder: string) {
    let returnValue: boolean = false;

    if(query) {
      for(var i=0; i <3; i++){
        var r= this.filterQuery(row[i], query);
        if(r) {
          returnValue = true;
          break;
        }
      }

      if(!returnValue) {
        return false;
      }
    }

    if(selectedFunder){
      return this.filterQuery(row[2], selectedFunder);
    }

    return true;
  }

  filterQuery(data, query){
    if(data.toLowerCase().indexOf(query.toLowerCase()) > -1){
      return true;
    }else{
      return false;
    }
  }


  /*
  Trigger a table draw in order to get the initial filtering
  */
  triggerInitialLoad(){
    this.triggered = true;
    console.info("triggerInitialLoad");
    setTimeout(function(){
      var table = (<any>$('#dpTable')).DataTable();
      table.page( 0  ).draw( false );
    }, 500);
    this.dtTrigger.next();
  }

  public inCommunity(result: any): any {
    let found = false;
    for(let project of this.communityProjects) {
      if(project.opeaireId == result.id) {
        return true;
      } else if(result['title'].name.search("("+project.grantId+")") != -1 && result.funderShortname == project.funder) {
        return true;
      }
    }
    return found;

  }

  goTo(page:number = 1){
      this.communitySearchUtils.page=page;

      var table = $('#dpTable').DataTable();
      table.page( page - 1  ).draw( false );

      var info = table.page.info();
      console.info("records: "+info.recordsDisplay);
      this.communitySearchUtils.totalResults = info.recordsDisplay;
  }

  totalPages(): number {
      let totalPages:any = this.communitySearchUtils.totalResults/(this.rowsOnPage);
      if(!(Number.isInteger(totalPages))) {
          totalPages = (parseInt(totalPages, 10) + 1);
      }
      return totalPages;
  }

  public confirmedDeleteProject(data : any) {
    if(!Session.isLoggedIn()){
      console.info(this._router.url);
      this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl":  this._router.url} });
    } else {
      console.info("REMOVE: "+ this.selectedCommunityProject.id);
      this.subRemove = this._manageCommunityProjectsService.removeProject(this.properties, this.community, this.selectedCommunityProject.id).subscribe(
        data => {
          console.info("data REMOVE");
          console.info(data);
        },
        err => {
          console.info("error REMOVE");
          console.log(err);
        },
        () => {
          console.info("completed REMOVE");
          let index = this.communityProjects.indexOf(this.selectedCommunityProject);
          this.communityProjects.splice(index, 1);

          this.communitySearchUtils.totalResults--;
          this.communitySearchUtils.page=1;

          this.rerender();
        }
      )
    }
  }

  public removeProject(communityProject: any) {
    if(!Session.isLoggedIn()){
      console.info(this._router.url);
      this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl":  this._router.url} });
    } else {
      this.selectedCommunityProject = communityProject;
      this.alertModalDeleteCommunity.cancelButton = true;
      this.alertModalDeleteCommunity.okButton = true;
      this.alertModalDeleteCommunity.alertTitle = "Remove project?";
      let title = "";
      if(communityProject.name) {
        title = communityProject.name;
      }
      if(communityProject.name && communityProject.acronym) {
        title += " (";
      }
      if(communityProject.acronym) {
        title += communityProject.acronym;
      }
      if(communityProject.name && communityProject.acronym) {
        title += ")";
      }
      this.alertModalDeleteCommunity.message = "Project";
      if(title) {
        this.alertModalDeleteCommunity.message += " '"+title+"' ";
      }
      this.alertModalDeleteCommunity.message += "will be removed from your community. Are you sure?";
      this.alertModalDeleteCommunity.okButtonText = "Yes";
      this.alertModalDeleteCommunity.open();
    }
  }

  public _getCommunityProjects(){
    if(!Session.isLoggedIn()){
      console.info(this._router.url);
      this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl":  this._router.url} });
    } else {
      this.communitySearchUtils.status = this.errorCodes.LOADING;
      this.disableForms = true;
      this.communityProjects = [];
      this.communitySearchUtils.totalResults = 0;
      this.communitySearchUtils.page=1;
      this.communitySearchUtils.keyword = "";
      this.selectedFunder = "";

      this.subResults = this._searchCommunityProjectsService.searchProjects(this.properties, this.community).subscribe(
          data => {
            console.info(data);
            console.info("search Projects [total communityProjects:"+data.length+"]");
            this.communityProjects = data;

            this.communitySearchUtils.totalResults = data.length;
            this.communitySearchUtils.status = this.errorCodes.DONE;
            // if(this.communitySearchUtils.totalResults == 0 ){
            //   this.communitySearchUtils.status = this.errorCodes.NONE;
            // }
            this.disableForms = false;
            if(!this.triggered) {
              this.triggerInitialLoad();
            } else {
              var table = $('#dpTable').DataTable();
              table.clear();

              this.rerender();
            }

            this.communityProjectsChanged.emit({
                value: this.communityProjects,
            });

            this.createFunderFilter();
          },
          err => {
            console.log(err);
             //TODO check erros (service not available, bad request)

            if(err.status == '404') {
              this.communitySearchUtils.status = this.errorCodes.NOT_FOUND;
            } else if(err.status == '500') {
              this.communitySearchUtils.status = this.errorCodes.ERROR;
            } else {
              this.communitySearchUtils.status = this.errorCodes.NOT_AVAILABLE;
            }

            this.disableForms = false;
            if(!this.triggered) {
              this.triggerInitialLoad();
            } else {
              var table = $('#dpTable').DataTable();
              table.clear();

              this.rerender();
            }
          }
      );
    }
  }

  private createFunderFilter(): Set<String> {
    this.funders = new Set<string>();
    let i;
    for(i=0; i<this.communityProjects.length; i++) {
      let funder = this.communityProjects[i].funder;
      if(funder && !this.funders.has(funder)) {
        this.funders.add(funder);
      }
    }
    console.info(this.funders);
    return this.funders;
  }
}