Auto focus input field on creating a new receiver (#300)

Fixes #289

src/partials/messenger.receiver/contact.create.html

@@ -1,11 +1,12 @@
 <md-card>
-	<md-card-content>
-		<md-input-container class="md-block" >
-			<label translate>messenger.ADD_CONTACT_THREEMA_ID</label>
-			<input class="threema-id"  minlength="8" ng-maxlength="8" maxlength="8" required md-no-asterisk
-			       ng-model="ctrl.controllerModel.identity"
-			       ng-disabled="ctrl.isSaving()"
-				   ng-keypress="ctrl.keypress($event)">
-		</md-input-container>
-	</md-card-content>
-</md-card>
+    <md-card-content>
+        <md-input-container class="md-block" >
+            <label translate>messenger.ADD_CONTACT_THREEMA_ID</label>
+            <input class="threema-id"  minlength="8" ng-maxlength="8" maxlength="8" required md-no-asterisk
+                   ng-model="ctrl.controllerModel.identity"
+                   ng-disabled="ctrl.isSaving()"
+                   ng-keypress="ctrl.keypress($event)"
+                   autofocus>
+        </md-input-container>
+    </md-card-content>
+</md-card>

src/partials/messenger.receiver/distributionList.create.html

@@ -1,33 +1,34 @@
 <md-card>
-	<md-card-title>
-		<md-card-title-text>
-			<span class="md-headline" translate>messenger.DISTRIBUTION_LIST_NAME</span>
-		</md-card-title-text>
-	</md-card-title>
-	<md-card-content>
-		<md-input-container class="md-block" >
-			<input
-					aria-label="group name"
-					translate-attr="{'aria-label': 'messenger.DISTRIBUTION_LIST_NAME'}"
-					ng-model="ctrl.controllerModel.name"
-					ng-disabled="ctrl.isSaving()"
-					ng-keypress="ctrl.keypress($event)">
-		</md-input-container>
-	</md-card-content>
+    <md-card-title>
+        <md-card-title-text>
+            <span class="md-headline" translate>messenger.DISTRIBUTION_LIST_NAME</span>
+        </md-card-title-text>
+    </md-card-title>
+    <md-card-content>
+        <md-input-container class="md-block" >
+            <input
+                    aria-label="group name"
+                    translate-attr="{'aria-label': 'messenger.DISTRIBUTION_LIST_NAME'}"
+                    ng-model="ctrl.controllerModel.name"
+                    ng-disabled="ctrl.isSaving()"
+                    ng-keypress="ctrl.keypress($event)"
+                    autofocus>
+        </md-input-container>
+    </md-card-content>
 </md-card>
 <md-card>
-	<md-card-title>
-		<md-card-title-text>
-			<span class="md-headline" translate>messenger.DISTRIBUTION_LIST_MEMBERS</span>
-		</md-card-title-text>
-	</md-card-title>
-	<md-card-content>
-		<ul class="member-list">
-			<member-list-editor
-					eee-members="ctrl.controllerModel.members",
-					eee-placeholder="ctrl.controllerModel.addContactPlaceholder"
-					eee-on-change="ctrl.controllerModel.onChangeMembers" />
-		</ul>
-	</md-card-content>
+    <md-card-title>
+        <md-card-title-text>
+            <span class="md-headline" translate>messenger.DISTRIBUTION_LIST_MEMBERS</span>
+        </md-card-title-text>
+    </md-card-title>
+    <md-card-content>
+        <ul class="member-list">
+            <member-list-editor
+                    eee-members="ctrl.controllerModel.members",
+                    eee-placeholder="ctrl.controllerModel.addContactPlaceholder"
+                    eee-on-change="ctrl.controllerModel.onChangeMembers" />
+        </ul>
+    </md-card-content>
 </md-card>
 

src/partials/messenger.receiver/group.create.html

@@ -18,7 +18,8 @@
                     translate-attr="{'aria-label': 'messenger.GROUP_NAME'}"
                     ng-model="ctrl.controllerModel.name"
                     ng-disabled="ctrl.isSaving()"
-                    ng-keypress="ctrl.keypress($event)">
+                    ng-keypress="ctrl.keypress($event)"
+                    autofocus>
         </md-input-container>
     </md-card-content>
 </md-card>