D-Net

import {Component, ViewChild, Input} from '@angular/core';

import {Location} from '@angular/common';

import {Observable}       from 'rxjs/Observable';

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

import {ClaimsService} from '../../services/claims.service';

import {ModalLoading} from '../../utils/modal/loading.component';

import {AlertModal} from '../../utils/modal/alert';

@Component({

    selector: 'claims',

    templateUrl: 'claims.component.html',

    providers:[ ClaimsService]

})

export class ClaimsComponent {

  constructor (private _claimService: ClaimsService,  private route: ActivatedRoute, private _router:Router, private location: Location) {

   }

  ngOnInit() {

     this.sub = this.route.queryParams.subscribe(params => {

      if( this.myClaims == 'true' ){

          this.fetchBy = "User";

      }else{

        this.fetchBy = params['fetchBy'];

        this.fetchBy = (this.types.indexOf(this.fetchBy) != -1)? this.fetchBy:'All';

        this.fetchId = params['fetchId'];

        this.fetchId=this.fetchId?this.fetchId:'';

      }

      let page = (params['page']=== undefined)?1:+params['page'];

      let size = (params['size']=== undefined)?10:+params['size'];

      this.keyword = (params['keyword']?params['keyword']:"");

      this.inputkeyword = this.keyword;

      this.page = ( page <= 0 ) ? 1 : page;

      this.size = ( size <= 0 ) ? 10 : size;

      this.entityTypes = []//(params['types']?params['types']:[]);

      this.setTypes(params['types']); // check the appropriate checkboxes

      this.setSortby(params['sort']);

      this.getClaims();

    });

    // this.sub = this.route.params.subscribe(params => {

    //   console.info(this.isAdmin+"  "+this.myClaims+" Fetch by: "+this.fetchBy+" Fetch id: "+this.fetchId);

    //   if( this.myClaims == 'true' ){

    //     console.info("Is myclaims");

    //       this.fetchBy = "User";

    //   }else{

    //     console.info("Is admin");

    //

    //     console.info(this.isAdmin);

    //

    //     this.fetchBy = params['fetchBy'];

    //     this.fetchBy = (this.types.indexOf(this.fetchBy) != -1)? this.fetchBy:'All';

    //     this.fetchId = params['fetchId'];

    //     console.info("Fetch by:"+this.fetchBy+"Fetch id:"+this.fetchId);

    //     this.fetchId=this.fetchId?this.fetchId:'';

    //

    //   }

    //

    //   console.info(this.isAdmin+"  "+this.myClaims+" Fetch by: "+this.fetchBy+" Fetch id: "+this.fetchId);

    //   let page = (params['page']=== undefined)?1:+params['page'];

    //   let size = (params['size']=== undefined)?10:+params['size'];

    //

    //   this.keyword = (params['keyword']?params['keyword']:"");

    //   this.inputkeyword = this.keyword;

    //   this.page = ( page <= 0 ) ? 1 : page;

    //   this.size = ( size <= 0 ) ? 10 : size;

    //   this.entityTypes = []//(params['types']?params['types']:[]);

    //   this.setTypes(params['types']); // check the appropriate checkboxes

    //   this.setSortby(params['sort']);

    //   this.getClaims();

    //   console.info("params: "+params['page']+"   page "+page +" this.page: "+this.page );

    // });

  }

  ngOnDestroy() {

    this.sub.unsubscribe();

  }

    sub: any;

  //string because comes as input from component directive

  @Input() enableDelete: string = 'false';

  @Input() myClaims: string= 'false' ;

  @Input() isAdmin:string = 'false';

  page : number;

  size:number;

  keyword:string; // the keyword string to give to the request as parameter

  inputkeyword:string; // the string written in the input field (keyword=inputkeyword when its length is bigger than 3 and the user stops typing)

  lengths = [10,20,30,50];

  types = ["All","Project","Context","Result","User"];

  @Input() fetchBy:string;

  @Input() fetchId:string;

  navigateTo: string = "Claims";

