-
-
-
-
diff --git a/src/app/components/contact-form/contact-form.component.ts b/src/app/components/contact-form/contact-form.component.ts
index b0c47dd..99a37ae 100644
--- a/src/app/components/contact-form/contact-form.component.ts
+++ b/src/app/components/contact-form/contact-form.component.ts
@@ -1,6 +1,8 @@
import { Component, OnInit } from '@angular/core';
import { Contact } from '../../contact';
+import { Adress } from '../../adress';
+import { ContactService} from '../../services/contact.service';
@Component({
selector: 'app-contact-form',
@@ -10,17 +12,19 @@ import { Contact } from '../../contact';
export class ContactFormComponent implements OnInit {
roles = ['Internal User', 'Admin', 'Customer'];
- model = new Contact('Mohammed', '', 'Internal User');
-
+ model = new Contact('Mohammed', '', 'Internal User', new Adress());
submitted: boolean = false;
- constructor() { }
+ constructor(private contactService: ContactService) {
+ }
ngOnInit() {
}
onSubmit() {
this.submitted = true;
+ this.contactService.addContact(this.model)
+ .subscribe(() => this.submitted = true);
}
get diagnostic() {
@@ -28,7 +32,7 @@ export class ContactFormComponent implements OnInit {
}
newContact() {
- this.model = new Contact('', '', '');
+ this.model = new Contact('', '', '', new Adress());
}
}
diff --git a/src/app/contact.ts b/src/app/contact.ts
index 0c642c9..b541204 100644
--- a/src/app/contact.ts
+++ b/src/app/contact.ts
@@ -1,8 +1,26 @@
+import { Adress } from './adress';
+
export class Contact {
- constructor(
- public firstName: string,
- public lastName: string,
- public role: string,
- public middleName?: string
- ) { }
+ public id: number;
+ public firstName: string;
+ public lastName: string;
+ public jobPosition: string;
+ public company: string;
+ public phoneNumber: number;
+ public fax: string;
+ public email: string;
+ public role: string;
+ public adress: Adress;
+
+ constructor(firstName: string, lastName: string, role: string, adress: Adress) {
+ this.adress = new Adress();
+ this.jobPosition = '';
+ this.company = '';
+ this.email = '';
+ this.fax = '';
+ this.phoneNumber = 0;
+ this.firstName = firstName;
+ this.lastName = lastName;
+ this.role = role;
+ }
}
diff --git a/src/app/in-memory-data.service.ts b/src/app/in-memory-data.service.ts
new file mode 100644
index 0000000..aa11e96
--- /dev/null
+++ b/src/app/in-memory-data.service.ts
@@ -0,0 +1,26 @@
+import { InMemoryDbService } from 'angular-in-memory-web-api';
+
+export class InMemoryDataService implements InMemoryDbService {
+ createDb() {
+ const contacts = [
+ { 'id': 11,
+ 'firstName': 'Debora',
+ 'lastName': 'Dunnald',
+ 'jobPosition': 'developer',
+ 'company': 'lslkjl',
+ 'phoneNumber': '+212 (807) 553-2272',
+ 'fax': 'sdjks',
+ 'email': 'deboradunn@navir.com',
+ 'role': 'interne',
+ 'address': {
+ 'lineOne': 'Frank Court',
+ 'lineTwo': 'Batchelder Street, 361',
+ 'city': 'Kenmar',
+ 'country': 'Bangladesh',
+ 'zipCode': '1821'
+ }
+ }
+];
+ return {contacts};
+ }
+}
diff --git a/src/app/services/contact.service.spec.ts b/src/app/services/contact.service.spec.ts
new file mode 100644
index 0000000..584e8a2
--- /dev/null
+++ b/src/app/services/contact.service.spec.ts
@@ -0,0 +1,15 @@
+import { TestBed, inject } from '@angular/core/testing';
+
+import { ContactService } from './contact.service';
+
+describe('ContactService', () => {
+ beforeEach(() => {
+ TestBed.configureTestingModule({
+ providers: [ContactService]
+ });
+ });
+
+ it('should be created', inject([ContactService], (service: ContactService) => {
+ expect(service).toBeTruthy();
+ }));
+});
diff --git a/src/app/services/contact.service.ts b/src/app/services/contact.service.ts
new file mode 100644
index 0000000..715d98a
--- /dev/null
+++ b/src/app/services/contact.service.ts
@@ -0,0 +1,48 @@
+import { Injectable } from '@angular/core';
+import { Contact } from '../contact';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Observable } from 'rxjs/Observable';
+import { of } from 'rxjs/observable/of';
+import { catchError, map, tap } from 'rxjs/operators';
+
+const httpOptions = {
+ headers: new HttpHeaders({ 'Content-Type': 'application/json' })
+};
+
+
+@Injectable()
+export class ContactService {
+ private contactsUrl = 'api/contacts'; // URL to web api
+
+ constructor(
+ private http: HttpClient) { }
+
+ getContacts (): Observable {
+ return this.http.get(this.contactsUrl).pipe(
+ catchError(this.handleError('getContacts', []))
+ );
+ }
+
+ addContact (contact: Contact): Observable {
+ return this.http.post(this.contactsUrl, contact, httpOptions).pipe(
+ tap(_ => this.log(` contact =${contact.firstName}`)),
+ catchError(this.handleError('create contact'))
+ );
+ }
+
+ private handleError (operation = 'operation', result?: T) {
+ return (error: any): Observable => {
+ // TODO: send the error to remote logging infrastructure
+ console.error(error); // log to console instead
+ // TODO: better job of transforming error for user consumption
+ // Let the app keep running by returning an empty result.
+ return of(result as T);
+ };
+ }
+
+ private log(message: string) {
+ console.log(message);
+ }
+ // getContacts(): Observable {
+ // return this.http.get(this.contactsUrl); }
+}