Repository: nifi-registry Updated Branches: refs/heads/master 4f00e36d4 -> 800365dc9
[NIFIREG-115] add focus to inputs in the new user, new group, new buckets dialogs This closes #83. Signed-off-by: Kevin Doran <kdo...@apache.org> Project: http://git-wip-us.apache.org/repos/asf/nifi-registry/repo Commit: http://git-wip-us.apache.org/repos/asf/nifi-registry/commit/800365dc Tree: http://git-wip-us.apache.org/repos/asf/nifi-registry/tree/800365dc Diff: http://git-wip-us.apache.org/repos/asf/nifi-registry/diff/800365dc Branch: refs/heads/master Commit: 800365dc9916846ac0934eed836dce5dd5d67251 Parents: 4f00e36 Author: Scott Aslan <scottyas...@gmail.com> Authored: Thu Jan 11 21:15:32 2018 -0500 Committer: Kevin Doran <kdo...@apache.org> Committed: Tue Jan 16 15:14:56 2018 -0500 ---------------------------------------------------------------------- .../users/dialogs/add-user/nf-registry-add-user.html | 2 +- .../users/dialogs/add-user/nf-registry-add-user.js | 12 +++++++++++- .../create-new-group/nf-registry-create-new-group.html | 2 +- .../create-new-group/nf-registry-create-new-group.js | 12 +++++++++++- .../create-bucket/nf-registry-create-bucket.html | 2 +- .../dialogs/create-bucket/nf-registry-create-bucket.js | 12 +++++++++++- .../login/dialogs/nf-registry-user-login.html | 2 +- 7 files changed, 37 insertions(+), 7 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/nifi-registry/blob/800365dc/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/add-user/nf-registry-add-user.html ---------------------------------------------------------------------- diff --git a/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/add-user/nf-registry-add-user.html b/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/add-user/nf-registry-add-user.html index ac76861..5239dee 100644 --- a/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/add-user/nf-registry-add-user.html +++ b/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/add-user/nf-registry-add-user.html @@ -25,7 +25,7 @@ limitations under the License. <div fxLayout="column" fxLayoutAlign="space-between start" class="pad-bottom-md"> <div class="pad-bottom-md fill-available-width"> <mat-input-container floatPlaceholder="always" fxFlex> - <input #newUserInput matInput floatPlaceholder="always" placeholder="Identity/Username" focused="true"> + <input #newUserInput matInput floatPlaceholder="always" placeholder="Identity/Username"> </mat-input-container> </div> <mat-checkbox [(ngModel)]="keepDialogOpen"> http://git-wip-us.apache.org/repos/asf/nifi-registry/blob/800365dc/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/add-user/nf-registry-add-user.js ---------------------------------------------------------------------- diff --git a/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/add-user/nf-registry-add-user.js b/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/add-user/nf-registry-add-user.js index 5ab7d47..a725f5c 100644 --- a/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/add-user/nf-registry-add-user.js +++ b/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/add-user/nf-registry-add-user.js @@ -78,12 +78,22 @@ NfRegistryAddUser.prototype = { */ cancel: function () { this.dialogRef.close(); + }, + + /** + * Focus the new user input. + */ + ngAfterViewChecked: function () { + this.newUserInput.nativeElement.focus(); } }; NfRegistryAddUser.annotations = [ new ngCore.Component({ - template: require('./nf-registry-add-user.html!text') + template: require('./nf-registry-add-user.html!text'), + queries: { + newUserInput: new ngCore.ViewChild('newUserInput') + } }) ]; http://git-wip-us.apache.org/repos/asf/nifi-registry/blob/800365dc/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/create-new-group/nf-registry-create-new-group.html ---------------------------------------------------------------------- diff --git a/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/create-new-group/nf-registry-create-new-group.html b/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/create-new-group/nf-registry-create-new-group.html index 889fddc..d153651 100644 --- a/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/create-new-group/nf-registry-create-new-group.html +++ b/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/create-new-group/nf-registry-create-new-group.html @@ -25,7 +25,7 @@ limitations under the License. <div fxLayout="column" fxLayoutAlign="space-between start" class="pad-bottom-md"> <div class="pad-bottom-md fill-available-width"> <mat-input-container floatPlaceholder="always" fxFlex> - <input #createNewGroupInput matInput floatPlaceholder="always" placeholder="Display Name" focused="true"> + <input #createNewGroupInput matInput floatPlaceholder="always" placeholder="Display Name"> </mat-input-container> </div> <mat-checkbox [(ngModel)]="keepDialogOpen"> http://git-wip-us.apache.org/repos/asf/nifi-registry/blob/800365dc/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/create-new-group/nf-registry-create-new-group.js ---------------------------------------------------------------------- diff --git a/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/create-new-group/nf-registry-create-new-group.js b/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/create-new-group/nf-registry-create-new-group.js index 434957a..38297d8 100644 --- a/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/create-new-group/nf-registry-create-new-group.js +++ b/nifi-registry-web-ui/src/main/webapp/components/administration/users/dialogs/create-new-group/nf-registry-create-new-group.js @@ -79,12 +79,22 @@ NfRegistryCreateNewGroup.prototype = { */ cancel: function () { this.dialogRef.close(); + }, + + /** + * Focus the new group input. + */ + ngAfterViewChecked: function () { + this.createNewGroupInput.nativeElement.focus(); } }; NfRegistryCreateNewGroup.annotations = [ new ngCore.Component({ - template: require('./nf-registry-create-new-group.html!text') + template: require('./nf-registry-create-new-group.html!text'), + queries: { + createNewGroupInput: new ngCore.ViewChild('createNewGroupInput') + } }) ]; http://git-wip-us.apache.org/repos/asf/nifi-registry/blob/800365dc/nifi-registry-web-ui/src/main/webapp/components/administration/workflow/dialogs/create-bucket/nf-registry-create-bucket.html ---------------------------------------------------------------------- diff --git a/nifi-registry-web-ui/src/main/webapp/components/administration/workflow/dialogs/create-bucket/nf-registry-create-bucket.html b/nifi-registry-web-ui/src/main/webapp/components/administration/workflow/dialogs/create-bucket/nf-registry-create-bucket.html index 4248bd2..e2be074 100644 --- a/nifi-registry-web-ui/src/main/webapp/components/administration/workflow/dialogs/create-bucket/nf-registry-create-bucket.html +++ b/nifi-registry-web-ui/src/main/webapp/components/administration/workflow/dialogs/create-bucket/nf-registry-create-bucket.html @@ -25,7 +25,7 @@ limitations under the License. <div fxLayout="column" fxLayoutAlign="space-between start" class="pad-bottom-md"> <div class="pad-bottom-md fill-available-width"> <mat-input-container floatPlaceholder="always" fxFlex> - <input #newBucketInput matInput floatPlaceholder="always" placeholder="Bucket Name" focused="true"> + <input #newBucketInput matInput floatPlaceholder="always" placeholder="Bucket Name"> </mat-input-container> </div> <mat-checkbox [(ngModel)]="keepDialogOpen"> http://git-wip-us.apache.org/repos/asf/nifi-registry/blob/800365dc/nifi-registry-web-ui/src/main/webapp/components/administration/workflow/dialogs/create-bucket/nf-registry-create-bucket.js ---------------------------------------------------------------------- diff --git a/nifi-registry-web-ui/src/main/webapp/components/administration/workflow/dialogs/create-bucket/nf-registry-create-bucket.js b/nifi-registry-web-ui/src/main/webapp/components/administration/workflow/dialogs/create-bucket/nf-registry-create-bucket.js index 1d73489..5a6b0c4 100644 --- a/nifi-registry-web-ui/src/main/webapp/components/administration/workflow/dialogs/create-bucket/nf-registry-create-bucket.js +++ b/nifi-registry-web-ui/src/main/webapp/components/administration/workflow/dialogs/create-bucket/nf-registry-create-bucket.js @@ -77,12 +77,22 @@ NfRegistryCreateBucket.prototype = { */ cancel: function () { this.dialogRef.close(); + }, + + /** + * Focus the new bucket input. + */ + ngAfterViewChecked: function () { + this.newBucketInput.nativeElement.focus(); } }; NfRegistryCreateBucket.annotations = [ new ngCore.Component({ - template: require('./nf-registry-create-bucket.html!text') + template: require('./nf-registry-create-bucket.html!text'), + queries: { + newBucketInput: new ngCore.ViewChild('newBucketInput') + } }) ]; http://git-wip-us.apache.org/repos/asf/nifi-registry/blob/800365dc/nifi-registry-web-ui/src/main/webapp/components/login/dialogs/nf-registry-user-login.html ---------------------------------------------------------------------- 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 index 5fc9c6c..343b319 100644 --- 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 @@ -22,7 +22,7 @@ limitations under the License. <div fxLayout="column" fxLayoutAlign="space-between start" class="pad-bottom-md"> <div class="pad-bottom-md fill-available-width"> <mat-input-container floatPlaceholder="always" fxFlex> - <input #usernameInput matInput floatPlaceholder="always" placeholder="Username" focused="true"> + <input #usernameInput matInput floatPlaceholder="always" placeholder="Username"> </mat-input-container> </div> <div class="pad-bottom-md fill-available-width">