D-Net

import { Component, ViewChild, OnInit, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';

import { ActivatedRoute, Router } from "@angular/router";

import {Subject, Subscriber} from 'rxjs';

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

import {FormArray, FormBuilder, FormGroup, Validators} from "@angular/forms";

import {ConnectHelper} from "../../openaireLibrary/connect/connectHelper";

import {properties} from "../../../environments/environment";

import {CommunityService} from "../../openaireLibrary/connect/community/community.service";

import {Option} from "../../openaireLibrary/sharedComponents/input/input.component";

import {CheckPortal, Portal} from "../../openaireLibrary/utils/entities/adminTool/portal";

import {SearchInputComponent} from "../../openaireLibrary/sharedComponents/search-input/search-input.component";

declare var UIkit;

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

  public errorCodes: ErrorCodes;

  @Output() communityProjectsChanged  = new EventEmitter();

  @Input() public communityProjects = [];

  public previewCommunityProjects = [];

  public communitySearchUtils:SearchUtilsClass = new SearchUtilsClass();

  public sub: any; public subResults: any; subRemove: any;

  properties:EnvProperties = properties;

  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;

  @ViewChild('searchInputComponent') searchInputComponent: SearchInputComponent;

  @Input() public showLoading: boolean = true;

  private subscriptions: any[] = [];

  /* Paging */

  page: number = 1;

  pageSize: number = 10;

  public portal: string;

  public name: string;

  public isPortalAdministrator = null;

  /* Search */

  filterForm: FormGroup;

  public fundersCtrl: FormArray;

  private searchText: RegExp = new RegExp('');

  public keyword: string = '';

  allOptions: Option[] = [];

  sortOptions: Option[] = [

    //{label:"Title (desc) ", value:{ sort: "title",descending: true }},

    {label:"Title ", value: { sort: "title",descending:false }},

    //{label:"Grant ID (desc) ", value:{ sort: "grant",descending: true }},

    {label:"Grant ID ", value: { sort: "grant",descending:false }},

    //{label:"Funder (desc) ", value:{ sort: "funder",descending: true }},

    {label:"Funder ", value: { sort: "funder",descending:false }}

  ];

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

  @Input() public toggle: boolean = true;

  ngOnInit() {

    this.communitySearchUtils.keyword = "";

    this.fundersCtrl = this._fb.array([]);

    this.filterForm = this._fb.group({

      keyword: [''],

      funder: this.fundersCtrl,

      sort: this._fb.control(this.sortOptions[0].value)

    });

    this.subscriptions.push(this.filterForm.get('keyword').valueChanges.subscribe(value => {

      this.searchText = new RegExp(value, 'i');

      this.page = 1;

      this.applyFilters();

    }));

    this.subscriptions.push(this.filterForm.get('funder').valueChanges.subscribe(value => {

      console.log("funder changed: ",value);

      this.page = 1;

      this.applyFilters();

    }));

    this.subscriptions.push(this.filterForm.get('sort').valueChanges.subscribe(value => {

      this.page = 1;

      this.sort();

    }));

    this.subscriptions.push(this.communityService.getCommunityAsObservable().subscribe(community => {

      if(community) {

        this.portal = community.communityId;

        this.name = community.shortTitle;

        this.communityUrl = "https://beta."+this.portal+".openaire.eu";

        this.keyword = '';

        this._getCommunityProjects();

        // this.initPreviewCommunityProjects();

      }

    }));

  }

  constructor(private route: ActivatedRoute, private _router: Router,

              private _fb: FormBuilder,

              private communityService: CommunityService,

              private _manageCommunityProjectsService: ManageCommunityProjectsService,

              private _searchCommunityProjectsService: SearchCommunityProjectsService) {

    this.errorCodes = new ErrorCodes();

    this.communitySearchUtils.status = this.errorCodes.LOADING;

  }

  public ngOnDestroy() {

    this.subscriptions.forEach(sub => {

      if (sub instanceof Subscriber) {

        sub.unsubscribe();

      }

    });

  }

  // changekeyword() {

  //   if (this.filterForm.get("keyword").value.length >= 3 || this.filterForm.get("keyword").value.length == 0) {

  //     this.searchTermStream.next(this.filterForm.get("keyword").value);

  //   }

  // }

  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;

  }

  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()){

      this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl":  this._router.url} });

    } else {

      this.subscriptions.push(this._manageCommunityProjectsService.removeProject(this.properties, this.portal, this.selectedCommunityProject.id).subscribe(

        data => {

          let index = this.communityProjects.indexOf(this.selectedCommunityProject);

          this.communityProjects.splice(index, 1);

          this.applyFilters();

          // index = this.previewCommunityProjects.indexOf(this.selectedCommunityProject);

          // this.previewCommunityProjects.splice(index, 1);

          //

          // console.log("after previewCommunityProjects: ",this.previewCommunityProjects);

          UIkit.notification('Project successfully removed!', {

            status: 'success',

            timeout: 6000,

            pos: 'bottom-right'

          });

          this.communityProjectsChanged.emit({

            value: this.communityProjects,

          });

          this.communitySearchUtils.totalResults--;

          this.communitySearchUtils.page=1;

          // this.createFunderFilter();

        },

        err => {

          this.handleError('An error has been occurred. Try again later!');

          console.error(err);

        },

        () => {

        }

      ));

    }

  }

  public removeProject(communityProject: any) {

    if(!Session.isLoggedIn()){

      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 initPreviewCommunityProjects() {

    this.previewCommunityProjects = this.communityProjects;

    this.sort();

    this.communitySearchUtils.totalResults = this.communityProjects.length;

    this.communitySearchUtils.status = this.errorCodes.DONE;

    this.disableForms = false;

    this.createFunderFilter();

  }

  public _getCommunityProjects(){

    if(!Session.isLoggedIn()){

      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.subscriptions.push(this._searchCommunityProjectsService.searchProjects(this.properties, this.portal).subscribe(

          data => {

            this.communityProjects = data;

            this.previewCommunityProjects = this.communityProjects;

            this.sort();

            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;

            this.communityProjectsChanged.emit({

                value: this.communityProjects,

            });

            this.createFunderFilter();

            this.showLoading = false;

          },

          err => {

            console.error(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;

            this.showLoading = false;

          }

      ));

    }

  }

  public createFunderFilter(): Set<String> {

    this.funders = new Set<string>();

    this.allOptions = [];

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

        this.allOptions.push({label: funder, value: {id:funder, label: funder}});

      }

    }

    return this.funders;

  }

  public updatePage($event) {

    this.page = $event.value;

  }

  addNew() {

    this.toggleView.emit(null);

  }

  public applyFilters() {

    // this.page = 1;

    this.previewCommunityProjects = this.communityProjects.filter(project => {

      let return_value: boolean = (this.filterCommunityProjectByKeyword(project) && this.filterCommunityProjectByFunder(project));

      return return_value;

    });

    // check paging here!!!

    if(this.previewCommunityProjects.slice((this.page - 1)*this.pageSize, this.page*this.pageSize).length == 0) {

      this.page = 1;

    }

    this.sort();

  }

  public filterCommunityProjectByKeyword(project): boolean {

    const textFlag = this.searchText.toString().toLowerCase() === ''

            || (project.name.toLowerCase() || project.acronym || project.grantId || project.funder).match(this.searchText) != null;

    return textFlag;

  }

  public filterCommunityProjectByFunder(project): boolean {

    if(this.fundersCtrl.getRawValue().length == 0) {

      return true;

    }

    for (let funder of this.fundersCtrl.getRawValue()) {

      if (project.funder.toLowerCase().indexOf(funder.label.toLowerCase()) != -1) {

        return true;

      }

    }

    return false;

  }

  private sort() {

    // this.page = 1;

    let sortOption: { sort: string, descending: boolean } = this.filterForm.get('sort').value;

    this.previewCommunityProjects.sort((left, right): number => {

      if (sortOption.sort == "title") {

        if((left.name+left.acronym) > (right.name+right.acronym)) {

          return sortOption.descending ? -1 : 1;

        } else if((left.name+left.acronym) < (right.name+right.acronym)) {

          return sortOption.descending ? 1 : -1;

        }

      } else if (sortOption.sort == "grant") {

        if(left.grantId > right.grantId) {

          return sortOption.descending ? -1 : 1;

        } else if(left.grantId < right.grantId) {

          return sortOption.descending ? 1 : -1;

        }

      } else if (sortOption.sort == "funder") {

        if(left.funder > right.funder) {

          return sortOption.descending ? -1 : 1;

        } else if(left.funder < right.funder) {

          return sortOption.descending ? 1 : -1;

        }

      }

      return 0;

    });

  }

  public onSearchClose() {

    this.communitySearchUtils.keyword = this.filterForm.get('keyword').value;

  }

  public resetInput() {

    this.communitySearchUtils.keyword = null;

    this.searchInputComponent.reset()

  }

  handleError(message: string) {

    UIkit.notification(message, {

      status: 'danger',

      timeout: 6000,

      pos: 'bottom-right'

    });

  }

}