Added ACL sharing capabilities for address books

UI/Templates/ContactsUI/UIxContactFoldersView.wox

@@ -183,7 +183,8 @@
                        sg-escape="revertEditing(folder)"/>
               </md-input-container>
               <md-button class="iconButton" label:aria-label="Options"
-                         ng-show="currentFolder.id==folder.id">
+                         ng-show="currentFolder.id==folder.id"
+                         ng-click="share()">
               <i class="md-icon-more-vert"><!-- options --></i>
               </md-button>
             </md-list-item>

UI/Templates/ContactsUI/UIxContactsUserRightsEditor.wox

@@ -6,44 +6,34 @@
    xmlns:rsrc="OGo:url"
    xmlns:label="OGo:label"
    xmlns:uix="OGo:uix">
-      <div class="addressbookUserRights">
+  <div class="addressbookUserRights" layout="column">
-        <ul>
+    
-          <li>
+    <md-checkbox name="canViewObjects"
-            <label>
-              <input type="checkbox" name="canViewObjects"
-                     ng-checked="selectedUser.rights.canViewObjects"
                  ng-model="selectedUser.rights.canViewObjects"
-                     ng-change="confirmChange(selectedUser)" />
+                 ng-change="confirmChange(selectedUser)" >
       <var:string label:value="This person can read the cards of this addressbook." />
-            </label>
+    </md-checkbox>
-          </li>
+    
-          <li ng-hide="selectedUser.$isAnonymous()">
+    <md-checkbox name="canCreateObjects"
-            <label>
-              <input type="checkbox" name="canCreateObjects"
-                     ng-checked="selectedUser.rights.canCreateObjects"
                  ng-model="selectedUser.rights.canCreateObjects"
-                     ng-change="confirmChange(selectedUser)" />
+                 ng-change="confirmChange(selectedUser)"
+                 ng-hide="selectedUser.$isAnonymous()">
       <var:string label:value="This person can add cards to this addressbook." />
-            </label>
+    </md-checkbox>
-          </li>
+    
-          <li ng-hide="selectedUser.$isAnonymous()">
+    <md-checkbox name="canEditObjects"
-            <label>
-              <input type="checkbox" name="canEditObjects"
-                     ng-checked="selectedUser.rights.canEditObjects"
                  ng-model="selectedUser.rights.canEditObjects"
-                     ng-change="confirmChange(selectedUser)" />
+                 ng-change="confirmChange(selectedUser)"
+                 ng-hide="selectedUser.$isAnonymous()">
       <var:string label:value="This person can edit the cards of this addressbook." />
-            </label>
+    </md-checkbox>
-          </li>
+    
-          <li ng-hide="selectedUser.$isAnonymous()">
+    <md-checkbox name="canEraseObjects"
-            <label>
-              <input type="checkbox" name="canEraseObjects"
-                     ng-checked="selectedUser.rights.canEraseObjects"
                  ng-model="selectedUser.rights.canEraseObjects"
-                     ng-change="confirmChange(selectedUser)" />
+                 ng-change="confirmChange(selectedUser)"
+                 ng-hide="selectedUser.$isAnonymous()">
               <var:string label:value="This person can erase cards from this addressbook." />
-            </label>
+    </md-checkbox>
-          </li>
+    
-        </ul>
   </div>
 </container>

UI/Templates/UIxAclEditor.wox

@@ -5,57 +5,42 @@
     xmlns:var="http://www.skyrix.com/od/binding"
     xmlns:const="http://www.skyrix.com/od/constant"
     xmlns:label="OGo:label"
-    xmlns:uix="OGo:uix"><var:string var:value="doctype" const:escapeHTML="NO" />
+    xmlns:uix="OGo:uix">
-  <div id="modalACL">
+  <md-dialog>
-    <h2><var:string label:value="Access Rights"/> - <em>{{addressbook.name}}</em></h2>
+    <md-content>
-    <ul>
+      <md-subheader><var:string label:value="Access Rights"/> - {{stateAddressbook.name}}</md-subheader>
-      <!-- left side -->
+      
-      <li>
+      <md-list>
-        <ul class="aclUsers">
+        <md-list-item ng-repeat="user in users | orderBy:['userClass', 'displayName']">
-          <li ng-repeat="user in users | orderBy:['userClass', 'displayName']"
+          <div layout="column">
-              ng-click="selectUser(user)"
+            <div layout="row">
-              ng-class="{_selected: user==selectedUser}">
+              <md-button ng-click="selectUser(user)">
+                <div layout="row" layout-align="space-between center"
+                     layout-fill="true">
                   <span class="card-picture" ng-switch="user.userClass">
