fix: #177 fix projects creation

Author: macrisguncay

src/app/modules/customer-management/components/projects/components/create-project/create-project.component.html

@@ -19,7 +19,7 @@
   ></textarea>
   <div class="form-group">
     <select class="custom-select custom-select-sm mt-2" formControlName="project_type_id">
-      <option [value]="" disabled selected>Select project type</option>
+      <option value="" selected>Select project type</option>
       <option *ngFor="let type of projectsTypes" [value]="type.id">{{ type.name }}</option>
     </select>
   </div>

src/app/modules/customer-management/components/projects/components/create-project/create-project.component.ts

@@ -29,7 +29,7 @@ export class CreateProjectComponent implements OnInit, OnDestroy {
     this.projectForm = this.formBuilder.group({
       name: ['', Validators.required],
       description: [''],
-      project_type_id: [''],
+      project_type_id: [null],
     });
   }
 
@@ -52,13 +52,17 @@ export class CreateProjectComponent implements OnInit, OnDestroy {
   }
 
   onSubmit(formData) {
+    if (formData.project_type_id === '') {
+      formData.project_type_id = null;
+    }
     this.projectForm.reset();
     if (this.projectToEdit) {
       const projectData = { id: this.projectToEdit.id, ...formData };
       this.store.dispatch(new actions.UpdateProject(projectData));
     } else {
       this.store.dispatch(new actions.CreateProject(formData));
     }
+    this.resetValuesForm();
   }
 
   get name() {
@@ -86,4 +90,12 @@ export class CreateProjectComponent implements OnInit, OnDestroy {
   cancelButton() {
     this.store.dispatch(new actions.ResetProjectToEdit());
   }
+
+  resetValuesForm() {
+    this.projectForm.setValue({
+      name: '',
+      description: '',
+      project_type_id: null,
+    });
+  }
 }