D-Net

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

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

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

import {EnvProperties}                                   from '../../openaireLibrary/utils/properties/env-properties';

import {ErrorCodes}                                      from '../../openaireLibrary/utils/properties/errorCodes';

import {SearchUtilsClass}                                from '../../openaireLibrary/searchPages/searchUtils/searchUtils.class';

import {ZenodoCommunityInfo} from '../../openaireLibrary/connect/zenodoCommunities/zenodoCommunityInfo';

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

    selector: 'manage-zenodo-communities',

    templateUrl: './manage-zenodo-communities.component.html',

      #dpTable_info, #dpTable_paginate,  #dpTable_length,  #dpTable_filter{

        display: none;

      }

    encapsulation: ViewEncapsulation.None // this used in order styles to work

export class ManageZenodoCommunitiesComponent implements OnInit {

    @Input() communityId = null;

    @Input() selectedCommunities = [];

    dtTrigger: Subject<any> = new Subject(); //necessary

    dtOptions: DataTables.Settings = {};

    private triggered: boolean = false;

    @ViewChild('AlertModalDeleteCommunity') alertModalDeleteCommunity;

    selectedToDelete = null;

                 private _router: Router,

                 public _fb: FormBuilder,

                 private _helpContentService: HelpContentService,

               private _manageZenodoCommunitiesService: ManageZenodoCommunitiesService) {

       this.errorCodes = new ErrorCodes();

    ngOnInit() {

          // "paging": true,

          // "searching": true,

          // "lengthChange": false,

          "pageLength": this.rowsOnPage,

          "language": {

              "search": "",

              "searchPlaceholder": "Search projects..."

        if(!this.triggered) {

          this.triggerInitialLoad();

        } else {

          var table = $('#dpTable').DataTable();

          table.clear();

          this.rerender();

        }

     public ngOnDestroy() {

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

     }

     rerender(): void {

          this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {

           // Destroy the table first

           dtInstance.destroy();

           this.dtTrigger.next();

         });

       }

     ngAfterViewInit(): void {

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

          }

          return false;

        });

     filterData(row: any, query: 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;

         }

       }

       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;

         var table = (<any>$('#dpTable')).DataTable();

         table.page( 0  ).draw( false );

       }, 500);

       this.dtTrigger.next();

     }

     goTo(page:number = 1){

         var table = $('#dpTable').DataTable();

         table.page( page - 1  ).draw( false );

         var info = table.page.info();

    public confirmedDeleteCommunity(data : any) {

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

      } else {

          data => {

             var pos = -1;

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

               if( this.selectedCommunities[i].id == this.selectedToDelete.id) {

                pos= i;

                break;

              }

            }

             if(pos != -1){

              this.selectedCommunities.splice(pos, 1);

            table.clear();

            this.rerender();

          },

          err => {

            console.log(err.status);

            console.info("completed remove");

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

      } else {

        this.alertModalDeleteCommunity.cancelButton = true;

        this.alertModalDeleteCommunity.okButton = true;

        this.alertModalDeleteCommunity.alertTitle = "Remove zenodo community?";

        let title = "";

        if(comm.title) {

          title = comm.title;

        }

        this.alertModalDeleteCommunity.message = "Zenodo community";

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

        let totalPages:any = this.searchUtils.totalResults/(this.rowsOnPage);

        if(!(Number.isInteger(totalPages))) {

            totalPages = (parseInt(totalPages, 10) + 1);

        }

        return totalPages;

    }