  resultsNum: number ;

  claims: string[];

  @ViewChild (ModalLoading) loading : ModalLoading ;

  //checkboxes:

  publicationCB = false;

  datasetCB = false;

  contextCB = false;

  projectCB = false;

  entityTypes : string[] =[] ;

  descending = true;

  sortby = "date";

  selected=[];

  deleteMessage:string = "";

  showErrorMessage:boolean = false;

  //params for pagingFormatter to use when navigate to page

  params;

  @ViewChild(AlertModal) alert;

  claimsDeleted:number = 0;

  getClaims () {

    this.selected=[];

    var types = '';

    this.showErrorMessage = false;

    for (var type of this.entityTypes){

      types+=(types.length>0?'&':'')+"types="+type;

    }

    if(this.fetchBy =="Project" ){

      this._claimService.getClaimsByProject(this.size,this.page,this.fetchId,this.keyword,this.sortby,this.descending, types).subscribe(

        data => {

          this.claims = data.data;

          this.resultsNum= data.total;

          },

        err => {

          console.error(err);

          this.showErrorMessage = true;

        }

      );

    }else if(this.fetchBy =="User"){

      this._claimService.getClaimsByUser(this.size,this.page,this.fetchId,this.keyword,this.sortby,this.descending, types).subscribe(

        data => {

          this.claims = data.data;

          this.resultsNum= data.total;

          },

          err => {

            console.error(err);

            this.showErrorMessage = true;

          }

      );

    }else if(this.fetchBy =="Result"){

      this._claimService.getClaimsByResult(this.size,this.page,this.fetchId,this.keyword,this.sortby,this.descending, types).subscribe(

        data => {

          this.claims = data.data;

          this.resultsNum= data.total;

          },

          err => {

            console.error(err);

            this.showErrorMessage = true;

          }

      );

    }else if(this.fetchBy =="Context"){

      this._claimService.getClaimsBycontext(this.size,this.page,this.fetchId,this.keyword,this.sortby,this.descending, types).subscribe(

        data => {

          this.claims = data.data;

          this.resultsNum= null;

          this.resultsNum= data.total;//data.length; //TODO get the total results num

          },

          err => {

            console.error(err);

            this.showErrorMessage = true;

          }

      );

    }else{

      this._claimService.getClaims(this.size,this.page,this.keyword,this.sortby,this.descending, types).subscribe(

        data => {

          this.claims = data.data;

          this.resultsNum = null;

          this.resultsNum= data.total;//data.length; //TODO get the total results num

          },

          err => {

            console.error(err);

            this.showErrorMessage = true;

          }

      );

    }

  }

  goToClaim(claimId: number){

    this._router.navigate( ['Claim', { id: claimId}] );

  }

  goTo(page:number = 1){

    this.page = page;

    this.location.go(location.pathname,this.getParametersString());

    this.getClaims();

  }

  getParameters(){

    let params={ page: this.page, size: this.size, types: this.entityTypes, fetchBy: this.fetchBy, fetchId:this.fetchId, keyword : this.keyword, sort: this.getSortby()  };

    return params;

  }

  getParametersString(){

    var params='';

    params+=(this.page==1?"":(params.length>0?'&':'')+"page="+this.page);

    params+=(this.size==10?"":(params.length>0?'&':'')+"size="+this.size);

    // params+=(this.entityTypes==''?"":(params.length>0?'&':'')+"types="+this.entityTypes);

    var types="";

    for (var type of this.entityTypes){

         types+=(types.length>0?',':'')+type;

    }

    params+=(types.length>0)?"types="+types:"";

    if(this.isAdmin === 'true'){

      params+=(this.fetchBy=='All'?"":(params.length>0?'&':'')+"fetchBy="+this.fetchBy);

      params+=(this.fetchId==''?"":(params.length>0?'&':'')+"fetchId="+this.fetchId);

    }

    params+=(this. getSortby()=='datedesc'?"":(params.length>0?'&':'')+"sort="+this. getSortby());

    params+=(this.keyword==''?"":(params.length>0?'&':'')+"keyword="+this.keyword);

    return params;

  }