-              <i ng-switch-when="normal-user" class="icon-ion-ios7-person"><!-- normal-user --></i>
+                    <div ng-switch-when="normal-user" class="sg-avatar"><!-- normal-user --></div>
-              <i ng-switch-when="public-user" class="icon-ion-ios7-people"><!-- public-user --></i>
+                    <div ng-switch-when="public-user" class="sg-list-avatar"><!-- public-user --></div>
                   </span>
                   <span class="name">{{user.$shortFormat()}}</span>
-            <span class="subscriptionArea"
+                </div>
+              </md-button>
+              <md-button
+                  ng-click="removeUser(user)"
+                  type="button"
+                  layout="row" layout-align="end center"
                   ng-hide="user.$isSpecial()">
-              <label>
+                <div class="md-icon-delete"><!-- delete --></div>
-                <input type="checkbox"
+              </md-button>
-                       ng-model="user.isSubscribed"
+            </div>
-                       ng-checked="user.isSubscribed"
+            <span id="AccessRightList" ng-show="user==selectedUser">
-                       ng-disabled="user.wasSubscribed" />
+              <md-checkbox ng-model="user.isSubscribed"
-                <span><var:string label:value="Subscribe User"/></span>
+                           arial-label="Subscribe User"
-              </label>
+                           ng-disabled="user.wasSubscribed"
-            </span>
+                           ng-true-value="1"
-          </li>
+                           ng-false-value="0"
-        </ul>
+                           ng-hide="user.$isSpecial()">
-        <form class="addContactsToolbar"
+                <var:string label:value="Subscribe User"/>
-              ng-submit="addUser(userToAdd)">
+              </md-checkbox>
-          <table id="bottomTable">
-            <tr>
-              <td id="td_1"><i class="icon-ion-search"><!-- search --></i>
-              <input type="search" class="form-control" label:placeholder="email address"
-                     ng-model="userToAdd"
-                     typeahead-editable="false"
-                     typeahead-wait-ms="500"
-                     typeahead="user as user.$shortFormat() for user in userFilter($viewValue)"/>
-              </td>
-              <td id="td_2">
-                <button type="submit" ><var:string label:value="Add User" /></button>
-                <button type="button"
-                        ng-disabled="!selectedUser || selectedUser.$isSpecial()"
-                        ng-click="removeUser(selectedUser)"><var:string label:value="Remove User"/></button>
-              </td>
-            </tr>
-          </table>
-        </form>
-      </li>
-      <!-- right side -->
-      <li id="AccessRightList" ng-show="selectedUser">
-        <h1>{{selectedUser.$shortFormat({email: false})}}</h1>
               <div ng-include="'UIxUserRightsEditor'">
                 <!--
                     Load ng-template #UIxUserRightsEditor from main module wox. Inner wox templates are:
@@ -63,12 +48,29 @@
                     - UI/Templates/MailerUI/UIxMailUserRightsEditor.wox
                     - UI/Templates/SchedulerUI/UIxCalUserRightsEditor.wox
                 --></div>
-      </li>
+            </span>
-    </ul>
           </div>
+          <md-divider><!-- divider --></md-divider>
+        </md-list-item>
+        
+        <md-autocomplete
+            md-selected-item="userToAdd"
+            md-search-text="searchText"
+            md-selected-item-change="addUser(user)"
+            md-items="user in userFilter(searchText)"
+            md-item-text="user.shortFormat"
+            md-min-length="0"
+            placeholder="Add">
+          <span md-highlight-text="searchText" md-highlight-flags="^i">{{user.shortFormat}}</span>
+        </md-autocomplete>
+        
+      </md-list>
+      
       <div id="aclButtons">
