D-Net

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

import {UserRegistryService} from '../../openaireLibrary/services/user-registry.service';

import {Subscription} from 'rxjs/Rx';

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

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

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

@Component({

  selector: 'managers',

  templateUrl: 'managers.component.html'

})

export class ManagersComponent implements OnInit, OnDestroy {

  public managers: any[];

  public pending: any[];

  public communityId: string;

  public showManagers: boolean = true;

  public subs: any[] = [];

  public loadManagers: boolean = true;

  public loadPending: boolean = true;

  public error: string;

  public selectedUser: string = null;

  public invited: FormControl;

  @ViewChild('inviteManagerModal') inviteManagerModal: AlertModal;

  @ViewChild('deleteManagerModal') deleteManagerModal: AlertModal;

  @ViewChild('deletePendingModal') deletePendingModal: AlertModal;

  constructor(private userRegistryService: UserRegistryService,

              private fb: FormBuilder,

              private route: ActivatedRoute) {

  }

  ngOnInit() {

    this.subs.push(this.route.queryParams.subscribe(params => {

      if (params && params['communityId']) {

        this.communityId = params['communityId'];

        this.subs.push(this.userRegistryService.getManagersEmail('community', this.communityId).subscribe(managers => {

          this.managers = managers;

          this.loadManagers = false;

        }, error => {

          this.managers = [];

          this.error = error.error.response;

          this.loadManagers = false;

        }));

        this.subs.push(this.userRegistryService.getPendingManagers('community', this.communityId).subscribe(pending => {

          this.pending = pending;

          this.loadPending = false;

        }, error => {

          this.managers = [];

          this.error = error.error.response;

          this.loadManagers = false;

        }));

      }

    }));

  }

  ngOnDestroy() {

    this.subs.forEach(sub => {

      if (sub instanceof Subscription) {

        sub.unsubscribe();

      }

    });

  }

  openDeleteModal(item: any) {

    if(this.showManagers) {

      this.selectedUser = item.email;

      this.deleteManagerModal.alertTitle = 'Delete ' + item.email + ' from managers';

      this.deleteManagerModal.open();

    } else {

      this.selectedUser = item;

      this.deletePendingModal.alertTitle = 'Delete ' + item + ' from managers';

      this.deletePendingModal.open();

    }

  }

  openInviteModal() {

    this.inviteManagerModal.alertTitle = 'Invite user to be manager';

    this.inviteManagerModal.okButtonLeft = false;

    this.invited = this.fb.control('', [Validators.required, Validators.email]);

    this.inviteManagerModal.open();

  }

  deleteManager() {

    this.loadManagers = true;

    this.userRegistryService.removeManagerRole('community', this.communityId, this.selectedUser).subscribe(() => {

      this.managers = this.managers.filter(manager => manager.email != this.selectedUser);

      this.loadManagers = false;

      this.error = null;

    },error => {

      this.error = error.error.response;

      this.loadManagers = false;

    });

  }

  deletePendingManager() {

    this.loadPending = true;

    this.userRegistryService.cancelInvitation('community', this.communityId, this.selectedUser).subscribe(() => {

      this.pending = this.pending.filter(manager => manager != this.selectedUser);

      this.error = null;

      this.loadPending = false;

    },error => {

      this.error = error.error.response;

      this.loadPending = false;

    });

  }

  inviteManager() {

    this.loadManagers = true;

    this.userRegistryService.invite('community', this.communityId, this.invited.value).subscribe(invitation => {

      this.error = null;

      if(!this.pending.includes(this.invited.value)) {

        this.pending.push(this.invited.value);

      }

      this.loadManagers = false;

    },error => {

      this.error = error.error.response;

      this.loadManagers = false;

    })

  }

}