#50 added validaition style in Activity page

Author: daros10

src/app/modules/activities-management/components/create-activity/create-activity.component.html

@@ -11,7 +11,9 @@ <h1 class="card-title">Activity</h1>
 
     <div class="form-group">
       <label for="details">Description:</label>
-      <textarea class="form-control" rows="3" id="description" type="text" formControlName="description"></textarea>
+      <textarea class="form-control" [class.is-invalid]="(description.invalid && description.touched)" rows="3" id="description" type="text" formControlName="description"></textarea>
+      <p class="text-danger" *ngIf="(description.dirty || description.touched) && description.invalid && description.errors.required">Details project is required.</p>
+
     </div>
 
     <div class="btn-toolbar" role="toolbar">

src/app/modules/activities-management/components/create-activity/create-activity.component.ts

@@ -17,7 +17,7 @@ export class CreateActivityComponent {
   constructor(private formBuilder: FormBuilder) {
     this.activityForm = this.formBuilder.group({
       name: ['', Validators.required],
-      description: ['']
+      description: ['', Validators.required]
     });
   }