-    <button ng-click="closeModal()"><var:string label:value="Close"/></button>
+        <md-button ng-click="closeModal()"><var:string label:value="Close"/></md-button>
-    <button ng-click="saveModal()"><var:string label:value="Save"/></button>
+        <md-button ng-click="saveModal()"><var:string label:value="Save"/></md-button>
       </div>
-  <span class="close-reveal-modal" ng-click="closeModal()"><i class="icon-close"><!-- close --></i></span>
+    </md-content>
+  </md-dialog>
+  
 </container>

UI/WebServerResources/js/ContactsUI.js

@@ -103,7 +103,9 @@
       $urlRouterProvider.otherwise('/addressbooks/personal');
     }])
 
-    .controller('AddressBooksCtrl', ['$scope', '$rootScope', '$state', '$stateParams', '$timeout', '$mdDialog', 'sgFocus', 'sgCard', 'sgAddressBook', 'sgDialog', 'sgSettings', 'stateAddressbooks', function($scope, $rootScope, $state, $stateParams, $timeout, $mdDialog, focus, Card, AddressBook, Dialog, Settings, stateAddressbooks) {
+    .controller('AddressBooksCtrl', ['$state', '$scope', '$rootScope', '$stateParams', '$timeout', '$q', '$mdDialog', 'sgFocus', 'sgCard', 'sgAddressBook', 'sgDialog', 'sgSettings', 'sgUser', 'stateAddressbooks', function($state, $scope, $rootScope, $stateParams, $timeout, $q, $mdDialog, focus, Card, AddressBook, Dialog, Settings, User, stateAddressbooks) {
+      var currentAddressbook;
+
       $scope.activeUser = Settings.activeUser;
       $scope.service = AddressBook;
 
@@ -214,23 +216,37 @@
         window.location.href = ApplicationBaseURL + '/' + $rootScope.addressbook.id + '/exportFolder';
       };
       $scope.share = function() {
-        var modal = $modal.open({
+        $mdDialog.show({
-          templateUrl: stateAddressbook.id + '/UIxAclEditor', // UI/Templates/UIxAclEditor.wox
+          templateUrl: $scope.currentFolder.id + '/UIxAclEditor', // UI/Templates/UIxAclEditor.wox
-          resolve: {
+          controller: AddressBookACLController,
-            modalUsers: function() {
+          clickOutsideToClose: true,
-              return stateAddressbook.$acl.$users();
+          escapeToClose: true,
+          locals: {
+            usersWithACL: $scope.currentFolder.$acl.$users(),
+            User: User,
+            stateAddressbook: $scope.currentFolder,
+            q: $q
           }
-          },
+        });
-          controller: ['$scope', '$modalInstance', 'sgUser', 'modalUsers', function($scope, $modalInstance, User, modalUsers) {
+        function AddressBookACLController($scope, $mdDialog, usersWithACL, User, stateAddressbook, q) {
-            $scope.users = modalUsers; // ACL users
+          $scope.users = usersWithACL; // ACL users
-            $scope.userFilter = User.$filter; // Filter for typeahead
+          $scope.stateAddressbook = stateAddressbook;
+          $scope.userToAdd = '';
+          $scope.searchText = '';
+          $scope.userFilter = function($query) {
+            var deferred = q.defer();
+            User.$filter($query).then(function(results) {
+              deferred.resolve(results)
+            });
+            return deferred.promise;
+          };
           $scope.closeModal = function() {
               stateAddressbook.$acl.$resetUsersRights(); // cancel changes
-              $modalInstance.close();
+              $mdDialog.hide();
             };
             $scope.saveModal = function() {
               stateAddressbook.$acl.$saveUsersRights().then(function() {
-                $modalInstance.close();
+                $mdDialog.hide();
               }, function(data, status) {
                 Dialog.alert(l('Warning'), l('An error occured please try again.'));
               });
@@ -254,8 +270,10 @@
               });
             };
           $scope.addUser = function(data) {            
+              stateAddressbook.$acl.$addUser(data).then(function() {
                 $scope.userToAdd = '';
-              stateAddressbook.$acl.$addUser(data).catch(function(error) {
+                $scope.searchText = '';
+              }, function(error) {
                 Dialog.alert(l('Warning'), error);
               });
             };
@@ -266,8 +284,7 @@
                 $scope.selectedUser.$rights();
               }
             };
-          }]
+        };
-        });
       };
 
       /**