Creation of aclUsers window

This commit is contained in:
Alexandre Cloutier
2014-09-30 15:17:44 -04:00
parent 22970bd510
commit ee5ef02f50
4 changed files with 254 additions and 31 deletions
@@ -61,6 +61,77 @@
</ul>
<div>
<!-- modal for addressbook sharing options -->
<script type="text/ng-template" id="addressbookSharing.html">
<div id="modalACL">
<h2>Sharing</h2>
<div>
<!-- left side -->
<div id="usersList">
<div>
<ul>
<li data-ng-repeat="user in users" data-ng-click="selectUser($index)" data-ng-class="{_selected: $index==selected}">
<span>
<i data-ng-class="(user.userClass == 'public-user') ? 'icon-user4' : 'icon-vcard'"><!-- spacer --></i>
{{user.displayName}}</span>
<span class="subscriptionArea" data-ng-hide="user.userClass == 'public-user'">
<input type="checkbox" ng-model="user.isSubscribed" ng-checked="user.isSubscribed"
ng-disabled="user.isSubscribed" ng-change="dirtyObjects()" />
<span><var:string label:value="Subscribe User"/></span></span>
</li>
</ul>
</div>
<div>
<form ng-submit="addUser(userToAdd)" class="addContactsToolbar">
<input type="search" ng-model="userToAdd" label:placeholder="add aclUser" typeahead-wait-ms="1000"
typeahead="user for user in getContacts($viewValue) | filter:$viewValue" class="form-control" />
</form>
<button data-ng-click="addUser(userToAdd)">Add User</button>
<button ng-disabled="removeButton()" data-ng-click="removeUser()">Remove User</button>
</div>
</div>
<!-- right side -->
<div id="AccessRightList">
<input id="uid" type="hidden" name="uid" var:value="uid"/>
<div class="title">
<label><var:string label:value="Access rights to"/><br />
<span id="folderName" class="value">{{addressbook.name}}</span></label>
<label><var:string label:value="For user"/><br />
<span class="value">{{userSelected.displayName}}</span></label>
</div>
<div class="calendarUserRights">
<ul>
<li data-ng-show="displayUserRights()">
<input type="checkbox" ng-checked="userSelected.aclOptions.canCreateObjects"
ng-model="userSelected.aclOptions.canCreateObjects" ng-change="dirtyObjects()" />
<var:string label:value="This person can add cards to this addressbook."/></li>
<li data-ng-show="displayUserRights()" ng-model="displayUserRights">
<input type="checkbox" ng-checked="userSelected.aclOptions.canEditObjects"
ng-model="userSelected.aclOptions.canEditObjects" ng-change="dirtyObjects()" />
<var:string label:value="This person can edit the cards of this addressbook."/></li>
<li data-ng-show="displayUserRights()" ng-model="displayUserRights">
<input type="checkbox" ng-checked="userSelected.aclOptions.canEraseObjects"
ng-model="userSelected.aclOptions.canEraseObjects" ng-change="dirtyObjects()" />
<var:string label:value="This person can erase cards from this addressbook."/></li>
<li data-ng-hide="!userSelected.displayName">
<input type="checkbox" ng-checked="userSelected.aclOptions.canViewObjects"
ng-model="userSelected.aclOptions.canViewObjects" ng-change="dirtyObjects()" />
<var:string label:value="This person can read the cards of this addressbook."/></li>
</ul>
</div>
</div>
</div>
<div id="aclButtons">
<button data-ng-click="closeModal()">Close</button>
<button data-ng-click="saveModal()">Save</button>
</div>
</div>
<span class="close-reveal-modal" data-ng-click="closeModal()"><i class="icon-close"><!-- close --></i></span>
</script>
<div data-ui-view="addressbooks"><!-- addressbooks list --></div>