reads _id's from incoming customers

src/app/add-customer/add-customer.component.html

@@ -37,16 +37,14 @@ <h3>Add Customer</h3>
  </div>
 
  <div class="btn-group btn-group-sm">
- <button type="button" class="btn btn-dark" (click)="goBack()">Back</button>
- <button type="button" class="btn btn-dark" (click)="addCustomer()" [disabled]="!addCustomerForm.form.valid">Add</button>
+ <button type="button" class="btn btn-dark" (click)="addCustomer()" [disabled]="!addCustomerForm.form.valid">Add</button>
  </div>
  </form>
 </div>
 
 <div [hidden]="!submitted">
  <p>Submitted Successfully! -> <span class="badge badge-light">{{customer.firstname}} {{customer.lastname}}</span></p>
  <div class="btn-group btn-group-sm">
- <button type="button" class="btn btn-dark" (click)="goBack()">Back</button>
  <button type="button" class="btn btn-dark" (click)="newCustomer(); addCustomerForm.reset()">Continue</button>
  </div>
 </div>

src/app/add-customer/add-customer.component.ts

@@ -25,10 +25,10 @@ export class AddCustomerComponent{
  this.customer = new Customer();
  }
 
- addCustomer() {
- this.submitted = true;
- this.save();
- }
+  addCustomer() {
+  this.submitted = true;
+  this.save();
+  }
 
  goBack(): void {
  this.location.back();

src/app/customer-details/customer-details.component.html

@@ -1,4 +1,4 @@
-<h5><span class="badge badge-light ">{{customer._id}}</span> -> {{customer.firstname}}</h5>
+<h5><span class="badge badge-light ">ID: {{customer._id}}</span> -> {{customer.firstname}}</h5>
 <div [hidden]="submitted">
  <form #detailCustomerForm="ngForm">
  <div class="form-group">

src/app/customer-details/customer-details.component.ts

@@ -24,6 +24,7 @@ export class CustomerDetailsComponent implements OnInit {
 
  ngOnInit(): void {
  const id = this.route.snapshot.paramMap.get('id');
+ // Get the customer via id in url from server
  this.customerService.getCustomer(id)
  .subscribe(customer => this.customer = customer);
  }
@@ -36,8 +37,7 @@ export class CustomerDetailsComponent implements OnInit {
 
  delete(): void {
  this.submitted = true;
- //this.customerService.deleteCustomer(this.customer._id)
- this.customerService.deleteCustomer('0')
+ this.customerService.deleteCustomer(this.customer._id)
  .subscribe(result => this.message = "Customer Deleted Successfully!");
  }
 

src/app/customer.service.ts

@@ -12,26 +12,25 @@ const httpOptions = {
 })
 export class CustomerService {
  private customersUrl = 'https://localhost:8080/api/customers'; // URL to web api
- constructor( 
+ constructor(
  private http: HttpClient
  ) { }
 
  getCustomers (): Observable<Customer[]> {
  return this.http.get<Customer[]>(this.customersUrl)
  }
 
- getCustomer(id: string): Observable<Customer> {
+ getCustomer (id: string): Observable<Customer> {
  const url = `${this.customersUrl}/${id}`;
  return this.http.get<Customer>(url);
  }
 
- addCustomer (customer: Customer): Observable<Customer> {
+ addCustomer (customer: Customer): Observable<any> {
  return this.http.post<Customer>(this.customersUrl, customer, httpOptions);
  }
 
  deleteCustomer (customer: Customer | string): Observable<Customer> {
- //const id = typeof customer === 'string' ? customer : customer._id;
- const id = '0';
+ const id = typeof customer === 'string' ? customer : customer._id;
  const url = `${this.customersUrl}/${id}`;
 
  return this.http.delete<Customer>(url, httpOptions);

src/app/customer/customer.component.ts

@@ -21,11 +21,11 @@ export class CustomerComponent implements OnInit {
 
  getCustomers() {
  return this.customerService.getCustomers()
-  .subscribe(
-  customers => {
-  console.log(customers);
-  this.customers = customers
-  }
-  );
+ .subscribe(
+ customers => {
+ console.log(customers);
+ this.customers = customers
+ }
+ );
  }
 }