Admin Control Panel v2.0

✎ Editing: dlg_edit_users.html ← Back

<table cellspacing="0"  style="width:576px;height:320px; " >

		<tr>
            <td valign="middle" align="left" style="text-align:left; vertical-align:middle; width:auto">
            	<input id="cb_UseAccessUser" type="checkbox" checked="checked"/>
            </td>
            <td colspan="2" class="tabText" valign="middle" align="left" style="text-align:left; width:96%">
            	<label style="text-align:left; white-space:nowrap"
            		for="cb_UseAccessUser"
            		class="res:EDIT_RTP_USERS_USE_TITLE">Scan only when accessed under the following accounts</label>
            </td>
        </tr>
		<tr>
            <td colspan="3"><div class="hrWPref" style="margin: 10px 0px 0px 0px"></div></td>
        </tr>
		<tr>
            <td style="width:12px; height:135px; vertical-align:middle" colspan="3">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="tabText" style="padding:8px 0px 3px 0px">
                        <span>&nbsp;<img style="margin:0px 0px -2px 0px" src= "../img/buttons/user.gif" width="16" height="16" />
                        	&nbsp;
                        	<span class="res:EDIT_RTP_USERS_LIST_TITLE">Users</span>
                        </span>:
                    </td>
                    <td style="width:12px;"><img src= "../img/s.gif" width="12" height="1"/></td>
                    <td class="tabText" style="padding:10px 0px 4px 0px">
                        <span class="res:EDIT_RTP_SELECTED_USERS_GROUPS">Selected users and groups</span>:
                    </td>
                </tr>
                <tr>
                    <td>

<table border="0" cellspacing="0" cellpadding="0" width="100%">
                            <tr>
                                <td>
                                    <div style="border: 1px solid rgb(156, 183, 206); overflow: auto; background-color: white; width:244px; height: 110px;">
                                    <table id="usersList" class="w100" style="padding: 0px 0px 0pt;">
                                        <tbody>

                                        </table>
                                    </div>
                                </td>
                                <td style="width:20px; text-align:right" align="center">
                                    <img src= "../img/s.gif" width="20" height="4"/><br/>
                                    <input type="image" id="addUsersBtn" title="res:DLG_ADD_USERS_HINT" alt="res:DLG_ADD_USERS_HINT" src="../img/buttons/add.gif"/><br/>
                                    <img src= "../img/s.gif" width="20" height="3"/><br/>
                                    <input class="imageSubmit_marT" id="selectAllUsersBtn" type="image" title="res:DLG_SELECTALL_USERS_HINT" alt="res:DLG_SELECTALL_USERS_HINT" src="../img/buttons/select.gif"/><br/>
                                    <img src= "../img/s.gif" width="20" height="2"/><br/>
                                    <input class="imageSubmit_marT" id="unselectUsersBtn" type="image" title="res:DLG_UNSELECTALL_USERS_HINT" alt="res:DLG_UNSELECTALL_USERS_HINT" src="../img/buttons/unselect.gif"/>

</td>
                            </tr>
                            <tr>
                                <td style="text-align:left; vertical-align:middle">
                                    <img src= "../img/s.gif" width="8" height="6"/><br/>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td style="width:32px;"><img src= "../img/s.gif" width="32" height="1"/></td>

