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 {EnvProperties}                                   from '../../../openaireLibrary/utils/properties/env-properties';

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

@Component({

    selector: 'community-edit-form',

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

})

export class CommunityEditFormComponent 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){ }

    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 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(['/community-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(['/community-edit-form'], {queryParams: { "communityId": this.communityId}});

            }

        }

        this.resetChange();

    }

    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;

    }

}