D-Net

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 {Role, Session, User} from "../../../login/utils/helper.class";

import {UserManagementService} from "../../../services/user-management.service";

import {Router} from "@angular/router";

import {StringUtils} from "../../../utils/string-utils.class";

import {NotificationService} from "../../../notifications/notification.service";

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 role: "member" | "manager" = "manager";

  @Input()

  public message: string = null;

  @Input()

  public emailComposer: Function;

  @Input()

  public notificationFn: Function;

  public user: User = null;

  public active: any[];

  public managers: any[];

  public pending: any[];

  public showActive: boolean = true;

  public subs: any[] = [];

  public loadActive: boolean = true;

  public loadPending: boolean = true;

  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 userManagementService: UserManagementService,

              private notificationService: NotificationService,

              private router: Router,

              private fb: FormBuilder) {

  }

  ngOnInit() {

   this.updateLists();

   this.userManagementService.getUserInfo().subscribe(user => {

     this.user = user;

   });

  }

  ngOnChanges(changes: SimpleChanges) {

    if(changes.role) {

      this.unsubscribe();

      this.updateLists();

    }

  }

  ngOnDestroy() {

    this.unsubscribe();

  }

  unsubscribe() {

    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 => {

      if(this.role === 'member') {

        this.subs.push(this.userRegistryService.getActiveEmail(this.type, this.id, 'manager').subscribe(managers => {

          this.managers = managers;

          this.active = users;

          this.active.forEach(user => {

            user['isManager'] = this.managers.find(manager => manager.email === user.email);

          });

          this.loadActive = false;

          this.exists = true;

        }))

      } else {

        this.active = users;

        this.loadActive = false;

        this.exists = true;

      }

    }, error => {

      this.active = [];

      if(error.status === 404) {

        this.exists = false;

      }

      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.pending = [];

      this.loadPending = 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(Role.mapType(this.type, (this.role === 'manager')) + '.' + 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.subs.push(this.userRegistryService.remove(this.type, this.id, this.selectedUser, this.role).subscribe(() => {

      this.active = this.active.filter(user => user.email != this.selectedUser);

      this.userManagementService.updateUserInfo();

      UIkit.notification(this.selectedUser + ' <b>is no longer</b> ' + this.role + ' of ' + this.name + ' Dashboard', {

        status: 'success',

        timeout: 6000,

        pos: 'bottom-right'

      });

      this.loadActive = false;

    }, error => {

      UIkit.notification('An error has occurred. Please try again later', {

        status: 'danger',

        timeout: 6000,

        pos: 'bottom-right'

      });

      this.loadActive = false;

    }));

  }

  deletePending() {

    this.loadPending = true;

    this.subs.push(this.userRegistryService.cancelInvitation(this.type, this.id, this.selectedUser, this.role).subscribe(() => {

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

      UIkit.notification(StringUtils.capitalize(this.role) + ' invitation to ' + this.selectedUser + ' has been <b>canceled</b>', {

        status: 'success',

        timeout: 6000,

        pos: 'bottom-right'

      });

      this.loadPending = false;

    }, error => {

      UIkit.notification('An error has occurred. Please try again later', {

        status: 'danger',

        timeout: 6000,

        pos: 'bottom-right'

      });

      this.loadPending = false;

    }));

  }

  invite() {

    this.showActive = false;

    this.loadPending = true;

    this.selectedUser = this.invited.value;

    let details = {

      link: this.link,

      email: this.emailComposer(this.name, this.invited.value, this.role)

    }

    this.subs.push(this.userRegistryService.invite(this.type, this.id, details, this.role).subscribe(invitation => {

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

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

      }

      if(this.notificationFn) {

        this.subs.push(this.notificationService.sendNotification(this.notificationFn(this.name, this.invited.value, this.role, invitation)).subscribe(notification => {

          UIkit.notification('A notification has been <b>sent</b> successfully', {

            status: 'success',

            timeout: 6000,

            pos: 'bottom-right'

          });

        }, error => {

          UIkit.notification('An error has occurred. Please try again later', {

            status: 'danger',

            timeout: 6000,

            pos: 'bottom-right'

          });

        }));

      }

      UIkit.notification(StringUtils.capitalize(this.role) + ' invitation to ' + this.selectedUser + ' has been <b>sent</b>', {

        status: 'success',

        timeout: 6000,

        pos: 'bottom-right'

      });

      this.loadPending = false;

    }, error => {

      UIkit.notification('An error has occurred. Please try again later', {

        status: 'danger',

        timeout: 6000,

        pos: 'bottom-right'

      });

      this.loadPending = 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 <b> successfully created</b>', {

        status: 'success',

        timeout: 6000,

        pos: 'bottom-right'

      });

      this.updateLists();

    }, error => {

      UIkit.notification('An error has occurred. Please try again later', {

        status: 'danger',

        timeout: 6000,

        pos: 'bottom-right'

      });

      this.loadActive = false;

      this.loadPending = false;

    });

  }

  public get isCurator(): boolean {

    return this.isPortalAdmin || !!Session.isCurator(this.type, this.user);

  }

  public get isPortalAdmin(): boolean {

    return !!Session.isPortalAdministrator(this.user);

  }

}