Save contacts, distribution lists and groups with enter key (#278)

Fixes #271

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

@@ -4,7 +4,8 @@
 			<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-disabled="ctrl.isSaving()"
+				   ng-keypress="ctrl.keypress($event)">
 		</md-input-container>
 	</md-card-content>
 </md-card>

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

@@ -15,12 +15,12 @@
 	<md-card-content>
 		<md-input-container class="md-block" ng-if="ctrl.controllerModel.access.canChangeFirstName">
 			<label>{{ctrl.controllerModel.firstNameLabel}}</label>
-			<input ng-disabled="ctrl.isSaving()" ng-model="ctrl.controllerModel.firstName">
+			<input ng-disabled="ctrl.isSaving()" ng-model="ctrl.controllerModel.firstName" ng-keypress="ctrl.keypress($event)">
 		</md-input-container>
 
 		<md-input-container class="md-block" ng-if="ctrl.controllerModel.access.canChangeLastName">
 			<label translate>messenger.LAST_NAME</label>
-			<input ng-disabled="ctrl.isSaving()" ng-model="ctrl.controllerModel.lastName">
+			<input ng-disabled="ctrl.isSaving()" ng-model="ctrl.controllerModel.lastName" ng-keypress="ctrl.keypress($event)">
 		</md-input-container>
 	</md-card-content>
 </md-card>

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

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

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

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

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

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

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

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

src/partials/messenger.ts

@@ -1127,6 +1127,12 @@ class ReceiverEditController {
         this.execute = new ExecuteService($log, $timeout, 1000);
     }
 
+    public keypress($event: KeyboardEvent): void {
+        if ($event.key === 'Enter' && this.controllerModel.isValid()) {
+            this.save();
+        }
+    }
+
     public save(): void {
 
         // show loading
@@ -1241,6 +1247,12 @@ class ReceiverCreateController {
         );
     }
 
+    public keypress($event: KeyboardEvent): void {
+        if ($event.key === 'Enter' && this.controllerModel.isValid()) {
+            this.create();
+        }
+    }
+
     public create(): void {
         // show loading
         this.loading = true;