D-Net

import {

  Component,

  EventEmitter,

  Input,

  OnChanges,

  OnDestroy,

  OnInit,

  Output, SimpleChanges,

  ViewChild,

  ViewEncapsulation

} from '@angular/core';

import {FormBuilder, FormControl} 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 {Session} from '../../openaireLibrary/login/utils/helper.class';

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

import {ManageZenodoCommunitiesService} from '../../services/manageZenodoCommunities.service';

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

import {Subscription} from 'rxjs';

declare var UIkit;

@Component({

  selector: 'manage-zenodo-communities',

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

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

})

export class ManageZenodoCommunitiesComponent implements OnInit, OnDestroy {

  @Input() properties: EnvProperties = null;

  @Input() communityId = null;

  @Input() searchUtils: SearchUtilsClass = null;

  errorCodes: ErrorCodes;

  public rowsOnPage = 10;

  @Input() masterCommunity = null;

  @Input() selectedCommunities = [];

  previewCommunities = [];

  @ViewChild('AlertModalDeleteCommunity') alertModalDeleteCommunity;

  selectedToDelete = null;

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

  page = 1;

  size = 10;

  @ViewChild('searchInputComponent') searchInputComponent: SearchInputComponent;

  public filterForm: FormControl;

  private subscriptions: any[] = [];

  constructor(private route: ActivatedRoute,

              private _router: Router,

              public _fb: FormBuilder,

              private _manageZenodoCommunitiesService: ManageZenodoCommunitiesService) {

    this.errorCodes = new ErrorCodes();

  }

  ngOnInit() {

    this.init();

  }

  ngOnDestroy() {

    this.subscriptions.forEach(subscription => {

      if (subscription instanceof Subscription) {

        subscription.unsubscribe();

      }

    });

  }

  private init() {

    this.filterForm = this._fb.control('');

    this.filterPreviewCommunities("");

    this.subscriptions.push(this.filterForm.valueChanges.subscribe(value => {

      this.page = 1;

      this.filterPreviewCommunities(value);

    }));

    this.searchUtils.keyword = "";

    this.searchUtils.totalResults = this.selectedCommunities.length;

  }

  public filterPreviewCommunities(value: string) {

    this.previewCommunities = this.selectedCommunities.filter(community => {

      return community.title.toLowerCase().indexOf(value.toLowerCase()) != -1

    });

    if (this.previewCommunities.slice((this.page - 1) * this.rowsOnPage, this.page * this.rowsOnPage).length == 0) {

      this.page = 1;

    }

  }

  public confirmedDeleteCommunity(data: any) {

    if (!Session.isLoggedIn()) {

      this._router.navigate(['/user-info'], {

        queryParams: {

          "errorCode": LoginErrorCodes.NOT_VALID,

          "redirectUrl": this._router.url

        }

      });

    } else {

      this.subscriptions.push(this._manageZenodoCommunitiesService.removeZCommunity(this.properties, this.communityId, this.selectedToDelete.openaireId).subscribe(

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

            this.searchUtils.totalResults = this.selectedCommunities.length;

          }

          this.searchUtils.totalResults = this.selectedCommunities.length;

          this.filterPreviewCommunities(this.filterForm.value);

          UIkit.notification('Community has been <b>successfully removed</b>!', {

            status: 'success',

            timeout: 6000,

            pos: 'bottom-right'

          });

        },

        err => {

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

          console.log(err.status);

        }

      ));

    }

  }

  public removeCommunity(comm) {

    if (!Session.isLoggedIn()) {

      this._router.navigate(['/user-info'], {

        queryParams: {

          "errorCode": LoginErrorCodes.NOT_VALID,

          "redirectUrl": this._router.url

        }

      });

    } else {

      this.selectedToDelete = comm;

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

    }

  }

  totalPages(): number {

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

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

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

    }

    return totalPages;

  }

  addNew() {

    this.toggleView.emit(null);

  }

  public onSearchClose() {

    this.searchUtils.keyword = this.filterForm.value;

  }

  public resetInput() {

    this.searchUtils.keyword = null;

    this.searchInputComponent.reset()

  }

  handleError(message: string) {

    UIkit.notification(message, {

      status: 'danger',

      timeout: 6000,

      pos: 'bottom-right'

    });

  }

}