/*-
 * ============LICENSE_START==========================================
 * ONAP Portal SDK
 * ===================================================================
 * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved.
 * ===================================================================
 *
 * Unless otherwise specified, all software contained herein is licensed
 * under the Apache License, Version 2.0 (the "License");
 * you may not use this software except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *             http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * Unless otherwise specified, all documentation contained herein is licensed
 * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
 * you may not use this documentation except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *             https://creativecommons.org/licenses/by/4.0/
 *
 * Unless required by applicable law or agreed to in writing, documentation
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * ============LICENSE_END============================================
 *
 * 
 */
import { Component, OnInit, ViewChild } from '@angular/core';
import { AdminService } from '../admin.service';
import { MatTableDataSource } from '@angular/material/table';
import { MatSort } from '@angular/material/sort';
import { MatPaginator } from '@angular/material/paginator';
import { User } from 'src/app/shared/services/user/user';
import { UserService } from 'src/app/shared/services/user/user.service';
import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';
import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
import { NewRoleComponent } from './new-role/new-role.component';
import { Router } from '@angular/router';


@Component({
  selector: 'app-roles',
  templateUrl: './roles.component.html',
  styleUrls: ['./roles.component.scss']
})
export class RolesComponent implements OnInit {
  tableData: Array<object> = [];
	roleHeaders: Array<string> = [];
  constructor(public adminService:AdminService,public userService: UserService,private ngbModal: NgbModal,private _router: Router) { }
  roleId;
  response:any;
  result:any;
  roleInfo:any;
  roleData:any;
  ociavailableRoleFunctions;
  availableRoleFunctions;
  availableRoles;
  dataSource: MatTableDataSource<[]>;
  user:User;
  isAppCentralized;
  closeResult: string;
  isEditMode: boolean = false;
  showSpinner:boolean;
  
  @ViewChild(MatPaginator, {}) paginator: MatPaginator;
  @ViewChild(MatSort, {}) sort: MatSort;


  ngOnInit() {
    this.roleHeaders = ["name","priority","Edit","Active?","Delete?"];
    this.showSpinner = false;
    this.roleId=undefined;
    this.getRole(this.roleId);
    let result = this.userService.getFunctionalMenuStaticDetailSession();
    let user;
      result.subscribe(user => {
      this.user = user;
      this.isAppCentralized = this.user.isAppCentralized;
    });
   }

  getRole(roleId:any){
    this.showSpinner = true;
    this.response = this.adminService.getRole(roleId);
    this.response.subscribe(data => {
      this.result = data;
      this.roleInfo = JSON.parse(this.result.data);
      this.roleData =JSON.parse(this.roleInfo.role);
      this.ociavailableRoleFunctions =JSON.parse(this.roleInfo.availableRoleFunctions);
      this.availableRoleFunctions=[];   
      for( let availableFun of this.ociavailableRoleFunctions){
        let availableRoleFunction = availableFun;
        availableRoleFunction.selected = false;
        for( let availableFunc of this.roleData.roleFunctions){
          if(availableFun.code === availableFunc.code){
            availableRoleFunction.selected = true;
          }
        }
        this.availableRoleFunctions.push(availableRoleFunction);
      }
      this.availableRoles=JSON.parse(this.roleInfo.availableRoles);
      this.dataSource = new MatTableDataSource(this.availableRoles);
      this.dataSource.paginator = this.paginator;
      this.dataSource.sort = this.sort;
      this.showSpinner = false;
   });
  }

  delRoleConfirmPopUp(item: any) {
    const modalRef = this.ngbModal.open(InformationModalComponent);
    modalRef.componentInstance.title = 'Confirmation';
    let response;
    modalRef.componentInstance.message = `Are you sure you want to delete ${item.name} ?`;
    modalRef.result.then((result) => {
      if (result === 'Ok') {
        this.adminService.deleteRole(item).subscribe(data => {
          this.showSpinner = true;
          response = data;
          this.availableRoles = response.availableRoles;
          this.dataSource = new MatTableDataSource(this.availableRoles);
          this.dataSource.paginator = this.paginator;
          this.dataSource.sort = this.sort;
          this.showSpinner = false;
        })
      }
    }, (reason) => {
      this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
    });
  }

  private getDismissReason(reason: any): string {
    if (reason === ModalDismissReasons.ESC) {
      return 'by pressing ESC';
    } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {
      return 'by clicking on a backdrop';
    } else {
      return `with: ${reason}`;
    }

  }

  /**
   * openAddNewRoleModal
   * @param rowData 
   */
  openAddNewRoleModal(rowData: any){
    const modalRef = this.ngbModal.open(NewRoleComponent, { size: 'lg' });
    modalRef.componentInstance.title = 'Role Details';
    modalRef.componentInstance.availableRoles = this.availableRoles;
    modalRef.componentInstance.ociavailableRoleFunctions = this.ociavailableRoleFunctions;
    if(rowData != 'undefined' && rowData){
      modalRef.componentInstance.role = rowData;
      this.isEditMode = true;
      modalRef.componentInstance.isEditMode = true;
    }else{
      modalRef.componentInstance.role  = {};
      this.isEditMode = false;
      modalRef.componentInstance.isEditMode = false;
    }
    modalRef.componentInstance.passEntry.subscribe((receivedEntry: any) => {
      if(receivedEntry){
        this.availableRoles = [];
        this.getRole(this.roleId);
      }
    });
  }

  toggleRole(_element) {
    let activeOrInactive = (_element.active) ? 'activate' : 'inactivate';
    const modalInfoRef = this.ngbModal.open(InformationModalComponent);
    modalInfoRef.componentInstance.title = 'Confirmation';
    modalInfoRef.componentInstance.message = 'You are about to ' + activeOrInactive + ' the role ' + _element.name + '. Do you want to continue?';
    modalInfoRef.result.then((_res) => {
      if (_res === 'Ok') {
        this.showSpinner = true;
        let postData={
          role: _element, 
          childRoles: _element.childRoles, 
          roleFunctions : _element.roleFunctions
        };
        this.adminService.saveRole(postData, _element.id)
        .subscribe( _data => {
          this.showSpinner = false;
        }, (response) => {
          _element.active = !_element.active;
          const modalErrorRef = this.ngbModal.open(InformationModalComponent);
          modalErrorRef.componentInstance.title = 'Error';
          modalErrorRef.componentInstance.message = 'Error while saving. ' + response.restCallStatus;
        });
      } else {
        _element.active = !_element.active;
      }

    }, (result) => {

    })
  }

  applyFilter(filterValue: string) {
    this.dataSource.filter = filterValue.trim().toLowerCase();
  }

  getFunctions() {
    this._router.navigate(['v2/admin/role_function_list']);
}
}