/*
* ============LICENSE_START=======================================================
* ONAP : CDS
* ================================================================================
* Copyright (C) 2020 TechMahindra
*=================================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file 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.
* ============LICENSE_END=========================================================
*/
import { Component, OnInit } from '@angular/core';
import { CdkDragDrop, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
import { SourcesStore } from './sources.store';
import { DictionaryCreationService } from '../dictionary-creation.service';
import { DictionaryCreationStore } from '../dictionary-creation.store';
import { MetaData } from '../../model/metaData.model';

@Component({
  selector: 'app-sources-template',
  templateUrl: './sources-template.component.html',
  styleUrls: ['./sources-template.component.css']
})
export class SourcesTemplateComponent implements OnInit {
  private searchQuery = '';
  lang = 'json';
  sources = {};
  option = [];
  textValue: any;
  selectItem: boolean;
  // ddSource = [];
  checked: boolean;
  searchText = '';
  text = '';
  selectedArray = [];
  metaDataTab: MetaData = new MetaData();

  tempSources = new Map();
  toDeleteSource = new Map<string, any>();
  sourcesOptions = new Map<string, any>();

  constructor(
    private sourcesStore: SourcesStore,
    private dictionaryCreationService: DictionaryCreationService,
    private dictionaryCreationStore: DictionaryCreationStore
  ) {

  }

  ngOnInit() {
    //  this.sourcesStore.getAllSources();
    this.dictionaryCreationService.getSources().subscribe(sources => {
      // console.log(sources);
      this.sources = sources[0];
      // this.sources = {
      //   "input": "source-input", "rest": "source-rest", "default": "source-default", "capability": "source-capability",
      //   "sdnc": "source-rest", "vault-data": "source-rest", "processor-db": "source-db", "aai-data": "source-rest",
      //   "script": "source-capability"
      // };
      for (const key in this.sources) {
        if (key) {
          console.log(key + ' - ' + this.sources[key]);
          const sourceObj = { name: key, value: this.sources[key] };
          this.option.push(sourceObj);
        }
      }

    });

    this.dictionaryCreationStore.state$.subscribe(element => {
      console.log('################');
      console.log(this.metaDataTab);
      if (element && element.metaData) {
        this.metaDataTab = element.metaData;
        this.addSourcesInUI();
      }
    });
  }

  addSourcesInUI() {
    // add sources from json to UI
    const originalSources = this.sourcesOptions;
    // for (const key of this.sourcesOptions) {
    // this.sourcesOptions;
    for (const source in this.metaDataTab.sources) {
      if (source) {
        console.log(source);
      }
    }
  }

  saveSorcesDataToStore() {
    const ddSource = [];
    for (const key of this.sourcesOptions.keys()) {
      ddSource.push(this.sourcesOptions.get(key));
    }
    console.log(ddSource);
    this.metaDataTab.sources = {};
    for (const obj of ddSource) {
      this.metaDataTab.sources = { ...this.metaDataTab.sources, ...obj };
    }
    //  this.metaDataTab.sources = { ...this.ddSource }
    console.log(this.metaDataTab.sources);
    this.dictionaryCreationStore.changeMetaData(this.metaDataTab);
  }

  setTempSources(event, item) {
    console.log(event.target.checked);
    if (event.target.checked) {
      this.tempSources.set(item.name, item);
    } else {
      this.tempSources.delete(item.name);
    }
    console.log(this.tempSources);
  }

  selectAll() {
    if (this.tempSources.size === 0) {
      for (const option of this.option) {
        if (!this.sourcesOptions.has(option.name)) {
          this.tempSources.set(option.name, option);
        }
      }
    } else {
      this.tempSources = new Map<string, any>();
    }
  }

  setToDeleteSources(event, item) {
    console.log(event.target.checked);
    if (event.target.checked) {
      this.toDeleteSource.set(item.key, item);
    } else {
      this.toDeleteSource.delete(item.key);
    }

  }

  addSources() {
    //  this.tempSources
    const originalSources = this.tempSources;
    for (const key of originalSources.keys()) {
      /* tslint:disable:no-string-literal */
      this.sourcesOptions.set(key, {
        [key]: {
          type: originalSources.get(key).value,
          properties: {}
        }
      });

    }

    console.log(this.sourcesOptions);
    this.tempSources.clear();
    this.saveSorcesDataToStore();
  }

  deleteSource() {
    console.log(this.toDeleteSource);
    for (const key of this.toDeleteSource.keys()) {
      console.log(key);
      this.sourcesOptions.delete(key);
    }
    this.toDeleteSource = new Map<string, any>();
    this.saveSorcesDataToStore();
  }

  // drop(event: CdkDragDrop<string[]>) {
  //   console.log('-------------');
  //   // console.log(event);

  //   if (event.previousContainer === event.container) {
  //     moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
  //   } else {
  //     transferArrayItem(event.previousContainer.data,
  //       event.container.data,
  //       event.previousIndex,
  //       event.currentIndex);
  //   }

  //   console.log(this.sourcesOptions);
  //   console.log(this.sources);

  //   this.ddSource = [];

  //   const originalSources = this.sourcesOptions;
  //   for (const key of originalSources) {
  //     /* tslint:disable:no-string-literal */
  //     this.ddSource.push({
  //       [key.name]: {
  //         type: key.value,
  //         properties: {}
  //       }
  //     });

  //   }

  //   this.saveSorcesDataToStore();
  // }

  getMapKey(map) {
    return Object.assign({}, map.keys());
  }

  searchDictionary(event: any) {
    this.searchQuery = event.target.value;
    this.searchQuery = this.searchQuery.trim();
    console.log(this.searchQuery);
    // this.dictionaryStore.search(this.searchQuery);
  }

  onChange(item: string, isChecked: boolean) {
    if (isChecked) {
      this.selectedArray.push(item);
    }
  }

  textChanged(event, item) {
    // const editedData = JSON.parse(event);
    // const originalSources = this.sources;
    // for (const key in originalSources) {
    //   if (key === item.name) {
    //     this.sources[key] = editedData;
    //   }
    // }
    // this.option = [];
    // this.sourcesStore.changeSources(this.sources);

    console.log(item);
    console.log(event);

    // this.metaDataTab.sources[item.name].properties = editedData;
  }

}