fix: #207 hide technology list

Author: enriquezrene

src/app/modules/time-clock/components/entry-fields/entry-fields.component.html

@@ -20,6 +20,8 @@
     </div>
     <input
       (keypress)="getTechnologies($event.target.value)"
+      id="technology"
+      formControlName="technology"
       type="text"
       class="form-control"
       aria-label="Small"

src/app/modules/time-clock/components/entry-fields/entry-fields.component.spec.ts

@@ -56,6 +56,7 @@ describe('EntryFieldsComponent', () => {
     project_id: 'project-id-15',
     description: 'description for active entry',
     uri: 'abc',
+    technology: '',
   };
 
   beforeEach(async(() => {

src/app/modules/time-clock/components/entry-fields/entry-fields.component.ts

@@ -42,6 +42,7 @@ export class EntryFieldsComponent implements OnInit {
     this.entryForm = this.formBuilder.group({
       description: '',
       uri: '',
+      technology: '',
     });
   }
 
@@ -102,6 +103,8 @@ export class EntryFieldsComponent implements OnInit {
       this.store.dispatch(
         new entryActions.UpdateActiveEntry({ ...this.newData, technologies: this.selectedTechnology })
       );
+      this.showlist = false;
+      this.entryForm.get('technology').reset();
     }
   }