From 61ca6f63254f1199a0aef0e550cdca3dcd355990 Mon Sep 17 00:00:00 2001
From: Art <d.art.shishkin@gmail.com>
Date: Tue, 21 Sep 2021 16:58:46 +0300
Subject: [PATCH] 170. Search user list - Implementation with ngModelChange
 (#22)

---
 .../src/app/component/user/user.component.html            | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/support-portal-frontend/src/app/component/user/user.component.html b/support-portal-frontend/src/app/component/user/user.component.html
index 3d260df..09647ea 100644
--- a/support-portal-frontend/src/app/component/user/user.component.html
+++ b/support-portal-frontend/src/app/component/user/user.component.html
@@ -36,10 +36,12 @@
     <div class="tab-pane fade show active" id="users">
       <div class="mb-3 float-end">
         <div class="btn-group mr-2">
-          <form class="form-inline my-2 my-lg-0 justify-content-center">
-            <input name="searchFileName" #searchTerm class="form-control mr-sm-2" type="search" placeholder="Search users..."
-                   (keyup)="searchUsers(searchTerm.value)">
+
+          <form #searchForm="ngForm" class="form-inline my-2 my-lg-0 justify-content-center">
+            <input name="searchTerm" class="form-control mr-sm-2" type="search" placeholder="Search users..."
+                  ngModel (ngModelChange)="searchUsers(searchForm.value.searchTerm)">
           </form>
+
           <button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#addUserModal">
             <i class="fa fa-plus"></i>New User
           </button>