focus search box after adding/removing a user from a team (#637)

cmu-sei · Mar 15, 2024 · ba36a10 · ba36a10
1 parent 43ceea9
commit ba36a10
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/app/components/shared/add-remove-users-dialog/add-remove-users-dialog.component.html b/src/app/components/shared/add-remove-users-dialog/add-remove-users-dialog.component.html
@@ -20,6 +20,7 @@
           [(ngModel)]="filterString"
           (keyup)="applyFilter($event.target.value)"
           placeholder="Search"
+          #searchBox
         />
         <button
           *ngIf="filterString !== ''"

diff --git a/src/app/components/shared/add-remove-users-dialog/add-remove-users-dialog.component.ts b/src/app/components/shared/add-remove-users-dialog/add-remove-users-dialog.component.ts
@@ -3,7 +3,10 @@
 
 import { Component, OnInit, ElementRef, ViewChild } from '@angular/core';
 import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
-import { LegacyPageEvent as PageEvent, MatLegacyPaginator as MatPaginator } from '@angular/material/legacy-paginator';
+import {
+  LegacyPageEvent as PageEvent,
+  MatLegacyPaginator as MatPaginator,
+} from '@angular/material/legacy-paginator';
 import { MatSort, MatSortable } from '@angular/material/sort';
 import { MatLegacyTableDataSource as MatTableDataSource } from '@angular/material/legacy-table';
 import {
@@ -56,7 +59,7 @@ export class AddRemoveUsersDialogComponent implements OnInit {
 
   public roles: Array<Role>;
 
-  @ViewChild('usersInput') usersInput: ElementRef<HTMLInputElement>;
+  @ViewChild('searchBox') searchBox: ElementRef<HTMLInputElement>;
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
   @ViewChild(MatSort, { static: true }) sort: MatSort;
 
@@ -234,6 +237,7 @@ export class AddRemoveUsersDialogComponent implements OnInit {
             this.userDataSource.sort = this.sort;
             this.userDataSource.paginator = this.paginator;
             this.applyFilter('');
+            this.searchBox.nativeElement.focus();
             this.isBusy = false;
           });
       });
@@ -265,6 +269,7 @@ export class AddRemoveUsersDialogComponent implements OnInit {
           this.userDataSource.sort = this.sort;
           this.userDataSource.paginator = this.paginator;
           this.applyFilter('');
+          this.searchBox.nativeElement.focus();
           this.isBusy = false;
         });
     }