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 {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';

@Component({

    selector: 'invite',

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

})

export class InviteComponent implements OnInit {

  @Input() longView: boolean = true;

  private properties: EnvProperties = null;

  public email: Email;

  public body: Body;

  public recipients: string;

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

  @Input() communityId = null;

  constructor (

      private route: ActivatedRoute,

      private _router: Router,

      public _fb: FormBuilder,

      private _emailService: EmailService) { }

  public ngOnInit() {

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

          this.properties = data.envSpecific;

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

          this.email = {body: "", subject: "", recipients: []};

          this.recipients = "";

      });

  }

  public invite() {

      if (this.recipients != "") {

        if (this.validateEmails()) {

          this.composeEmail();

          console.log(this.email.body);

          this._emailService.sendEmail(this.properties.sendMailUrl, this.email).subscribe(

              res => console.log("The email has been sent successfully!")

              ,

              error => console.log(error)

          );

        }

      }

  }

  public validateEmails(): boolean {

      if (this.parseEmails()) {

          if (this.hasValidEmails()) {

            return true;

          }

      }

      return false;

  }

  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>" + this.body.salutation + "<br><br>" +

      fromMessageAndName + this.body.paragraphs +

      "<p>" + this.body.closing + "<br>" + this.body.signature + "</p></div>";

      return formattedEmail;

  }

}