D-Net

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

import {SimpleChanges, OnChanges}                        from '@angular/core';

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

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

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

import {CommunityService}                                from "../../../openaireLibrary/connect/community/community.service";

import {SubjectsService}                                  from "../subjects.service"

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

import {CommunityInfo}                                   from '../../../openaireLibrary/connect/community/communityInfo';

@Component({

    selector: 'subjects-edit-form',

    templateUrl: './subjects-edit-form.component.html',

})

export class SubjectsEditFormComponent implements OnInit{

    @Input('group')

    myForm: FormGroup;

    public showLoading: boolean = true;

    public errorMessage: string = '';

    public updateErrorMessage: string = '';

    public successfulSaveMessage: string = '';

    public successfulResetMessage: string = '';

    public hasChanged: boolean = false;

    public res=[];

    params: any;

    public communityId = null;

    public community = null;

    public properties:EnvProperties = null;

    constructor (private route: ActivatedRoute,

                 private _router: Router,

                 public _fb: FormBuilder,

                 private _helpContentService: HelpContentService,

                 private _communityService: CommunityService,

                 private _subjectsService: SubjectsService){ }

    ngOnInit() {

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

        this.properties = data.envSpecific;

        this.route.queryParams.subscribe(

            communityId => {

                this.communityId = communityId['communityId'];

                if (this.communityId != null && this.communityId != '') {

                    this.showLoading = true;

                    this.updateErrorMessage = "";

                    this.errorMessage = "";

                    this._communityService.getCommunity(this.properties, this.properties.communityAPI+this.communityId).subscribe (

                      community => {

                            this.community = community;

                            this.params = {community: encodeURIComponent('"'+community.queryId+'"')};

                            // TODO remove after testing!!!!!!!

                            console.log(community);

                            this.showLoading = false;

                      },

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

                    );

                }

            });

        });

    }

  // public addManager() {

  //         this.community.managers.push("");

  // }

  //

  // public removeManager(i : any) {

  //         this.community.managers.splice(i,1);

  // }

  public addSubject() {

          this.community.subjects.push("");

  }

  public removeSubject(i : any) {

          this.community.subjects.splice(i,1);

  }

  public resetForm(communityId: string) {

      if (communityId != null && communityId != '') {

          this.showLoading = true;

          this.updateErrorMessage = "";

          this.errorMessage = "";

          this._communityService.getCommunity(this.properties, this.properties.communityAPI+communityId).subscribe (

            community => {

                  this.community = community;

                  this.params = {community: encodeURIComponent('"'+community.queryId+'"')};

                  this.showLoading = false;

                  this.handleSuccessfulReset('Form reseted!')

            },

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

          );

      }

      this.resetChange();

  }

  public updateSubjects() {

      if (this.communityId != null && this.communityId != '') {

          this.showLoading = true;

          var subjects = this.parseUpdatedSubjects();

          // TODO delete after testing

          console.log(subjects);

          this._subjectsService.updateSubjects("https://dev-openaire.d4science.org/openaire/community/"+this.communityId+"/subjects", subjects).subscribe(

            subjects => {

               this.handleSuccessfulSave('Subjects saved!')

            },

            error => this.handleUpdateError('System error updating subjects', error)

          );

          this._router.navigate(['/subjects-edit-form'], {queryParams: { "communityId": this.communityId}});

      }

      this.resetChange();

  }

  // public updateCommunity() {

  //

  //     if (this.communityId != null && this.communityId != '') {

  //         this.showLoading = true;

  //         var community = this.parseUpdatedCommunity();

  //

  //         // TODO delete after testing

  //         console.log(community);

  //

  //         if (!this.hasValidEmail(community) || !this.hasFilled(community["name"])) {

  //           //console.info("NAVIGAAAATE");

  //             this._router.navigate(['/subjects-edit-form'], {queryParams: { "communityId": this.communityId}});

  //         } else {

  //             this._communityService.updateCommunity(this.properties.communityAPI+this.communityId, community).subscribe(

  //               community => {

  //                  this.handleSuccessfulSave('Community saved!')

  //               },

  //               error => this.handleUpdateError('System error updating community profile', error)

  //             );

  //             this._router.navigate(['/subjects-edit-form'], {queryParams: { "communityId": this.communityId}});

  //         }

  //     }

  //     this.resetChange();

  // }

  private parseUpdatedSubjects() : {} {

      var subjects = [];

      // TODO delete after testing

      //console.log(this.community.subjects);

      subjects['subjects'] = new Array<string>();

      this.community.subjects = this.getNonEmptyItems(this.community.subjects);

      subjects = this.community.subjects;

      return subjects;

  }

  // private parseUpdatedCommunity() : {} {

  //     var community = {};

  //

  //     community["name"] = this.community.title;

  //     community["shortName"] = this.community.shortTitle;

  //     community["status"] = this.community.status;

  //     community["description"] = this.community.description;

  //     community["logoUrl"] = this.community.logoUrl;

  //

  //     // TODO delete after testing

  //     //console.log(this.community.managers);

  //

  //     community['managers'] = new Array<string>();

  //     this.community.managers = this.getNonEmptyItems(this.community.managers);

  //     community['managers'] = this.community.managers;

  //

  //     // TODO delete after testing

  //     //console.log(this.community.subjects);

  //

  //     community['subjects'] = new Array<string>();

  //     this.community.subjects = this.getNonEmptyItems(this.community.subjects);

  //     community['subjects'] = this.community.subjects;

  //

  //     // TODO delete after testing

  //     //console.log(community);

  //     return community;

  // }

  private getNonEmptyItems(data: string[]): string[] {

      let length = data.length;

      let arrayNonEmpty = new Array<string>();

      let j = 0;

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

          if (this.isEmpty(data[i])) {

               //console.log(data[i]);

          } else if (this.isNonEmpty(data[i])) {

               arrayNonEmpty[j] = data[i];

               j++;

               //console.log(data[i]);

          }

      }

      return arrayNonEmpty;

  }

  private hasFilled(data: any): boolean {

      if (this.isNonEmpty(data) && !this.isEmpty(data)) {

          // TODO remove console message after final testing

          console.log("NAME IS NOT EMPTY");

          return true;

      }

      // TODO remove console message after final testing

      console.log("NAME IS EMPTY");

      return false;

  }

  private isEmpty(data: string): boolean {

      if (data != undefined && !data.replace(/\s/g, '').length)

          return true;

      else

          return false;

  }

  private isNonEmpty(data: string): boolean {

      if (data != undefined && data != null)

          return true;

      else

          return false;

  }

  private hasValidEmail(data: any): boolean {

      let length = data['managers'].length;

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

          if (!this.emailValidator(data['managers'][i])){

              // TODO remove console message after final testing

              console.log("INVALID EMAIL");

              return false;

          }

      }

      // TODO remove console message after final testing

      console.log("ALL EMAILS ARE VALID");

      return true;

  }

  private emailValidator(email : any): boolean {

      if (email.match("^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"))

          return true;

      else

          return false;

  }

  private change() {

      this.hasChanged = true;

      this.successfulSaveMessage = '';

      this.successfulResetMessage = '';

      // TODO remove after testing

      console.log('I have changed: I AM TRUE');

  }

  private resetChange() {

      this.hasChanged = false;

      // TODO remove after testing

      console.log('I have changed: I AM FALSE');

  }

  public get form() {

      return this._fb.group({

          _id : '',

          name : ['', Validators.required]

      });

  }

  public reset() {

      this.myForm.patchValue({

          name : '',

          _id : ''

      });

  }

  handleUpdateError(message: string, error) {

      this.updateErrorMessage = message;

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

      this.showLoading = false;

  }

  handleError(message: string, error) {

      this.errorMessage = message;

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

      this.showLoading = false;

  }

  handleSuccessfulSave(message) {

      this.showLoading = false;

      this.successfulSaveMessage = message;

  }

  handleSuccessfulReset(message) {

      this.showLoading = false;

      this.successfulResetMessage = message;

  }

  trackByFn(index: any, item: any) {

      return index;

  }

}