From c19f4d24038367900052bcaba11e3b186be3776d Mon Sep 17 00:00:00 2001
From: Rene Enriquez <enriquezrene.ap@gmail.com>
Date: Fri, 24 Apr 2020 15:08:51 -0500
Subject: [PATCH] fix: #186 mark customer description as required and #185 fix
 error message

---
 .../components/create-customer/create-customer.html      | 9 +++++++--
 .../components/create-customer/create-customer.ts        | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/modules/customer-management/components/customer-info/components/create-customer/create-customer.html b/src/app/modules/customer-management/components/customer-info/components/create-customer/create-customer.html
index daf2afa35..214db3587 100644
--- a/src/app/modules/customer-management/components/customer-info/components/create-customer/create-customer.html
+++ b/src/app/modules/customer-management/components/customer-info/components/create-customer/create-customer.html
@@ -3,7 +3,7 @@
     <div class="form-group">
       <div
         *ngIf="showAlert && messageToShow !== ''"
-        [ngClass]="{'bg-secondary': messageToShow == 'Customer created successfully!' || messageToShow == 'Customer updated successfully!', 
+        [ngClass]="{'bg-secondary': messageToShow == 'Customer created successfully!' || messageToShow == 'Customer updated successfully!',
                     'bg-primary': messageToShow !== 'Customer created successfully!' }"
         class="alert alert-dismissible fade fade-in show text-white"
         role="alert"
@@ -23,7 +23,7 @@
       <span
         class="badge badge-pill badge-light text-danger"
         *ngIf="(customerForm.dirty || customerForm.touched) && customerForm.invalid"
-        >Activity name is required</span
+        >Customer name is required</span
       >
       <textarea
         class="form-control form-control-sm mt-2"
@@ -32,6 +32,11 @@
         formControlName="description"
         placeholder="Customer description"
       ></textarea>
+      <span
+        class="badge badge-pill badge-light text-danger"
+        *ngIf="(customerForm.dirty || customerForm.touched) && customerForm.invalid"
+        >Customer description is required</span
+      >
       <button type="submit" class="btn btn-sm btn-primary" [disabled]="!customerForm.valid">Save</button>
       <button (click)="resetCustomerForm()" id="cancel" type="button" class="btn btn-sm btn-secondary mb-2 ml-2 mt-2">
         Cancel
diff --git a/src/app/modules/customer-management/components/customer-info/components/create-customer/create-customer.ts b/src/app/modules/customer-management/components/customer-info/components/create-customer/create-customer.ts
index f338ebff0..9605af742 100644
--- a/src/app/modules/customer-management/components/customer-info/components/create-customer/create-customer.ts
+++ b/src/app/modules/customer-management/components/customer-info/components/create-customer/create-customer.ts
@@ -31,7 +31,7 @@ export class CreateCustomerComponent implements OnInit, OnDestroy {
   constructor(private formBuilder: FormBuilder, private store: Store<CustomerState>) {
     this.customerForm = this.formBuilder.group({
       name: ['', Validators.required],
-      description: [''],
+      description: ['', Validators.required],
     });
   }