/*
 * ============LICENSE_START==========================================
 * ONAP Portal SDK
 * ===================================================================
 * Copyright © 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 { MatTableDataSource } from '@angular/material/table';
import { MatPaginator } from '@angular/material/paginator';
import { MatSort } from '@angular/material/sort';
import { AdminService } from '../admin.service';
import { NgbModal} from '@ng-bootstrap/ng-bootstrap';
import { Column, DataTableSettings, ColumnTypes} from 'portalsdk-tag-lib';
import { MenusService } from './menus.service';

@Component({
  selector: 'app-menus',
  templateUrl: './menus.component.html',
  styleUrls: ['./menus.component.scss']
})
export class MenusComponent implements OnInit {

  constructor(public adminService: AdminService, private ngModal: NgbModal, public menuService : MenusService) { }

  // menuHeaders = ["menuId", "label", "paretId", "sortOrder", "action", "functionCd", "active", "servlet", "queryString", "externalUrl", "target", "menuSetCode", "separator", "imageSrc", "Edit", "Delete"];

  response: any;
  result: any;
  functionalMenuRes: any;
  tableData;
  dataSource: MatTableDataSource<[]>;
  closeResult: string;
  isEditMode: boolean;
  showSpinner: boolean;

  public settings;
  public columns: any = [];

  activeStatusOptions = [        
    {index: 0, value: 'true', name: 'Y'},
    {index: 1, value: 'false', name: 'N'}
  ];
  separatorStatusOptions = [        
    {index: 0, value: 'true', name: 'Y'},
    {index: 1, value: 'false', name: 'N'}
  ];
  functionCDselectData = [];
  parentListSelectData = [];
  parentList = [];

  @ViewChild(MatPaginator, {}) paginator: MatPaginator;
  @ViewChild(MatSort, {}) sort: MatSort;

  ngOnInit() {
    this.showSpinner = false;
    this.getParentData();
    this.getFunctionCDselectData();
    this.getMenus();
  }

  getMenus() {
    console.log(">>>>>>>>>>>>>>> GetMenus calles >>>>>>>>>>>>>>")
    this.showSpinner = true;
    let response;
    this.response = this.adminService.getFnMenuItems();
    this.response.subscribe(data => {
      response = data;

      this.functionalMenuRes = JSON.parse(response.data);
      this.tableData = this.functionalMenuRes.fnMenuItems;
      this.tableData.forEach(element => {
        if (element.active) { element.active = "Y"; }
        else { element.active = "N"; }
        if (element.separator) { element.separator = "Y"; }
        else { element.separator = "N"; }
      });

      //rdp table data
      let menuIdColumn = new Column("id", "Menu ID", ColumnTypes.TEXT, true, null);
      menuIdColumn.isColumnDisabled = true;
      this.columns.push(menuIdColumn);

      let label = new Column("label", "Label", ColumnTypes.TEXT, true, null);
      label.setIsColumnMandatory = true;
      this.columns.push(label);

      let parent = new Column("parentId", "ParentId", ColumnTypes.DROPDOWN, true, this.parentList);
      parent.setIsColumnMandatory = true;
      this.columns.push(parent);

      let sortOrder = new Column("sortOrder", "Sort Order", ColumnTypes.TEXT, true, null);
      sortOrder.setIsColumnMandatory = true;
      this.columns.push(sortOrder);

      let action = new Column("action", "Action", ColumnTypes.TEXT, true, null);
      action.setIsColumnMandatory = true;
      this.columns.push(action);

      let functionCd = new Column("functionCd", "Function", ColumnTypes.DROPDOWN, true, this.functionCDselectData);
      functionCd.setIsColumnMandatory = true;
      this.columns.push(functionCd);

      let active = new Column("active", "Active", ColumnTypes.DROPDOWN, true, this.activeStatusOptions);
      active.setIsColumnMandatory = true;
      this.columns.push(active);

      this.columns.push(new Column("servlet", "Servlet", ColumnTypes.TEXT, true, null));
      this.columns.push(new Column("queryString", "	Query String", ColumnTypes.TEXT, true, null));
      this.columns.push(new Column("externalUrl", "External URL", ColumnTypes.TEXT, true, null));
      this.columns.push(new Column("target", "Target", ColumnTypes.TEXT, true, null));

      let menuSetCode = new Column("menuSetCode", "Menu Set Code", ColumnTypes.TEXT, false, null);
      menuSetCode.setIsColumnMandatory = true;
      this.columns.push(menuSetCode);

      let separator = new Column("separator", "Separator", ColumnTypes.DROPDOWN, false, this.separatorStatusOptions);
      separator.setIsColumnMandatory = true;
      this.columns.push(separator);
      this.columns.push(new Column("imageSrc", "Image Source", ColumnTypes.TEXT, true, null));

      this.settings = new DataTableSettings()
      this.settings.columns = this.columns;
      this.settings.isPaginationEnabled = true;
      this.settings.paginationsSize = "5";
      this.settings.isReadOnly = false;
      this.settings.isTableSearchEnabled = true;
      this.settings.applicationService = this.menuService;

      this.showSpinner = false;

    });
  }

  getFunctionCDselectData = function () {
    this.adminService.getFunctionCdList()
      .subscribe(_data => {
        this.result = _data;
        if (_data) {

          for(let i = 0; i< _data.length; i++){
            this.functionCDselectData.push({id: i, name: _data[i]});
          }
        }
      }, error => {
        this.showSpinner = false;
        console.log(error);
        this.openConfirmationModal("", "Function Code Data not available !");
      });
  }

  getParentData() {
    this.adminService.getParentData()
      .subscribe(_data => {
        this.result = _data;
        if (_data) {
          for(let i = 0; i< _data.length; i++){
            this.parentList.push({id: _data[i][0], name: _data[i][1]});
          }
          console.log("Actual parent list : ", this.parentList);
        }
      }, error => {
        this.showSpinner = false;
        console.log(error);
      });
  }

}