From b74b73bca473ee7f5f2794be0b35550fe60253aa Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Thu, 10 Dec 2015 11:46:56 -0500
Subject: [PATCH] (js) Focus to new calendar/contact category field

Fixes #172
---
 UI/Templates/PreferencesUI/UIxPreferences.wox               | 6 ++++--
 .../js/Preferences/PreferencesController.js                 | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/UI/Templates/PreferencesUI/UIxPreferences.wox b/UI/Templates/PreferencesUI/UIxPreferences.wox
index 0995c9881..ce0a757e8 100644
--- a/UI/Templates/PreferencesUI/UIxPreferences.wox
+++ b/UI/Templates/PreferencesUI/UIxPreferences.wox
@@ -364,7 +364,8 @@
                   <sg-color-picker ng-model="app.preferences.defaults.SOGoCalendarCategoriesColors[item]"><!-- color picker--></sg-color-picker>
                   <md-input-container>
 	            <input type="text" label:aria-label="Calendar Category"
-                           ng-model="app.preferences.defaults.SOGoCalendarCategories[$index]"/>
+                           ng-model="app.preferences.defaults.SOGoCalendarCategories[$index]"
+                           sg-focus-on="calendarCategory_{{$index}}"/>
                   </md-input-container>
                   <md-button class="sg-icon-button" type="button"
                              layout="row" layout-align="end center"
@@ -447,7 +448,8 @@
                   <md-input-container>
 	            <input type="text"
                            label:aria-label="Contact Category"
-                           ng-model="app.preferences.defaults.SOGoContactsCategories[$index]"/>
+                           ng-model="app.preferences.defaults.SOGoContactsCategories[$index]"
+                           sg-focus-on="contactCategory_{{$index}}"/>
                   </md-input-container>
                   <md-button type="button" class="sg-icon-button"
                              label:aria-label="Remove Contact Category"
diff --git a/UI/WebServerResources/js/Preferences/PreferencesController.js b/UI/WebServerResources/js/Preferences/PreferencesController.js
index dd7bbff3b..19bee7644 100644
--- a/UI/WebServerResources/js/Preferences/PreferencesController.js
+++ b/UI/WebServerResources/js/Preferences/PreferencesController.js
@@ -7,8 +7,8 @@
   /**
    * @ngInject
    */
-  PreferencesController.$inject = ['$q', '$window', '$state', '$mdDialog', '$mdToast', 'Dialog', 'User', 'Account', 'statePreferences', 'Authentication'];
-  function PreferencesController($q, $window, $state, $mdDialog, $mdToast, Dialog, User, Account, statePreferences, Authentication) {
+  PreferencesController.$inject = ['$q', '$window', '$state', '$mdDialog', '$mdToast', 'sgFocus', 'Dialog', 'User', 'Account', 'statePreferences', 'Authentication'];
+  function PreferencesController($q, $window, $state, $mdDialog, $mdToast, focus, Dialog, User, Account, statePreferences, Authentication) {
     var vm = this, account, mailboxes = [];
 
     vm.preferences = statePreferences;
@@ -73,6 +73,7 @@
     function addCalendarCategory() {
       vm.preferences.defaults.SOGoCalendarCategoriesColors["New category"] = "#aaa";
       vm.preferences.defaults.SOGoCalendarCategories.push("New category");
+      focus('calendarCategory_' + (vm.preferences.defaults.SOGoCalendarCategories.length - 1));
     }
 
     function removeCalendarCategory(index) {
@@ -83,6 +84,7 @@
 
     function addContactCategory() {
       vm.preferences.defaults.SOGoContactsCategories.push("");
+      focus('contactCategory_' + (vm.preferences.defaults.SOGoContactsCategories.length - 1));
     }
 
     function removeContactCategory(index) {