<td rowspan="2">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>
                                    <div style="border: 1px solid rgb(156, 183, 206); overflow-y:auto; overflow-x:hide; background-color: white; width: 254px; height: 249px;">
                                    <table class="w100" style="padding: 0px 0px 0pt;" id="selectedUsersGroups">
                                    </table>
                                    </div>
                                </td>
                                <td style="width:20px; text-align:right" align="center">
                                    <input id="deleteUsersBtn" class="imageSubmit_marT" type="image" title="res:DLG_DELETE_USERS_HINT" alt="res:DLG_DELETE_USERS_HINT" src="../img/buttons/del.gif"/><br/>
                                    <img src= "../img/s.gif" width="20" height="2"/><br/>
                                    <input id="deleteAllUsersBtn" class="imageSubmit_marT" type="image" title="res:DLG_DELETE_ALL_USERS_HINT" alt="res:DLG_DELETE_ALL_USERS_HINT" src="../img/buttons/delall.gif"/>
                                </td>
                            </tr>
                        </table>

                        </td>
                    </tr>
                    <tr>
                        <td>
                        <div style=" width:120px;; height:20px; text-align:left">
                        <span style="white-space:nowrap">&nbsp;<img style="margin:0px 0px -2px 0px" src= "../img/buttons/group.gif" width="16" height="16"/>
                        	&nbsp;
                        	<span class="res:EDIT_RTP_GROUPS_LIST_TITLE">Groups</span></span>:</div>
                        <table border="0" cellspacing="0" cellpadding="0" width="100%">
                            <tr>
                                <td>
                                    <div style="border: 1px solid rgb(156, 183, 206); overflow: auto; background-color: white; width:244px; height: 110px;">
                                    <table id="groupsList" class="w100" style="padding: 0px 0px 0pt;">
                                    </table>
                                    </div>
                                </td>
                                <td style="width:20px; text-align:right" align="center">
                                    <img src= "../img/s.gif" width="20" height="4"/><br/>
                                    <input id="addGroupsBtn" type="image" title="res:DLG_ADD_GROUPS_HINT" alt="res:DLG_ADD_GROUPS_HINT" src="../img/buttons/add.gif"/><br/>
                                    <img src= "../img/s.gif" width="20" height="3"/><br/>
                                    <input id="selectGroupsBtn" class="imageSubmit_marT" type="image" title="res:DLG_SELECTALL_GROUPS_HINT" alt="res:DLG_SELECTALL_GROUPS_HINT" src="../img/buttons/select.gif"/><br/>
                                    <img src= "../img/s.gif" width="20" height="2"/><br/>
                                    <input id="unselectGroupsBtn" class="imageSubmit_marT" type="image" title="res:DLG_UNSELECTALL_GROUPS_HINT" alt="res:DLG_UNSELECTALL_GROUPS_HINT" src="../img/buttons/unselect.gif"/>
                                </td>
                            </tr>
 
                        </table>
                    </td>

</table>
            </td>
        </tr>
    </table>