  changeSize(size: number ){

    this.size = size;

    this.goTo();

  }

  clearFilters(){

    this.keyword = '';

    this.inputkeyword = '';

    this.publicationCB = false;

    this.projectCB = false;

    this.datasetCB = false;

    this.contextCB = false;

    this.entityTypes = [];

    this.goTo();

   }

   changeOrderby(sortby:string){

     if(sortby==this.sortby){

       this.descending = !this.descending;

     }else{

       this.sortby = sortby;

       this.descending = false;

     }

     this.goTo();

   }

   setSortby(sortby:string){

     if(!sortby|| sortby == "datedesc"){

       this.descending = true;

       this.sortby = "date";

     }else if(sortby == "dateasc"){

       this.descending = false;

       this.sortby = "date";

     }else if(sortby == "userasc"){

       this.descending = false;

       this.sortby = "user";

     }else if(sortby == "userdesc"){

       this.descending = true;

       this.sortby = "user";

     }if(sortby =="sourceasc"){

       this.descending = false;

       this.sortby = "source";

     }else if(sortby == "sourcedesc"){

       this.descending = true;

       this.sortby = "source";

     }else if(sortby == "targetasc"){

       this.descending = false;

       this.sortby = "target";

     }else if(sortby == "targetdesc"){

       this.descending = true;

       this.sortby = "target";

     }

   }

   getSortby():string{

     if(this.descending){

       return this.sortby+"desc";

     }else{

       return this.sortby+"asc";

     }

   }

   changeType(){

     this.entityTypes = [];

     if(this.publicationCB){

       this.entityTypes.push('publication');

     }

     if(this.datasetCB){

       this.entityTypes.push('dataset');

     }

     if(this.projectCB){

       this.entityTypes.push('project');

     }

     if(this.contextCB){

       this.entityTypes.push('context');

     }

    //  if(this.publicationCB  == true && this.datasetCB  == true && this.contextCB  == true && this.projectCB  == true ){

    //    this.entityTypes="";

    //  }else{

    //    this.entityTypes = "";

    //    if(this.publicationCB == true){

    //      this.entityTypes = "publication";

    //    }

    //    if(this.datasetCB  == true){

    //      this.entityTypes += (this.entityTypes.length > 0?",":"")+"dataset";

    //    }

    //    if(this.contextCB  == true){

    //      this.entityTypes += (this.entityTypes.length > 0?",":"")+"context";

    //    }

    //    if(this.projectCB  == true){

    //      this.entityTypes += (this.entityTypes.length > 0?",":"")+"project";

    //    }

    //  }

    //  console.debug("Type changed: "+this.entityTypes+"   "+this.publicationCB+ this.datasetCB + this.contextCB  + this.projectCB);

     this.goTo();

   }

   setTypes(types:string){

     if(!types){

       return;

     }

     if(types.length > 0){

       this.entityTypes = [];

       if(types.indexOf("publication")!=-1){

         this.publicationCB = true;

         this.entityTypes.push("publication");

       }

       if(types.indexOf("dataset")!=-1){

         this.datasetCB = true;

         this.entityTypes.push("dataset");

       }

       if(types.indexOf("project")!=-1){

         this.projectCB = true;

         this.entityTypes.push("project");

       }

       if(types.indexOf("context")!=-1){

         this.contextCB = true;

         this.entityTypes.push("context");

       }

     }

     if(this.publicationCB && this.datasetCB && this.contextCB && this.projectCB){

       this.entityTypes=[];

     }

   }

   changekeyword(){

     if(this.inputkeyword.length >= 3 || this.inputkeyword.length == 0 ){

       this.keyword = this.inputkeyword;

       this.page = 1;

       this.goTo();

     }

   }

   select(item:any,event){

     this.deleteMessage="";

     var value = event.currentTarget.checked;

     if(value){

       this.selected.push(item);

     }else{

       for (var _i = 0; _i < this.selected.length; _i++) {

           let claim = this.selected[_i];

           if(claim['id'] == item.id){

                 this.selected.splice(_i, 1);

           }

        }

     }

   }

