openaire-library/dashboard/users/role-users/role-users.component.ts

import {Component, Input, OnChanges, OnDestroy, OnInit, SimpleChanges, ViewChild} from '@angular/core';
import {Subscription} from 'rxjs/Rx';
import {FormBuilder, FormControl, FormGroup, Validators} from '@angular/forms';
import {AlertModal} from "../../../utils/modal/alert";
import {UserRegistryService} from "../../../services/user-registry.service";
import {EnvProperties} from "../../../utils/properties/env-properties";
import {properties} from "../../../../../environments/environment";
import {Session} from "../../../login/utils/helper.class";

declare var UIkit;

@Component({
  selector: 'role-users',
  templateUrl: 'role-users.component.html'
})
export class RoleUsersComponent implements OnInit, OnDestroy, OnChanges {
  
  @Input()
  public id: string;
  @Input()
  public type: string;
  @Input()
  public name: string;
  @Input()
  public link: string;
  @Input()
  public isPortalAdmin: boolean = false;
  @Input() role: "member" | "manager" = "manager";
  public active: any[];
  public pending: any[];
  public showActive: boolean = true;
  public subs: any[] = [];
  public loadActive: boolean = true;
  public loadPending: boolean = true;
  public error: string;
  public selectedUser: string = null;
  public invited: FormControl;
  public properties: EnvProperties = properties;
  public exists: boolean = true;
  public roleFb: FormGroup;
  @ViewChild('inviteModal') inviteModal: AlertModal;
  @ViewChild('deleteModal') deleteModal: AlertModal;
  @ViewChild('deletePendingModal') deletePendingModal: AlertModal;
  @ViewChild('createRoleModal') createRoleModal: AlertModal;
  
  constructor(private userRegistryService: UserRegistryService,
              private fb: FormBuilder) {
  }
  
  ngOnInit() {
   this.updateLists();
  }
  
  ngOnChanges(changes: SimpleChanges) {
    if(changes.role) {
      this.updateLists();
    }
  }
  
  ngOnDestroy() {
    this.subs.forEach(sub => {
      if (sub instanceof Subscription) {
        sub.unsubscribe();
      }
    });
  }
  
  updateLists() {
    this.loadActive = true;
    this.loadPending = true;
    this.subs.push(this.userRegistryService.getActiveEmail(this.type, this.id, this.role).subscribe(users => {
      this.active = users;
      this.loadActive = false;
      this.exists = true;
    }, error => {
      this.active = [];
      if(error.status === 404) {
        this.exists = false;
      } else {
        this.error = error.error.response;
      }
      this.loadActive = false;
    }));
    this.subs.push(this.userRegistryService.getPending(this.type, this.id, this.role).subscribe(users => {
      this.pending = users;
      this.loadPending = false;
    }, error => {
      this.active = [];
      this.error = error.error.response;
      this.loadActive = false;
    }));
  }
  
  openDeleteModal(item: any) {
    if (this.showActive) {
      this.selectedUser = item.email;
      this.deleteModal.alertTitle = 'Delete ' + this.role;
      this.deleteModal.open();
    } else {
      this.selectedUser = item;
      this.deletePendingModal.alertTitle = 'Cancel invitation';
      this.deletePendingModal.open();
    }
  }
  
  openInviteModal() {
    this.inviteModal.alertTitle = 'Invite ' + this.role;
    this.inviteModal.okButtonLeft = false;
    this.inviteModal.okButtonText = 'Send';
    this.invited = this.fb.control('', [Validators.required, Validators.email]);
    this.inviteModal.open();
  }
  
  openCreateRoleModal() {
    this.createRoleModal.alertTitle = 'Create group';
    this.createRoleModal.okButtonLeft = false;
    this.createRoleModal.okButtonText = 'create';
    this.roleFb = this.fb.group({
      name: this.fb.control(Session.mapType(this.type) + '.' + this.id, Validators.required),
      description: this.fb.control('', Validators.required)
    });
    setTimeout(() => {
      this.roleFb.get('name').disable();
    }, 0);
    this.createRoleModal.open();
  }
  
  deleteActive() {
    this.loadActive = true;
    this.userRegistryService.remove(this.type, this.id, this.selectedUser, this.role).subscribe(() => {
      this.active = this.active.filter(user => user.email != this.selectedUser);
      this.loadActive = false;
      this.error = null;
    }, error => {
      this.error = error.error.response;
      this.loadActive = false;
    });
  }
  
  deletePending() {
    this.loadPending = true;
    this.userRegistryService.cancelInvitation(this.type, this.id, this.selectedUser, this.role).subscribe(() => {
      this.pending = this.pending.filter(user => user != this.selectedUser);
      this.error = null;
      this.loadPending = false;
    }, error => {
      this.error = error.error.response;
      this.loadPending = false;
    });
  }
  
  invite() {
    this.loadActive = true;
    let details = {
      name: this.name,
      link: this.link
    }
    this.userRegistryService.invite(this.type, this.id, this.invited.value, details, this.role).subscribe(() => {
      this.error = null;
      if (!this.pending.includes(this.invited.value)) {
        this.pending.push(this.invited.value);
      }
      this.loadActive = false;
    }, error => {
      this.error = error.error.response;
      this.loadActive = false;
    })
  }
  
  createGroup() {
    this.loadActive = true;
    this.loadPending = true;
    this.roleFb.get('name').enable();
    this.userRegistryService.createRole(this.type, this.id, this.roleFb.value).subscribe(() => {
      UIkit.notification('Group has been created', {
        status: 'success',
        timeout: 3000,
        pos: 'top-left'
      });
      this.updateLists();
    }, error => {
      UIkit.notification('An error has occurred. Please try again later', {
        status: 'danger',
        timeout: 3000,
        pos: 'top-left'
      });
      this.loadActive = false;
      this.loadPending = false;
    });
  }
}