D-Net

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

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

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

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

import {ConnectHelper}                                   from '../../../openaireLibrary/connect/connectHelper';

import {Email}                                           from '../../../openaireLibrary/utils/email/email';

import {Body}                                            from '../../../openaireLibrary/utils/email/body';

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

import {EmailService}                                    from '../../../openaireLibrary/utils/email/email.service';

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

import {ErrorCodes}                                      from '../../../openaireLibrary/utils/properties/errorCodes';

@Component({

    selector: 'invite',

    templateUrl: './invite.component.html',

})

export class InviteComponent implements OnInit {

  @Input() longView: boolean = true;

  @Input() communityId = null;

  private properties: EnvProperties = null;

  public community = null;

  //public showLoading: boolean = true;

  public errorMessage: string = '';

  public successfulSentMessage: string = '';

  public inviteErrorMessage: string = '';

  public missingCommunityId: string = '';

  public showAddRecipientMessage: boolean = false;

  public email: Email;

  public body: Body;

  public recipients: string;

  public areValid: boolean = true;

  private ckeditorContent: string;

  // public defaultBody = '<p>OpenAIRE invites you to subscribe in <a href="https://beta.egi.openaire.eu">_Community_name_</a> dashboard. </p><p>The community dashboard is part of the <a href="https://beta.egi.openaire.eu">OpenAIRE-Connect</a> project.</p>';

  public defaultBody ='';

  public communityIdParam = {};

  public status: number = 1;

  public errorCodes: ErrorCodes;

  constructor (

      private element: ElementRef,

      private route: ActivatedRoute,

      private _router: Router,

      public _fb: FormBuilder,

      private _emailService: EmailService,

      private _communityService: CommunityService) {

        this.route.queryParams.subscribe(

          communityId => {

                this.communityId = communityId['communityId'];

                if(!this.communityId){

                  this.communityId  = ConnectHelper.getCommunityFromDomain(document.location.hostname);

                }

                this.communityIdParam = (ConnectHelper.isProduction(document.location.hostname))?{}:{communityId:this.communityId};

          });

          this.errorCodes = new ErrorCodes();

          this.status = this.errorCodes.LOADING;

      }

  public ngOnInit() {

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

          this.properties = data.envSpecific;

          this.errorMessage = "";

          this.missingCommunityId = "";

          this.status = this.errorCodes.LOADING;

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

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

              community => {

                this.community = community;

                this.defaultBody = '<p>You are invited to subscribe to <a href="https://beta.' + this.communityId + '.openaire.eu/">' + this.community.title + '</a> dashboard.'

                                   + '<br>The purpose of this dashboard  is to gather, link &amp; monitor the research results related to your community.</p><p>The community dashboard is part of the <a href="https://connect.openaire.eu/">OpenAIRE-Connect</a> project and currently is in BETA version.</p>';

                 // TODO move the initialisation

                 this.body = {/*salutation: "Dear Sir/Madame,",*/ fromMessage: ", on behalf of ", fromName: "", paragraphs: this.defaultBody, /*closing: "Kind regards,",*/ signature: "OpenAIRE team", ps: ""};

                 this.email = {body: "", subject: "[OpenAIRE-Connect] " + community.title, recipients: []};

                 this.recipients = "";

                 this.status = this.errorCodes.DONE;

              },

              error => this.handleError(error)

            );

          } else {

            this.status = this.errorCodes.DONE;

            this.missingCommunityId = "There is no community selected!";

          }

          this.scroll();

      });

  }

  public scroll() {

    console.info("scroll into view");

    if (typeof document !== 'undefined') {

       this.element.nativeElement.scrollIntoView();

    }

  }

  public invite() {

      this.successfulSentMessage = "";

      this.inviteErrorMessage = "";

      this.status = this.errorCodes.LOADING;

      if (this.recipients != "") {

        if (this.validateEmails()) {

          this.composeEmail();

          console.log(this.email.body);

          this._emailService.sendEmail(this.properties.adminToolsAPIURL + "/sendMail/", this.email).subscribe(

              res => {

                console.log("The email has been sent successfully!");

                this.status = this.errorCodes.DONE;

                console.log("Emails Sent: "+res);

                if(res > 1) {

                  this.successfulSentMessage = res + " emails sent successfully!";

                } else {

                  this.successfulSentMessage = res + " email sent successfully!";

                }

                this.body = {/*salutation: "Dear Sir/Madame,",*/ fromMessage: ", on behalf of ", fromName: "", paragraphs: this.defaultBody, /*closing: "Kind regards,",*/ signature: "OpenAIRE team", ps: ""};

                this.email = {body: "", subject: "[OpenAIRE-Connect] " + this.community.title, recipients: []};

                this.recipients = "";

              },

              error => {

                console.log(error);

                this.status = this.errorCodes.DONE;

                this.inviteErrorMessage = "There was an error sending emails. Please try again.";

              }

          );

        } else {

          this.scroll();

          this.status = this.errorCodes.DONE;

        }

      } else {

        this.showAddRecipientMessage = true;

        this.scroll();

        this.status = this.errorCodes.DONE;

      }

  }

  public resetMessages() {

      this.errorMessage = "";

      this.successfulSentMessage = "";

      this.inviteErrorMessage = "";

  }

  public validateEmails(): boolean {

      if (this.parseEmails()) {

          if (this.hasValidEmails()) {

            return this.areValid;

          }

      }

      this.areValid = false;

      return this.areValid;

  }

  public parseEmails(): boolean {

      let email = new Array<string>();

      // remove spaces

      this.recipients = this.recipients.replace(/\s/g, '');

      // remove commas

      email = this.recipients.split(",");

      // remove empty fields

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

        if (!(email[i] == "")) {

          this.email.recipients.push(email[i]);

        }

      }

      console.log(this.email.recipients);

      return true;

  }

  private hasValidEmails(): boolean {

      let length = this.email.recipients.length;

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

          if (!this.emailValidator(this.email.recipients[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;

  }

  public composeEmail() {

      // this.email.subject = "[OpenAIRE-Connect] Community_name";

      this.email.body = this.formatEmailBody();

  }

  public formatEmailBody(): string {

      let fromMessageAndName = "";

      if (this.body.fromName != "") {

        fromMessageAndName = "<span>" + this.body.fromMessage + this.body.fromName + "</span>";

      }

      let formattedEmail = "<div style='font-size:14px;'>" + /*+ this.body.salutation + "<br><br>" +*/

       this.body.paragraphs +

      "<p>" /*+ this.body.closing + "<br>"*/ + this.body.signature + fromMessageAndName + "<br>" +

      "<a href='https://www.openaire.eu'>www.openaire.eu</a>" + "</p></div>";

      return formattedEmail;

  }

  public handleError(error) {

    if(error.status == '401') {

      this.status = this.errorCodes.FORBIDDEN;

    } else if(error.status == '403') {

      this.status = this.errorCodes.FORBIDDEN;

    } else if(error.status == '404') {

      this.status = this.errorCodes.NOT_FOUND;

    } else if(error.status == '500') {

      this.status = this.errorCodes.ERROR;

    } else {

      this.status = this.errorCodes.NOT_AVAILABLE;

    }

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

  }

}