   selectAll(){

     this.selected = [];

    for (var _i = 0; _i < this.claims.length; _i++) {

       let claim = this.claims[_i];

       this.selected.push(claim);

     }

      this.deleteMessage = "";

   }

   deselectAll(){

     this.selected = [];

     this.deleteMessage="";

   }

   isSelected(id:string){

     for (var _i = 0; _i < this.selected.length; _i++) {

         let claim = this.selected[_i];

         if(claim['id'] == id){

              return true;

         }

      }

      return false;

   }

     confirmOpen(){

       if(this.selected.length <= 0){

       }else{

         this.alert.cancelButton = true;

         this.alert.okButton = true;

         this.alert.alertTitle = "Delete "+this.selected.length+" claim(s)";

         this.alert.message = this.selected.length+" claims will be deleted. Do you want to proceed? ";

         this.alert.okButtonText = "Yes";

         this.alert.cancelButtonText = "No";

         this.alert.open();

       }

     }

      confirmClose(data){

       this.delete();

     }

   delete(){

     this.deleteMessage="";

     this.loading.open();

     this.claimsDeleted = 0;

     var ids = [];

     for (var i = 0; i < this.selected.length; i++){

        var id  =this.selected[i].id;

        ids.push(id);

        // var selected  =this.selected[i].id;

        // console.warn("Deleting claim with id:"+id);

        //  this.deleteById(id);

         //TODO for multiple concurrent

        }

         this.batchDeleteById(ids);

    }

    deleteById(id:string){

         console.warn("Deleting claim with id:"+id);

         // this._claimService.deleteClaimById(id);

         this._claimService.deleteClaimById(id).subscribe(

            res =>  {

              console.info('Delete response'+res.code );

              console.warn("Deleted claim with id:"+ id);

              //remove this claim from the

             let newClaims=this.claims;

             for (var _i = 0; _i < this.claims.length; _i++) {

                 let claim = this.claims[_i];

                 if(claim['id'] == id){

                       newClaims.splice(_i, 1);

                 }

              }

              //TODO should call getClaims???

              this.claimsDeleted++;

              this.claims = newClaims;

              if(this.claimsDeleted == this.selected.length){

                this.resultsNum = this.resultsNum - this.selected.length;

                this.loading.close();

                this.selected = [];

              }

           });

    }

    batchDeleteById(ids:string[]){

         console.warn("Deleting claim with ids:"+ids);

         this._claimService.deleteBulk(ids).subscribe(

            res =>  {

              console.info('Delete response'+res.code );

              console.warn("Deleted ids:"+ res.deletedIds);

              console.warn("Not found ids:"+ res.notFoundIds);

              //remove this claim from the

             let newClaims=this.claims;

             for(var id of res.deletedIds){

               for (var _i = 0; _i < this.claims.length; _i++) {

                   let claim = this.claims[_i];

                   if(claim['id'] == id){

                         newClaims.splice(_i, 1);

                   }

                }

                for (var _i = 0; _i < this.selected.length; _i++) {

                    let claim = this.selected[_i];

                    if(claim['id'] == id){

                          this.selected.splice(_i, 1);

                    }

                 }

              }

              this.claims = newClaims;

              this.resultsNum = this.resultsNum - res.deletedIds.length;

              this.loading.close();

              if(res.deletedIds.length>0){

                  this.deleteMessage=this.deleteMessage+'<div class = "alert alert-success " >'+res.deletedIds.length+' claim(s) successfully deleted.</div>';

              }

              if(res.notFoundIds.length>0){

                  this.deleteMessage=this.deleteMessage+'<div class = "alert alert-warning " >'+res.notFoundIds.length+' claim(s) couldn\'t be deleted.</div>';

              }

           });

    }

    pageChange($event) {

      var page:number = +$event.value

      this.goTo(page);

    }

}