<script language="javascript">
function voEditUsers(root, ctl)
{
	var vo_ = this;
	var users_  = [];
	var groups_ = [];
	var selectedList_ = [];
	var counter_ = 0;

function __createUserHtml(user)
	{
		var checkboxName = 'userlabel_' + (counter_++);
		return '<tr>'
			+ '<td style="padding: 0px 5px;">'
			+ '<input type="checkbox" value="' + user + '" id="' + checkboxName + '"/>'
			+ '<label for="' + checkboxName + '">' + user + '</label>'
			+ '</td></tr>'
	}

function __createGroupHtml(group)
	{
		var checkboxName = 'grouplabel_' + (counter_++);
		return '<tr>'
			+ '<td style="padding: 0px 5px;">'
			+ '<input type="checkbox" value="' + group + '" id="' + checkboxName + '"/>'
			+ '<label for="' + checkboxName + '">' + group + '</label>'
			+ '</td></tr>'
	}

function __updateUsersList()
	{
		users_.sort();
		var html = '';
		for(var i = 0, len = users_.length; i < len; i++)
			html += __createUserHtml(users_[i])

$(root).find('#usersList').html(html);
	}

function __updateGroupsList()
	{
		groups_.sort();
		var html = '';
		for(var i = 0, len = groups_.length; i < len; i++)
			html += __createGroupHtml(groups_[i])

$(root).find('#groupsList').html(html);
	}

function __cmpSelectedItems(a, b)
	{
		if(a.name < b.name)
			return -1;
		if(a.name > b.name)
			return 1;
		return 0;
	}

function __createSelectedUserHtml(user)
	{
		return '<tr><td style="padding: 2px 5px;">'
			+ '<img style="margin:0px 0px -2px 0px" src= "../img/buttons/user.gif" width="16" height="16"/>'
			+ user
			+ '</td></tr>'
	}

function __createSelectedGroupHtml(group)
	{
		return '<tr><td style="padding: 2px 5px;">'
			+ '<img style="margin:0px 0px -2px 0px" src= "../img/buttons/group.gif" width="16" height="16"/>'
			+ group
			+ '</td></tr>'
	}

function __updateSelectedList()
	{
		selectedList_.sort(__cmpSelectedItems);
		var $tbody = $('<tbody>');

selectedList_.each(function(item){
			var $tr;
			if(item.isUser)
				$tr = $(__createSelectedUserHtml(item.name)).attr('icUser', item.name);
			else
				$tr = $(__createSelectedGroupHtml(item.name)).attr('icGroup', item.name);

$tr.click(function(){ $(this).toggleClass('selectedCell') })
			$tbody.append($tr);
		})
		$(root).find('#selectedUsersGroups').html($tbody);
	}

vo_.update = function()
	{
		selectedList_.length = 0;
		users_.length  = 0;
		groups_.length = 0;
		__updateSelectedList();
		__updateUsersList();
		__updateGroupsList();

ctl.getUsers(function(users){
			for(var i = 0, len = users.length; i < len; users_.push(users[i++]));

ctl.getGroups(function(groups){

for(var i = 0, len = groups.length; i < len; groups_.push(groups[i++]));
				ctl.getSelectedUsers().each(function(val){
					selectedList_.push({ name: val, isUser : true });
					users_.removeValue(val);
				})
				ctl.getSelectedGroups().each(function(val){
					selectedList_.push({ name: val, isUser : false });
					groups_.removeValue(val);
				})
				__updateSelectedList();
				__updateUsersList();
				__updateGroupsList();
				$(root).find('#cb_UseAccessUser').each(function(){
					this.checked = ctl.usageFlag_;
				});
			})

})
	}

$(root).find('#addUsersBtn').click(function(){
		$(root).find('#usersList :checked').each(function(){
			users_.removeValue(this.value);
			selectedList_.push({ name : this.value, isUser : true });
			ctl.addSelectedUser(this.value);
		});
		__updateSelectedList();
		__updateUsersList();
	})

$(root).find('#addGroupsBtn').click(function(){
		$(root).find('#groupsList :checked').each(function(){
			groups_.removeValue(this.value);
			selectedList_.push({ name : this.value, isUser : false });
			ctl.addSelectedGroup(this.value);
		});
		__updateSelectedList();
		__updateGroupsList();
	})

$(root).find('#selectAllUsersBtn').click(function(){
		$(root).find('#usersList :checkbox').attr('checked', true);
	})

$(root).find('#unselectUsersBtn').click(function(){
		$(root).find('#usersList :checkbox').attr('checked', false);
	})

$(root).find('#selectGroupsBtn').click(function(){
		$(root).find('#groupsList :checkbox').attr('checked', true);
	})

$(root).find('#unselectGroupsBtn').click(function(){
		$(root).find('#groupsList :checkbox').attr('checked', false);
	})

$(root).find('#deleteUsersBtn').click(function(){
		$(root).find('#selectedUsersGroups > tbody > tr.selectedCell').each(function(){
			var user  = $(this).attr('icUser');
			var group = $(this).attr('icGroup');

if(user) {
				selectedList_.remove_if(function(elem){
					return elem.isUser && (elem.name == user);
				});
				users_.push(user);
				ctl.removeSelectedUser(user);
			}
			else if(group) {
				selectedList_.remove_if(function(elem){
					return !elem.isUser && (elem.name == group);
				});
				groups_.push(group);
				ctl.removeSelectedGroup(group);
			}
		})
		__updateSelectedList();
		__updateUsersList();
		__updateGroupsList();
	})
	$(root).find('#deleteAllUsersBtn').click(function(){
		for(var i = 0, len = selectedList_.length; i < len; i++)
		{
			var item = selectedList_[i];
			if(item.isUser) {
				users_.push(item.name);
				ctl.removeSelectedUser(item.name);
			}
			else {
				groups_.push(item.name);
				ctl.removeSelectedGroup(item.name);
			}
		}
		selectedList_.length = 0;
		__updateSelectedList();
		__updateUsersList();
		__updateGroupsList();
	})
	$(root).find('#cb_UseAccessUser').click(function(){
		ctl.setUsageFlag(this.checked);
	})
}
</script>

Cancel