From 6bc5ac46b79424e799ee5563cdbee9fc097d5597 Mon Sep 17 00:00:00 2001
From: paulussujono <52963980+paulussujono@users.noreply.github.com>
Date: Wed, 7 Oct 2020 00:06:44 +1100
Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20added=20autofocus=20on=20f?=
 =?UTF-8?q?irst=20field=20of=20modal=20forms=20(#667)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

added to modals:
- invite user
- add item
- add collection
- add folder
---
 .../organizations/manage/collection-add-edit.component.html   | 3 ++-
 src/app/organizations/manage/user-add-edit.component.html     | 3 ++-
 src/app/vault/add-edit.component.html                         | 4 ++--
 src/app/vault/folder-add-edit.component.html                  | 3 ++-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/app/organizations/manage/collection-add-edit.component.html b/src/app/organizations/manage/collection-add-edit.component.html
index 956c46692c..ee08acd93b 100644
--- a/src/app/organizations/manage/collection-add-edit.component.html
+++ b/src/app/organizations/manage/collection-add-edit.component.html
@@ -14,7 +14,8 @@
             <div class="modal-body" *ngIf="!loading">
                 <div class="form-group">
                     <label for="name">{{'name' | i18n}}</label>
-                    <input id="name" class="form-control" type="text" name="Name" [(ngModel)]="name" required>
+                    <input id="name" class="form-control" type="text" name="Name" [(ngModel)]="name" required
+                        appAutofocus>
                 </div>
                 <div class="form-group">
                     <label for="externalId">{{'externalId' | i18n}}</label>
diff --git a/src/app/organizations/manage/user-add-edit.component.html b/src/app/organizations/manage/user-add-edit.component.html
index 4193f643de..573d038dde 100644
--- a/src/app/organizations/manage/user-add-edit.component.html
+++ b/src/app/organizations/manage/user-add-edit.component.html
@@ -19,7 +19,8 @@
                     <p>{{'inviteUserDesc' | i18n}}</p>
                     <div class="form-group mb-4">
                         <label for="emails">{{'email' | i18n}}</label>
-                        <input id="emails" class="form-control" type="text" name="Emails" [(ngModel)]="emails" required>
+                        <input id="emails" class="form-control" type="text" name="Emails" [(ngModel)]="emails" required
+                            appAutoFocus>
                         <small class="text-muted">{{'inviteMultipleEmailDesc' | i18n : '20'}}</small>
                     </div>
                 </ng-container>
diff --git a/src/app/vault/add-edit.component.html b/src/app/vault/add-edit.component.html
index b533c3d554..2ac6604126 100644
--- a/src/app/vault/add-edit.component.html
+++ b/src/app/vault/add-edit.component.html
@@ -12,8 +12,8 @@
                 <div class="row" *ngIf="!editMode">
                     <div class="col-6 form-group">
                         <label for="type">{{'whatTypeOfItem' | i18n}}</label>
-                        <select id="type" name="Type" [(ngModel)]="cipher.type" class="form-control" 
-                            [disabled]="cipher.isDeleted">
+                        <select id="type" name="Type" [(ngModel)]="cipher.type" class="form-control"
+                            [disabled]="cipher.isDeleted" appAutofocus>
                             <option *ngFor="let o of typeOptions" [ngValue]="o.value">{{o.name}}</option>
                         </select>
                     </div>
diff --git a/src/app/vault/folder-add-edit.component.html b/src/app/vault/folder-add-edit.component.html
index af92a6b860..a4418bfe10 100644
--- a/src/app/vault/folder-add-edit.component.html
+++ b/src/app/vault/folder-add-edit.component.html
@@ -9,7 +9,8 @@
             </div>
             <div class="modal-body">
                 <label for="name">{{'name' | i18n}}</label>
-                <input id="name" class="form-control" type="text" name="Name" [(ngModel)]="folder.name" required>
+                <input id="name" class="form-control" type="text" name="Name" [(ngModel)]="folder.name" required
+                    appAutofocus>
             </div>
             <div class="modal-footer">
                 <button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">