D-Net

  private lastRoute;

  constructor(private router: Router) {

                clearInterval(this.interval);

              }

        }

  }

  private getUrl(url: string) {

  filtering(page_route: string) {

      let community: Portal = this.communityInformation.getValue();

      let pages: Page[] = <Page[]>community.pages;

      if (pages) {

      }

  }

  name: 'reset',

  data: '<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polyline fill="#000" points="1 2 2 2 2 6 6 6 6 7 1 7 1 2"></polyline><path fill="none" stroke="#000" stroke-width="1.1" d="M2.1,6.548 C3.391,3.29 6.746,1 10.5,1 C15.5,1 19.5,5 19.5,10 C19.5,15 15.5,19 10.5,19 C5.5,19 1.5,15 1.5,10"></path></svg>'

}

  SimpleChanges,

  ViewChild

} from "@angular/core";

import {HelperFunctions} from "../../utils/HelperFunctions.class";

import {Observable, of, Subscription} from "rxjs";

import {MatSelect} from "@angular/material/select";

                  </span>

                </mat-chip>

                <div [class.uk-hidden]="formControl.value" class="uk-width-expand uk-position-relative chip-input">

                         [matChipInputFor]="chipList" [matAutocompleteConnectedTo]="origin">

                  <div *ngIf="placeholder && !searchInput.value" class="placeholder uk-width-1-1"

                       (click)="searchInput.focus()">{{placeholder}}</div>

          <div [ngClass]="inputClass"

               [attr.uk-tooltip]="formControl.disabled?'title: This field is not editable; pos: bottom-left':null"

               [class.clickable]="formControl.enabled"

            <mat-form-field class="uk-width-1-1">

              <mat-chip-list #chipList>

                <mat-chip *ngFor="let chip of formAsArray.controls; let i=index" [selectable]="false"

                  </span>

                </mat-chip>

                <div class="uk-width-expand uk-position-relative chip-input">

                         [matChipInputFor]="chipList" [matAutocompleteConnectedTo]="origin"

                         [matChipInputAddOnBlur]="addExtraChips && searchControl.value"

                         (matChipInputTokenEnd)="add($event)">

  /** Textarea options */

  @Input('rows') rows: number = 3;

  /** Select | chips available options */

  @Input('hint') hint = null;

  @Input('placeholder') placeholder = '';

  @Input() inputClass: string = 'input-box';

  @Input() panelWidth: number = 300;

  @Input() panelClass: string = null;

  @Input() showOptionsOnEmpty: boolean = true;

  @Output() focusEmitter: EventEmitter<boolean> = new EventEmitter<boolean>();

  /** LogoUrl information */

  public secure: boolean = true;

      this.secure = (!this.initValue || this.initValue.includes('https://'));

    }

    if (this.type === 'chips' || this.type === 'autocomplete') {

        this.filteredOptions = of(this.options);

        this.subscriptions.push(this.searchControl.valueChanges.subscribe(value => {

          setTimeout(() => {

            this.searchInput.nativeElement.focus();

  }

  add(event: MatChipInputEvent) {

      this.stopPropagation();

      this.formAsArray.markAsDirty();

      this.searchControl.setValue('');

      this.searchInput.nativeElement.value = '';

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

import {Subscriber} from "rxjs";

import {StringUtils} from "../../utils/string-utils.class";

import {Email} from "../../utils/email/email";

@Component({

  selector: 'subscriber-invite',

  template: `

      <div dashboard-input [formInput]="inviteForm.get('name')" [gridSmall]="true">

        <div class="uk-text-bold field-label">

          From:

        </div>

      </div>

          To *:

        </div>

      </div>

      <div class="uk-grid uk-grid-small" uk-grid>

        <div class="uk-text-bold field-label">

        </div>

        <div class="uk-width-expand">

          <ckeditor *ngIf="isManager" class="form-control" formControlName="message" id="message"

                    [config]="{ extraAllowedContent: '* [uk-*](*) ; span', disallowedContent: 'script; *[on*]', removeButtons: 'Save,NewPage,DocProps,Preview,Print',

                                                                   extraPlugins: 'divarea'}"></ckeditor>

          <div *ngIf="!isManager" [innerHTML]="body.paragraphs"></div>

        </div>

      </div>

    </div>

  `,

  styleUrls: ['subscriber-invite.component.css']

})

export class SubscriberInviteComponent implements OnInit, OnDestroy {

  @Input()

  public user: User;

  public inviteForm: FormGroup;

  public email: Email;

  public body: Body;

  private subscriptions: any[] = [];

  constructor(private fb: FormBuilder,

  }

  ngOnInit() {

    this.reset();

  }

    this.unsubscribe();

    this.inviteForm = this.fb.group({

      name: this.fb.control('', Validators.required),

      message: this.fb.control('', Validators.required)

    });

    this.subscriptions.push(this.communityService.getCommunityAsObservable().subscribe(community => {

      this.email = Composer.initializeInvitationsEmail(community.title);

      this.inviteForm.get('message').setValue(this.body.paragraphs);

    }));

    }

  }

  invite() {

    this.loading = true;

    this.body.paragraphs = this.inviteForm.value.message;

    this.email.body = Composer.formatEmailBodyForInvitation(this.body);

    this.subscriptions.push(this.emailService.sendEmail(properties, this.email).subscribe(res => {

      if(res['success']) {

        UIkit.notification('Invitation to subscribe has been <b>sent</b>', {

          pos: 'bottom-right'

        });

      }

      this.loading = false;

    },error => {

      UIkit.notification('An error has occurred. Please try again later', {

        timeout: 6000,

        pos: 'bottom-right'

      });

      this.loading = false;

    }));

  }

  get isManager() {

    return Session.isPortalAdministrator(this.user) || Session.isCurator('community', this.user) || Session.isManager('community', this.community.communityId, this.user);

  }

  get valid() {

  }

}