89 lines
2.5 KiB
TypeScript
89 lines
2.5 KiB
TypeScript
|
import { Component, OnInit } from '@angular/core';
|
||
|
|
import { Validators, FormBuilder, FormGroup } from '@angular/forms';
|
||
|
|
import { Http, Response } from '@angular/http';
|
||
|
|
import { ApiService } from '../providers/api-service';
|
||
|
|
import 'rxjs/add/operator/map';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
templateUrl: 'add-data.component.html',
|
||
|
|
providers: [ApiService]
|
||
|
|
})
|
||
|
|
export class FeedbackPage {
|
||
|
|
feedbackForm: FormGroup;
|
||
|
|
loggedIn: boolean;
|
||
|
|
loggedInEmail: any;
|
||
|
|
username: any;
|
||
|
|
feedbackFormStatus: any;
|
||
|
|
feedbackFormStatusError: string = 'Error received, please try again.';
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
private http: Http,
|
||
|
|
private formBuilder: FormBuilder,
|
||
|
|
private api: ApiService,
|
||
|
|
) {
|
||
|
|
this.getUserEmail();
|
||
|
|
|
||
|
|
this.feedbackForm = this.formBuilder.group({
|
||
|
|
email: ['', [Validators.required]],
|
||
|
|
feedbacktext: ['', [Validators.required]],
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
onSubmit() {
|
||
|
|
this.api
|
||
|
|
.feedback(this.feedbackForm.value)
|
||
|
|
.subscribe(
|
||
|
|
result => {
|
||
|
|
if ( result.success == true ) {
|
||
|
|
console.log('Successful Upload');
|
||
|
|
console.log(result);
|
||
|
|
this.feedbackFormStatus = "success";
|
||
|
|
console.log(this.feedbackFormStatus);
|
||
|
|
this.feedbackForm.patchValue({
|
||
|
|
feedbacktext: '',
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
console.log('Upload Error');
|
||
|
|
this.feedbackFormStatusError = JSON.stringify(result.status) + 'Error, ' + JSON.stringify(result.message);
|
||
|
|
this.feedbackFormStatus = "send_failed";
|
||
|
|
console.log(this.feedbackFormStatus);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
error => {
|
||
|
|
console.log('Upload Error');
|
||
|
|
console.log(error);
|
||
|
|
try {
|
||
|
|
console.log(error.error);
|
||
|
|
let jsonError = error.json();
|
||
|
|
console.log("boop");
|
||
|
|
this.feedbackFormStatusError = '"' + jsonError.error + '" Error, ' + jsonError.message;
|
||
|
|
} catch(e) {
|
||
|
|
this.feedbackFormStatusError = 'There was a server error, please try again later.';
|
||
|
|
}
|
||
|
|
this.feedbackFormStatus = "send_failed";
|
||
|
|
console.log(this.feedbackFormStatus);
|
||
|
|
}
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
getUserEmail() {
|
||
|
|
this.api.getEmail().subscribe(
|
||
|
|
result => {
|
||
|
|
if (result) {
|
||
|
|
console.log('Email has been received');
|
||
|
|
this.loggedInEmail = result;
|
||
|
|
this.loggedIn = true;
|
||
|
|
} else {
|
||
|
|
console.log('Email is not available');
|
||
|
|
this.loggedIn = false;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
err => {
|
||
|
|
console.log('Email could not be received');
|
||
|
|
this.loggedIn = false;
|
||
|
|
}
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|