diff options
Diffstat (limited to 'settings/js/users/groups.js')
| -rw-r--r-- | settings/js/users/groups.js | 292 |
1 files changed, 292 insertions, 0 deletions
diff --git a/settings/js/users/groups.js b/settings/js/users/groups.js new file mode 100644 index 00000000000..0ff8bdd6384 --- /dev/null +++ b/settings/js/users/groups.js @@ -0,0 +1,292 @@ +/** + * Copyright (c) 2014, Raghu Nayyar <beingminimal@gmail.com> + * Copyright (c) 2014, Arthur Schiwon <blizzz@owncloud.com> + * This file is licensed under the Affero General Public License version 3 or later. + * See the COPYING-README file. + */ + +var $userGroupList; + +var GroupList; +GroupList = { + activeGID: '', + + addGroup: function (gid, usercount) { + var $li = $userGroupList.find('.isgroup:last-child').clone(); + $li + .data('gid', gid) + .find('.groupname').text(gid); + GroupList.setUserCount($li, usercount); + + $li.appendTo($userGroupList); + + GroupList.sortGroups(); + + return $li; + }, + + setUserCount: function (groupLiElement, usercount) { + var $groupLiElement = $(groupLiElement); + if (usercount === undefined || usercount === 0) { + usercount = ''; + } + $groupLiElement.data('usercount', usercount); + $groupLiElement.find('.usercount').text(usercount); + }, + + getCurrentGID: function () { + return GroupList.activeGID; + }, + + sortGroups: function () { + var lis = $('.isgroup').get(); + + lis.sort(function (a, b) { + return UserList.alphanum( + $(a).find('a span').text(), + $(b).find('a span').text() + ); + }); + + var items = []; + $.each(lis, function (index, li) { + items.push(li); + if (items.length === 100) { + $userGroupList.append(items); + items = []; + } + }); + if (items.length > 0) { + $userGroupList.append(items); + } + }, + + createGroup: function (groupname) { + $.post( + OC.filePath('settings', 'ajax', 'creategroup.php'), + { + groupname: groupname + }, + function (result) { + if (result.status !== 'success') { + OC.dialogs.alert(result.data.message, + t('settings', 'Error creating group')); + } + else { + if (result.data.groupname) { + var addedGroup = result.data.groupname; + UserList.availableGroups = $.unique($.merge(UserList.availableGroups, [addedGroup])); + GroupList.addGroup(result.data.groupname); + + $('.groupsselect, .subadminsselect') + .append($('<option>', { value: result.data.groupname }) + .text(result.data.groupname)); + } + GroupList.toggleAddGroup(); + } + } + ); + }, + + update: function () { + if (GroupList.updating) { + return; + } + GroupList.updating = true; + $.get( + OC.generateUrl('/settings/ajax/grouplist'), + {pattern: filter.getPattern()}, + function (result) { + + var lis = []; + if (result.status === 'success') { + $.each(result.data, function (i, subset) { + $.each(subset, function (index, group) { + if (GroupList.getGroupLI(group.name).length > 0) { + GroupList.setUserCount(GroupList.getGroupLI(group.name).first(), group.usercount); + } + else { + var $li = GroupList.addGroup(group.name, group.usercount); + + $li.addClass('appear transparent'); + lis.push($li); + } + }); + }); + if (result.data.length > 0) { + GroupList.doSort(); + } + else { + GroupList.noMoreEntries = true; + } + _.defer(function () { + $(lis).each(function () { + this.removeClass('transparent') + }); + }); + } + GroupList.updating = false; + + } + ); + }, + + elementBelongsToAddGroup: function (el) { + return !(el !== $('#newgroup-form').get(0) && + $('#newgroup-form').find($(el)).length === 0); + }, + + hasAddGroupNameText: function () { + var name = $('#newgroupname').val(); + return $.trim(name) !== ''; + + }, + + showGroup: function (gid) { + GroupList.activeGID = gid; + UserList.empty(); + UserList.update(gid); + $userGroupList.find('li').removeClass('active'); + if (gid !== undefined) { + //TODO: treat Everyone properly + GroupList.getGroupLI(gid).addClass('active'); + } + }, + + isAddGroupButtonVisible: function () { + return $('#newgroup-init').is(":visible"); + }, + + toggleAddGroup: function (event) { + if (GroupList.isAddGroupButtonVisible()) { + event.stopPropagation(); + $('#newgroup-form').show(); + $('#newgroup-init').hide(); + $('#newgroupname').focus(); + } + else { + $('#newgroup-form').hide(); + $('#newgroup-init').show(); + $('#newgroupname').val(''); + } + }, + + isGroupNameValid: function (groupname) { + if ($.trim(groupname) === '') { + OC.dialogs.alert( + t('settings', 'A valid group name must be provided'), + t('settings', 'Error creating group')); + return false; + } + return true; + }, + + hide: function (gid) { + GroupList.getGroupLI(gid).hide(); + }, + show: function (gid) { + GroupList.getGroupLI(gid).show(); + }, + remove: function (gid) { + GroupList.getGroupLI(gid).remove(); + }, + empty: function () { + $userGroupList.find('.isgroup').filter(function(index, item){ + return $(item).data('gid') !== ''; + }).remove(); + }, + initDeleteHandling: function () { + //set up handler + GroupDeleteHandler = new DeleteHandler('removegroup.php', 'groupname', + GroupList.hide, GroupList.remove); + + //configure undo + OC.Notification.hide(); + var msg = t('settings', 'deleted') + ' %oid <span class="undo">' + + t('settings', 'undo') + '</span>'; + GroupDeleteHandler.setNotification(OC.Notification, 'deletegroup', msg, + GroupList.show); + + //when to mark user for delete + $userGroupList.on('click', '.delete', function () { + // Call function for handling delete/undo + GroupDeleteHandler.mark(GroupList.getElementGID(this)); + }); + + //delete a marked user when leaving the page + $(window).on('beforeunload', function () { + GroupDeleteHandler.delete(); + }); + }, + + getGroupLI: function (gid) { + return $userGroupList.find('li.isgroup').filter(function () { + return GroupList.getElementGID(this) === gid; + }); + }, + + getElementGID: function (element) { + return ($(element).closest('li').data('gid') || '').toString(); + } +}; + +$(document).ready( function () { + $userGroupList = $('#usergrouplist'); + GroupList.initDeleteHandling(); + + // Display or hide of Create Group List Element + $('#newgroup-form').hide(); + $('#newgroup-init').on('click', function (e) { + GroupList.toggleAddGroup(e); + }); + + $(document).on('click keydown keyup', function(event) { + if(!GroupList.isAddGroupButtonVisible() && + !GroupList.elementBelongsToAddGroup(event.target) && + !GroupList.hasAddGroupNameText()) { + GroupList.toggleAddGroup(); + } + // Escape + if(!GroupList.isAddGroupButtonVisible() && event.keyCode && event.keyCode === 27) { + GroupList.toggleAddGroup(); + } + }); + + + // Responsible for Creating Groups. + $('#newgroup-form form').submit(function (event) { + event.preventDefault(); + if(GroupList.isGroupNameValid($('#newgroupname').val())) { + GroupList.createGroup($('#newgroupname').val()); + } + }); + + // click on group name + $userGroupList.on('click', '.isgroup', function () { + GroupList.showGroup(GroupList.getElementGID(this)); + }); + + // Implements Quota Settings Toggle. + var $appSettings = $('#app-settings'); + $('#app-settings-header').on('click keydown',function(event) { + if(wrongKey(event)) { + return; + } + if($appSettings.hasClass('open')) { + $appSettings.switchClass('open', ''); + } else { + $appSettings.switchClass('', 'open'); + } + }); + $('body').on('click', function(event){ + if($appSettings.find(event.target).length === 0) { + $appSettings.switchClass('open', ''); + } + }); + +}); + +var wrongKey = function(event) { + return ((event.type === 'keydown' || event.type === 'keypress') && + (event.keyCode !== 32 && event.keyCode !== 13)); +}; |