NIFIREG-188: Login by hitting Enter in the input fields in web UI

Signed-off-by: Pierre Villard <[email protected]> This closes #147.
apache · Sep 14, 2020 · 3739334 · 3739334
1 parent 0647389
commit 3739334
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/...nifi-registry-web-ui/src/main/webapp/components/login/dialogs/nf-registry-user-login.html b/...nifi-registry-web-ui/src/main/webapp/components/login/dialogs/nf-registry-user-login.html
@@ -27,12 +27,12 @@
     <div fxLayout="column" fxLayoutAlign="space-between start" class="pad-bottom-md">
         <div class="fill-available-width">
             <mat-form-field floatLabel="always" fxFlex>
-                <input #usernameInput matInput floatPlaceholder="always" placeholder="Username">
+                <input #usernameInput matInput floatPlaceholder="always" placeholder="Username" (keyup.enter)="login(usernameInput, passwordInput)">
             </mat-form-field>
         </div>
         <div class="fill-available-width">
             <mat-form-field floatLabel="always" fxFlex>
-                <input #passwordInput type="password" matInput floatPlaceholder="always" placeholder="Password" autocomplete="off">
+                <input #passwordInput type="password" matInput floatPlaceholder="always" placeholder="Password" autocomplete="off" (keyup.enter)="login(usernameInput, passwordInput)">
             </mat-form-field>
         </div>
     </div>

diff --git a/...e/nifi-registry-web-ui/src/main/webapp/components/login/dialogs/nf-registry-user-login.js b/...e/nifi-registry-web-ui/src/main/webapp/components/login/dialogs/nf-registry-user-login.js
@@ -50,6 +50,9 @@ NfRegistryUserLogin.prototype = {
      * @param password  The password.
      */
     login: function (username, password) {
+        if (username.value.length === 0 || password.value.length === 0) {
+            return;
+        }
         var self = this;
         this.nfRegistryApi.postToLogin(username.value, password.value).subscribe(function (response) {
             if (response || response.status === 200) {