From 768c838d3d13721436a5cde82a3153bf9180f637 Mon Sep 17 00:00:00 2001
From: Michael Bromley <michael@michaelbromley.co.uk>
Date: Tue, 2 Jun 2020 12:13:52 +0200
Subject: [PATCH] feat(admin-ui): Add phoneNumber to customer detail form

Closes #359
---
 .../customer-detail/customer-detail.component.html         | 7 +++++++
 .../customer-detail/customer-detail.component.ts           | 2 ++
 2 files changed, 9 insertions(+)

diff --git a/packages/admin-ui/src/lib/customer/src/components/customer-detail/customer-detail.component.html b/packages/admin-ui/src/lib/customer/src/components/customer-detail/customer-detail.component.html
index 1d221b4d88..ff907b6fa0 100644
--- a/packages/admin-ui/src/lib/customer/src/components/customer-detail/customer-detail.component.html
+++ b/packages/admin-ui/src/lib/customer/src/components/customer-detail/customer-detail.component.html
@@ -46,6 +46,13 @@
     >
         <input id="lastName" type="text" formControlName="lastName" />
     </vdr-form-field>
+    <vdr-form-field
+        [label]="'customer.phone-number' | translate"
+        for="phoneNumber"
+        [readOnlyToggle]="!(isNew$ | async)"
+    >
+        <input id="phoneNumber" type="text" formControlName="phoneNumber" />
+    </vdr-form-field>
     <vdr-form-field
         [label]="'customer.email-address' | translate"
         for="emailAddress"
diff --git a/packages/admin-ui/src/lib/customer/src/components/customer-detail/customer-detail.component.ts b/packages/admin-ui/src/lib/customer/src/components/customer-detail/customer-detail.component.ts
index cabe24cb1b..f74a2af919 100644
--- a/packages/admin-ui/src/lib/customer/src/components/customer-detail/customer-detail.component.ts
+++ b/packages/admin-ui/src/lib/customer/src/components/customer-detail/customer-detail.component.ts
@@ -145,6 +145,7 @@ export class CustomerDetailComponent extends BaseDetailComponent<CustomerWithOrd
             emailAddress: formValue.emailAddress,
             firstName: formValue.firstName,
             lastName: formValue.lastName,
+            phoneNumber: formValue.phoneNumber,
         };
         this.dataService.customer.createCustomer(customer, formValue.password).subscribe(
             (data) => {
@@ -187,6 +188,7 @@ export class CustomerDetailComponent extends BaseDetailComponent<CustomerWithOrd
                             emailAddress: formValue.emailAddress,
                             firstName: formValue.firstName,
                             lastName: formValue.lastName,
+                            phoneNumber: formValue.phoneNumber,
                         };
                         saveOperations.push(this.dataService.customer.updateCustomer(customer));
                     }