56 lines
1.5 KiB
TypeScript
56 lines
1.5 KiB
TypeScript
import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
|
|
import {FormGroup} from '@angular/forms';
|
|
import {EnvProperties} from "../utils/properties/env-properties";
|
|
import {Observable} from "rxjs";
|
|
import {map, startWith} from "rxjs/operators";
|
|
|
|
@Component({
|
|
selector: 'contact-us',
|
|
templateUrl: './contact-us.component.html',
|
|
styleUrls: ['contact-us.component.css']
|
|
})
|
|
|
|
export class ContactUsComponent implements OnInit {
|
|
@Input()
|
|
public contactForm: FormGroup;
|
|
@Input() formTitle: string;
|
|
@Input() properties: EnvProperties;
|
|
@Output() sendEmitter: EventEmitter<any> = new EventEmitter<any>();
|
|
@Input() errorMessage;
|
|
@Input()
|
|
public organizationTypes: string[];
|
|
@Input()
|
|
public right: boolean = true;
|
|
@Input()
|
|
public buttonClass: string;
|
|
public autoCompleteTypes: Observable<string[]>;
|
|
|
|
constructor() {
|
|
}
|
|
|
|
ngOnInit() {
|
|
if(this.contactForm.get('organizationType')) {
|
|
this.autoCompleteTypes = this.contactForm.get('organizationType').valueChanges
|
|
.pipe(
|
|
startWith(''),
|
|
map(value => this._filter(value))
|
|
);
|
|
}
|
|
}
|
|
|
|
private _filter(value: string): string[] {
|
|
const filterValue = value.toLowerCase();
|
|
return this.organizationTypes.filter(option => option.toLowerCase().includes(filterValue));
|
|
}
|
|
|
|
public send() {
|
|
this.sendEmitter.emit({
|
|
valid: this.contactForm.valid
|
|
});
|
|
}
|
|
|
|
public handleRecaptcha(captchaResponse: string) {
|
|
this.contactForm.get('recaptcha').setValue(captchaResponse);
|
|
}
|
|
}
|