D-Net

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

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

import {FormGroup, FormArray, FormBuilder, Validators} 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';

@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 allPages: Map<Page, boolean> = new Map<Page, boolean>();

    private gotPages: boolean = false;

    public properties:EnvProperties = null;

    public showLoading: boolean = false;

    public errorMessage: string = '';

    selectedCommunityPid = 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'];

           });

         });

    }

    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.getPages(this.properties.adminToolsAPIURL,this.selectedCommunityPid).subscribe(

          pages => {

            //this.allPages = allPages;

            for(let page of pages) {

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

                this.allPages.set(page, true);

              } else {

                this.allPages.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.allPages;

          let self = this;

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

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

              self.allPages.set(page, true);

            } else {

              self.allPages.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([]),

            isCollapsed: [true]

        });

    }

    public reset() {

        this.myForm.patchValue({

            _id : '',

            name : '',

            isCollapsed: [true]

        });

        this.setPages([]);

        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));

      const pageFormArray = this._fb.array(pageFGs);

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

    }

    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.allPages.set(page, status);

        if(status && index<0) {

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

        } else  if(!status){

          if(index >= 0) {

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

          }

        }

      }

    }

    handleError(message: string, error) {

        this.errorMessage = message;

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

        this.showLoading = false;

    }

}