D-Net

import {Component, OnInit, Input} from '@angular/core';

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

import {FormGroup, FormArray, FormBuilder, Validators, FormControl} from "@angular/forms";

import { HelpContentService } from "../../services/help-content.service";

import { Page } from "../../domain/page";

import { EnvProperties } from '../../openaireLibrary/utils/properties/env-properties';

import {Session} from '../../openaireLibrary/login/utils/helper.class';

import {LoginErrorCodes} from '../../openaireLibrary/login/utils/guardHelper.class';

import {Subscription} from "rxjs";

@Component({

    selector: 'divId-form',

    templateUrl: './divId-form.component.html',

})

export class DivIdFormComponent implements OnInit{

    @Input('group')

    myForm: FormGroup;

    @Input('pageId')

    pageId: string;

    @Input('formPages')

    formPages: Page[] = [];

    public allPages : Page[] = [];

    public allPagesFiltered: Map<Page, boolean> = new Map<Page, boolean>();

    private gotPages: boolean = false;

    public properties:EnvProperties = null;

    public showLoading: boolean = false;

    public errorMessage: string = '';

    selectedCommunityPid = null;

    private sub: Subscription = null;

    constructor(private route: ActivatedRoute, private _router: Router, public _fb: FormBuilder, private _helpContentService: HelpContentService){}

    ngOnInit(): void {

      this.route.data

        .subscribe((data: { envSpecific: EnvProperties }) => {

           this.properties = data.envSpecific;

           // this.route.queryParams.subscribe(params => {

           //   this.selectedCommunityPid = params['communityId'];

           // });

         });

      this. sub = this.myForm.get('portalType').valueChanges.subscribe(portalType => {

        let pages = this.myForm.get('pages').value;

        //pages = pages.filter(page => page.portalType == portalType);

        //this.setPages(pages);

        pages.forEach((page, i) => {

          if(page.portalType != portalType) {

            this.pages.removeAt(i);

          }

        });

        this.allPagesFiltered.clear();

        this.allPages.filter(page => page.portalType == portalType).forEach(page => {

          this.allPagesFiltered.set(page, false);

        })

        //this.myForm.value.pages = [];

      });

    }

    ngOnDestroy() {

      if(this.sub) {

        this.sub.unsubscribe();

      }

    }

    public getKeys( map) {

      return Array.from(map.keys());

    }

    getPages(includedPages: Set<String>) {

      if(!Session.isLoggedIn()){

        this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl":  this._router.url} });

      } else {

        this.showLoading = true;

        this.errorMessage = "";

        this._helpContentService.getAllPages(this.properties.adminToolsAPIURL).subscribe(

          pages => {

            this.allPages = pages;

            let self = this;

            pages = pages.filter(page => page.portalType == self.myForm.get('portalType').value);

            for(let page of pages) {

              if(includedPages.has(page._id)) {

                this.allPagesFiltered.set(page, true);

              } else {

                this.allPagesFiltered.set(page, false);

              }

            }

            this.showLoading = false;

          },

          error => this.handleError('System error retrieving pages', error)

        );

      }

    }

    public toggle() {

      if(!Session.isLoggedIn()){

        this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl":  this._router.url} });

      } else {

        this.myForm.value.isCollapsed = !this.myForm.value.isCollapsed;

  ///////

        if(!this.myForm.value.isCollapsed) {

          let includedPages: Set<String> = new Set<String>();

          for(let pageName of this.myForm.value.pages) {

            includedPages.add(pageName._id);

          }

          let allPages = this.allPagesFiltered;

          let self = this;

          allPages.forEach(function (status, page, map) {

            if(includedPages.has(page._id)) {

              self.allPagesFiltered.set(page, true);

            } else {

              self.allPagesFiltered.set(page, false);

            }

          });

          if(!this.gotPages) {

            this.gotPages = true;

            this.getPages(includedPages);

          }

        }

      }

/////

    }

    public get form() {

      return this._fb.group({

        _id: '',

        name : ['', Validators.required],

        pages: this._fb.array([], Validators.required),

        portalType: ['', Validators.required],

        isCollapsed: [true]

      });

    }

    public reset() {

      this.myForm.patchValue({

        _id : '',

        name : '',

        portalType: '',

        pages: [],

        isCollapsed: [true]

      });

      this.formPages = [];

    }

    public get pages(): FormArray {

      return this.myForm.get('pages') as FormArray;

    };

    setPages(pages: Page[]) {

      //const pageFormArray = this._fb.array(pages);

      //this.myForm.setControl('pages', pageFormArray);

      //const pageFGs = pages.map(page => this._fb.group(page));

      //if(pages && pages.length > 0) {

      //   const pageCtrls = pages.map(page => this._fb.control(page));

      //   const pageFormArray = this._fb.array(pageCtrls);

      //   this.myForm.setControl('pages', pageFormArray);

      //}

      while (this.pages.length !== 0) {

        this.pages.removeAt(0)

      }

      pages.forEach(page => {

        //array.push(new FormControl(page));

        this.pages.push(this._fb.control(page));

      });

    }

    indexOfPageInForm(pageId: string): number {

      let index: number = -1;

      for(let i=0; i<this.formPages.length; i++) {

        if(this.formPages[i]._id == pageId) {

          index = i;

          break;

        }

      }

      return index;

    }

    public togglePage(status : boolean, page: Page) {

      /*let index: number = this.indexOfPageInForm(page._id);

      if(status && index<0) {

        this.formPages.push(page);

        this.myForm.value.pages.push(page._id);

      } else if(!status){

        if(index >= 0) {

          this.formPages.splice(index, 1);

          this.myForm.value.pages.splice(index, 1);

        }

      }*/

      if(!Session.isLoggedIn()){

        this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl":  this._router.url} });

      } else {

        let index: number = -1;

        for(let i=0; i<this.myForm.get('pages').value.length; i++) {

          if(this.myForm.get('pages').value[i]._id == page._id) {

            index = i;

            break;

          }

        }

        this.allPagesFiltered.set(page, status);

        if(status && index<0) {

          this.pages.push(this._fb.control(page));

        } else  if(!status){

          if(index >= 0) {

            this.pages.removeAt(index);

          }

        }

      }

    }

    handleError(message: string, error) {

        this.errorMessage = message;

        console.log('Server responded: ' + error);

        this.showLoading = false;

    }

}