From 19c12add73b6af2e92403d8720f2274c48a814b7 Mon Sep 17 00:00:00 2001
From: Ludovic Marcotte <lmarcotte@inverse.ca>
Date: Thu, 23 Apr 2015 14:41:32 -0400
Subject: [PATCH] Added the capability to create address books

---
 .../ContactsUI/UIxContactFoldersView.wox      |  3 +
 UI/WebServerResources/js/ContactsUI.js        | 59 ++++++++++++++-----
 2 files changed, 46 insertions(+), 16 deletions(-)

diff --git a/UI/Templates/ContactsUI/UIxContactFoldersView.wox b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
index 7af4135c0..bf09a8cab 100644
--- a/UI/Templates/ContactsUI/UIxContactFoldersView.wox
+++ b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
@@ -182,6 +182,9 @@
               sg-subscribe-on-select="subscribeToFolder(folderData)">
               <i class="md-icon-folder-shared"><!-- icon --></i>
             </md-button>
+            <md-button ng-click="newAddressbook()">
+              <i class="md-icon-add-circle"><!-- icon --></i>
+            </md-button>
           </div>
           </md-toolbar>
       </md-content>
diff --git a/UI/WebServerResources/js/ContactsUI.js b/UI/WebServerResources/js/ContactsUI.js
index 320b51197..0a36cb39a 100644
--- a/UI/WebServerResources/js/ContactsUI.js
+++ b/UI/WebServerResources/js/ContactsUI.js
@@ -109,23 +109,50 @@
       $scope.select = function(rowIndex) {
         $scope.editMode = false;
       };
-      $scope.newAddressbook = function() {
+      $scope.newAddressbook = function(ev) {
         $scope.editMode = false;
-        Dialog.prompt(l('New addressbook'),
-                      l('Name of new addressbook'))
-          .then(function(name) {
-            if (name && name.length > 0) {
-              var addressbook = new AddressBook(
-                {
-                  name: name,
-                  isEditable: true,
-                  isRemote: false,
-                  owner: UserLogin
-                }
-              );
-              AddressBook.$add(addressbook);
-            }
-          });
+        $mdDialog.show({
+          parent: angular.element(document.body),
+          targetEvent: ev,
+          clickOutsideToClose: true,
+          escapeToClose: true,
+          template:
+          '<md-dialog aria-label="' + l('New addressbook') + '">' +
+            '  <md-content layout="column">' +
+            '    <md-input-container>' +
+            '      <label>' + l('Name of new addressbook') + '</label>' +
+            '      <input type="text" ng-model="name" required="required"/>' +
+            '    </md-input-container>' +
+            '    <div layout="row">' +
+            '      <md-button ng-click="cancelClicked()">' +
+            '        Cancel' +
+            '      </md-button>' +
+            '      <md-button ng-click="okClicked()" ng-disabled="!name.length">' +
+            '        OK' +
+            '      </md-button>' +
+            '    </div>'+
+            '  </md-content>' +
+            '</md-dialog>',
+          controller: NewAddressBookDialogController
+        });
+        function NewAddressBookDialogController(scope, $mdDialog) {
+          scope.name = "";
+          scope.cancelClicked = function() {
+            $mdDialog.hide();
+          }
+          scope.okClicked = function() {
+            var addressbook = new AddressBook(
+              {
+                name: scope.name,
+                isEditable: true,
+                isRemote: false,
+                owner: UserLogin
+              }
+            );
+            AddressBook.$add(addressbook);
+            $mdDialog.hide();
+          }
+        }
       };
       $scope.newComponent = function(ev) {
         $mdDialog.show({