validate request form: set focus in search input

* Sets focus in search input after validation. * Closes rero/rero-ils#803. Co-Authored-by: Alicia Zangger <alicia.zangger@rero.ch>
jma · Mar 3, 2020 · 59c0797 · 59c0797
1 parent 3c26950
commit 59c0797
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/projects/admin/src/app/circulation/main-request/main-request.component.html b/projects/admin/src/app/circulation/main-request/main-request.component.html
@@ -23,6 +23,7 @@
         [placeholder]="placeholder | translate"
         [searchText]="searchText"
         (search)="searchValueUpdated($event)"
+        [focus]="searchInputFocus"
       ></ng-core-search-input>
     </div>
   </div>

diff --git a/projects/admin/src/app/circulation/main-request/main-request.component.ts b/projects/admin/src/app/circulation/main-request/main-request.component.ts
@@ -35,6 +35,9 @@ export class MainRequestComponent implements OnInit {
   private libraryPid: string;
   public isLoading = false;
 
+  /** Focus attribute of the search input */
+  searchInputFocus = false;
+
   /** Constructor
    * @param  userService: User Service
    * @param  itemsService: Items Service
@@ -55,6 +58,7 @@ export class MainRequestComponent implements OnInit {
       this.items = null;
       this.getRequestedLoans();
     }
+    this.searchInputFocus = true;
   }
 
   getRequestedLoans() {
@@ -95,5 +99,6 @@ export class MainRequestComponent implements OnInit {
         }
       );
     }
+    this.searchInputFocus = true;
   }
 }