608 lines
17 KiB
JavaScript
608 lines
17 KiB
JavaScript
/*
|
|
* @author: Qennix
|
|
* Jan 25th, 2011
|
|
*/
|
|
|
|
//Keyboard Events
|
|
new Ext.KeyMap(document, {
|
|
key: Ext.EventObject.F5,
|
|
fn: function(keycode, e) {
|
|
if (! e.ctrlKey) {
|
|
if (Ext.isIE) {
|
|
// IE6 doesn't allow cancellation of the F5 key, so trick it into
|
|
// thinking some other key was pressed (backspace in this case)
|
|
e.browserEvent.keyCode = 8;
|
|
}
|
|
e.stopEvent();
|
|
document.location = document.location;
|
|
}else{
|
|
Ext.Msg.alert('Refresh', 'You clicked: CTRL-F5');
|
|
}
|
|
}
|
|
});
|
|
|
|
var storeP;
|
|
var storeA;
|
|
var cmodelP;
|
|
var smodelA;
|
|
var smodelP;
|
|
|
|
var availableGrid;
|
|
var assignedGrid;
|
|
|
|
var GroupsPanel;
|
|
var AuthenticationPanel;
|
|
var northPanel;
|
|
var tabsPanel;
|
|
var viewport;
|
|
|
|
var assignButton;
|
|
var assignAllButton;
|
|
var removeButton;
|
|
var removeAllButton;
|
|
var backButton;
|
|
var discardChangesButton;
|
|
var saveChangesButton;
|
|
|
|
var sw_func_groups;
|
|
//var sw_func_reassign;
|
|
var sw_func_auth;
|
|
var sw_form_changed;
|
|
|
|
Ext.onReady(function(){
|
|
|
|
sw_func_groups = false;
|
|
//sw_func_reassign = false;
|
|
sw_func_auth = false;
|
|
|
|
assignAllButton = new Ext.Action({
|
|
text: TRANSLATIONS.ID_ASSIGN_ALL_GROUPS,
|
|
iconCls: 'button_menu_ext ss_sprite ss_add',
|
|
handler: AssignAllGroupsAction
|
|
});
|
|
|
|
removeAllButton = new Ext.Action({
|
|
text: TRANSLATIONS.ID_REMOVE_ALL_GROUPS,
|
|
iconCls: 'button_menu_ext ss_sprite ss_delete',
|
|
handler: RemoveAllGroupsAction
|
|
});
|
|
|
|
backButton = new Ext.Action({
|
|
text: TRANSLATIONS.ID_BACK,
|
|
iconCls: 'button_menu_ext ss_sprite ss_arrow_redo',
|
|
handler: BackToUsers
|
|
});
|
|
|
|
saveChangesButton = new Ext.Action({
|
|
text: TRANSLATIONS.ID_SAVE_CHANGES,
|
|
//iconCls: 'button_menu_ext ss_sprite ss_arrow_redo',
|
|
handler: SaveChangesAuthForm,
|
|
disabled: true
|
|
});
|
|
|
|
discardChangesButton = new Ext.Action({
|
|
text: TRANSLATIONS.ID_DISCARD_CHANGES,
|
|
//iconCls: 'button_menu_ext ss_sprite ss_arrow_redo',
|
|
handler: LoadAuthForm,
|
|
disabled: true
|
|
});
|
|
|
|
storeP = new Ext.data.GroupingStore( {
|
|
proxy : new Ext.data.HttpProxy({
|
|
url: 'users_Ajax?function=assignedGroups&uUID=' + USERS.USR_UID
|
|
}),
|
|
reader : new Ext.data.JsonReader( {
|
|
root: 'groups',
|
|
fields : [
|
|
{name : 'GRP_UID'},
|
|
{name : 'GRP_STATUS'},
|
|
{name : 'CON_VALUE'}
|
|
]
|
|
})
|
|
});
|
|
|
|
storeA = new Ext.data.GroupingStore( {
|
|
proxy : new Ext.data.HttpProxy({
|
|
url: 'users_Ajax?function=availableGroups&uUID=' + USERS.USR_UID
|
|
}),
|
|
reader : new Ext.data.JsonReader( {
|
|
root: 'groups',
|
|
fields : [
|
|
{name : 'GRP_UID'},
|
|
{name : 'GRP_STATUS'},
|
|
{name : 'CON_VALUE'}
|
|
]
|
|
})
|
|
});
|
|
|
|
cmodelP = new Ext.grid.ColumnModel({
|
|
defaults: {
|
|
width: 50,
|
|
sortable: true
|
|
},
|
|
columns: [
|
|
{id:'GRP_UID', dataIndex: 'GRP_UID', hidden:true, hideable:false},
|
|
{header: TRANSLATIONS.ID_GROUP_NAME, dataIndex: 'CON_VALUE', width: 60, align:'left'}
|
|
]
|
|
});
|
|
|
|
smodelA = new Ext.grid.RowSelectionModel({
|
|
selectSingle: false,
|
|
listeners:{
|
|
selectionchange: function(sm){
|
|
switch(sm.getCount()){
|
|
case 0: Ext.getCmp('assignButton').disable(); break;
|
|
default: Ext.getCmp('assignButton').enable(); break;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
smodelP = new Ext.grid.RowSelectionModel({
|
|
selectSingle: false,
|
|
listeners:{
|
|
selectionchange: function(sm){
|
|
switch(sm.getCount()){
|
|
case 0: Ext.getCmp('removeButton').disable(); break;
|
|
default: Ext.getCmp('removeButton').enable(); break;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
searchTextA = new Ext.form.TextField ({
|
|
id: 'searchTextA',
|
|
ctCls:'pm_search_text_field',
|
|
allowBlank: true,
|
|
width: 110,
|
|
emptyText: TRANSLATIONS.ID_ENTER_SEARCH_TERM,
|
|
listeners: {
|
|
specialkey: function(f,e){
|
|
if (e.getKey() == e.ENTER) {
|
|
DoSearchA();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
clearTextButtonA = new Ext.Action({
|
|
text: 'X',
|
|
ctCls:'pm_search_x_button',
|
|
handler: GridByDefaultA
|
|
});
|
|
|
|
searchTextP = new Ext.form.TextField ({
|
|
id: 'searchTextP',
|
|
ctCls:'pm_search_text_field',
|
|
allowBlank: true,
|
|
width: 110,
|
|
emptyText: TRANSLATIONS.ID_ENTER_SEARCH_TERM,
|
|
listeners: {
|
|
specialkey: function(f,e){
|
|
if (e.getKey() == e.ENTER) {
|
|
DoSearchP();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
clearTextButtonP = new Ext.Action({
|
|
text: 'X',
|
|
ctCls:'pm_search_x_button',
|
|
handler: GridByDefaultP
|
|
});
|
|
|
|
availableGrid = new Ext.grid.GridPanel({
|
|
layout : 'fit',
|
|
region : 'center',
|
|
ddGroup : 'assignedGridDDGroup',
|
|
store : storeA,
|
|
cm : cmodelP,
|
|
sm : smodelA,
|
|
enableDragDrop : true,
|
|
stripeRows : true,
|
|
autoExpandColumn: 'CON_VALUE',
|
|
iconCls : 'icon-grid',
|
|
id : 'availableGrid',
|
|
height : 100,
|
|
autoWidth : true,
|
|
stateful : true,
|
|
stateId : 'grid',
|
|
enableColumnResize : true,
|
|
enableHdMenu : true,
|
|
frame : false,
|
|
columnLines : false,
|
|
viewConfig : {forceFit:true},
|
|
tbar: [TRANSLATIONS.ID_AVAILABLE_GROUPS,{xtype: 'tbfill'},'-',searchTextA,clearTextButtonA],
|
|
bbar: [{xtype: 'tbfill'}, assignAllButton],
|
|
listeners: {rowdblclick: AssignGroupsAction}
|
|
});
|
|
|
|
assignedGrid = new Ext.grid.GridPanel({
|
|
layout : 'fit',
|
|
ddGroup : 'availableGridDDGroup',
|
|
store : storeP,
|
|
cm : cmodelP,
|
|
sm : smodelP,
|
|
enableDragDrop : true,
|
|
stripeRows : true,
|
|
autoExpandColumn: 'CON_VALUE',
|
|
iconCls : 'icon-grid',
|
|
id : 'assignedGrid',
|
|
height : 100,
|
|
autoWidth : true,
|
|
stateful : true,
|
|
stateId : 'grid',
|
|
enableColumnResize : true,
|
|
enableHdMenu : true,
|
|
frame : false,
|
|
columnLines : false,
|
|
viewConfig : {forceFit:true},
|
|
tbar: [TRANSLATIONS.ID_ASSIGNED_GROUPS,{xtype: 'tbfill'},'-',searchTextP,clearTextButtonP],
|
|
bbar: [{xtype: 'tbfill'},removeAllButton],
|
|
listeners: {rowdblclick: RemoveGroupsAction}
|
|
});
|
|
|
|
buttonsPanel = new Ext.Panel({
|
|
width : 40,
|
|
layout : {
|
|
type:'vbox',
|
|
padding:'0',
|
|
pack:'center',
|
|
align:'center'
|
|
},
|
|
defaults:{margins:'0 0 35 0'},
|
|
items:[
|
|
{xtype:'button',text: '>>', handler: AssignGroupsAction, id: 'assignButton', disabled: true},
|
|
{xtype:'button',text: '<<', handler: RemoveGroupsAction, id: 'removeButton', disabled: true}
|
|
]
|
|
});
|
|
|
|
RefreshGroups();
|
|
|
|
//GROUPS DRAG AND DROP PANEL
|
|
GroupsPanel = new Ext.Panel({
|
|
title : TRANSLATIONS.ID_GROUPS,
|
|
autoWidth : true,
|
|
layout : 'hbox',
|
|
defaults : { flex : 1 }, //auto stretch
|
|
layoutConfig : { align : 'stretch' },
|
|
items : [availableGrid,buttonsPanel,assignedGrid],
|
|
viewConfig : {forceFit:true}
|
|
|
|
});
|
|
|
|
comboAuthSourcesStore = new Ext.data.GroupingStore({
|
|
proxy : new Ext.data.HttpProxy({
|
|
url: 'users_Ajax?function=authSources'
|
|
}),
|
|
reader : new Ext.data.JsonReader( {
|
|
root: 'sources',
|
|
fields : [
|
|
{id: 'AUTH_SOURCE_UID'},
|
|
{name : 'AUTH_SOURCE_UID'},
|
|
{name : 'AUTH_SOURCE_NAME'},
|
|
{name : 'AUTH_SOURCE_PROVIDER'}
|
|
]
|
|
}),
|
|
autoLoad: true
|
|
});
|
|
|
|
//AUTHENTICATION FORM
|
|
authForm = new Ext.FormPanel({
|
|
url: 'users_Ajax?function=updateAuthServices',
|
|
frame: true,
|
|
title: TRANSLATIONS.ID_AUTHENTICATION_FORM_TITLE,
|
|
items:[
|
|
{xtype: 'textfield', name: 'usr_uid', hidden: true },
|
|
{
|
|
xtype: 'combo',
|
|
fieldLabel: TRANSLATIONS.ID_AUTHENTICATION_SOURCE,
|
|
hiddenName: 'auth_source',
|
|
name: 'auth_source_uid',
|
|
typeAhead: true,
|
|
mode: 'local',
|
|
store: comboAuthSourcesStore,
|
|
displayField: 'AUTH_SOURCE_NAME',
|
|
valueField:'AUTH_SOURCE_UID',
|
|
allowBlank: false,
|
|
submitValue: true,
|
|
//hiddenValue: 'AUTH_SOURCE_UID',
|
|
triggerAction: 'all',
|
|
emptyText: TRANSLATIONS.ID_SELECT_AUTH_SOURCE,
|
|
selectOnFocus:true,
|
|
listeners:{select: function(c,r,i){
|
|
ReportChanges();
|
|
if (i==0){
|
|
authForm.getForm().findField('auth_dn').disable();
|
|
}else{
|
|
authForm.getForm().findField('auth_dn').enable();
|
|
}
|
|
}}
|
|
},
|
|
{
|
|
xtype: 'textfield',
|
|
fieldLabel: TRANSLATIONS.ID_AUTHENTICATION_DN,
|
|
name: 'auth_dn',
|
|
width: 350,
|
|
allowBlank: true,
|
|
enableKeyEvents: true,
|
|
listeners: {keyup: function(f,e){ ReportChanges(); }}
|
|
}
|
|
|
|
],
|
|
buttons: [discardChangesButton,saveChangesButton]
|
|
});
|
|
|
|
LoadAuthForm();
|
|
|
|
|
|
//AUTHENTICATION EDITING PANEL
|
|
AuthenticationPanel = new Ext.Panel({
|
|
title : TRANSLATIONS.ID_AUTHENTICATION,
|
|
autoWidth : true,
|
|
layout : 'hbox',
|
|
defaults : { flex : 1 }, //auto stretch
|
|
layoutConfig : { align : 'stretch' },
|
|
items: [authForm],
|
|
viewConfig : {forceFit:true},
|
|
hidden: true,
|
|
hideLabel: true
|
|
});
|
|
|
|
|
|
//NORTH PANEL WITH TITLE AND ROLE DETAILS
|
|
northPanel = new Ext.Panel({
|
|
region: 'north',
|
|
xtype: 'panel',
|
|
tbar: [TRANSLATIONS.ID_USERS + ' : ' + USERS.USR_COMPLETENAME + ' (' + USERS.USR_USERNAME + ')',{xtype: 'tbfill'},backButton]
|
|
});
|
|
|
|
//TABS PANEL
|
|
tabsPanel = new Ext.TabPanel({
|
|
region: 'center',
|
|
activeTab: USERS.CURRENT_TAB,
|
|
items:[GroupsPanel,AuthenticationPanel],
|
|
listeners:{
|
|
beforetabchange: function(p,t,c){
|
|
switch(t.title){
|
|
case TRANSLATIONS.ID_GROUPS:
|
|
if (sw_form_changed){
|
|
Ext.Msg.confirm(TRANSLATIONS.ID_USERS, 'Do you want discard changes?',
|
|
function(btn, text){
|
|
if (btn=="no"){
|
|
p.setActiveTab(c);
|
|
}else{
|
|
LoadAuthForm();
|
|
}
|
|
});
|
|
}
|
|
break;
|
|
}
|
|
},
|
|
tabchange: function(p,t){
|
|
switch(t.title){
|
|
case TRANSLATIONS.ID_GROUPS:
|
|
sw_func_groups ? DoNothing() : DDLoadGroups();
|
|
break;
|
|
case TRANSLATIONS.ID_AUTHENTICATION:
|
|
sw_func_auth ? DoNothing() : LoadAuthForm();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
//LOAD ALL PANELS
|
|
viewport = new Ext.Viewport({
|
|
layout: 'border',
|
|
items: [northPanel, tabsPanel]
|
|
});
|
|
|
|
});
|
|
|
|
//Do Nothing Function
|
|
DoNothing = function(){}
|
|
|
|
//Return to Roles Main Page
|
|
BackToUsers = function(){
|
|
location.href = 'users_List';
|
|
}
|
|
|
|
//Loads Drag N Drop Functionality for Permissions
|
|
DDLoadGroups = function(){
|
|
//GROUPS DRAG N DROP AVAILABLE
|
|
var availableGridDropTargetEl = availableGrid.getView().scroller.dom;
|
|
var availableGridDropTarget = new Ext.dd.DropTarget(availableGridDropTargetEl, {
|
|
ddGroup : 'availableGridDDGroup',
|
|
notifyDrop : function(ddSource, e, data){
|
|
var records = ddSource.dragData.selections;
|
|
var arrAux = new Array();
|
|
for (var r=0; r < records.length; r++){
|
|
arrAux[r] = records[r].data['GRP_UID'];
|
|
}
|
|
DeleteGroupsUser(arrAux,RefreshGroups,FailureProcess);
|
|
return true;
|
|
}
|
|
});
|
|
|
|
//GROUPS DRAG N DROP ASSIGNED
|
|
var assignedGridDropTargetEl = assignedGrid.getView().scroller.dom;
|
|
var assignedGridDropTarget = new Ext.dd.DropTarget(assignedGridDropTargetEl, {
|
|
ddGroup : 'assignedGridDDGroup',
|
|
notifyDrop : function(ddSource, e, data){
|
|
var records = ddSource.dragData.selections;
|
|
var arrAux = new Array();
|
|
for (var r=0; r < records.length; r++){
|
|
arrAux[r] = records[r].data['GRP_UID'];
|
|
}
|
|
SaveGroupsUser(arrAux,RefreshGroups,FailureProcess);
|
|
return true;
|
|
}
|
|
});
|
|
sw_func_groups = true;
|
|
}
|
|
|
|
//LOAD AUTHTENTICATION FORM DATA
|
|
LoadAuthForm = function(){
|
|
Ext.Ajax.request({
|
|
url: 'users_Ajax',
|
|
params: {'function': 'loadAuthSourceByUID', uUID: USERS.USR_UID},
|
|
success: function(resp, opt){
|
|
var user = Ext.util.JSON.decode(resp.responseText);
|
|
authForm.getForm().findField('usr_uid').setValue(user.data.USR_UID);
|
|
authForm.getForm().findField('auth_source').setValue(user.auth.AUTH_SOURCE_NAME);
|
|
authForm.getForm().findField('auth_dn').setValue(user.data.USR_AUTH_USER_DN);
|
|
if (user.auth.AUTH_SOURCE_NAME=='ProcessMaker'){
|
|
authForm.getForm().findField('auth_dn').disable();
|
|
}else{
|
|
authForm.getForm().findField('auth_dn').enable();
|
|
}
|
|
},
|
|
failure: DoNothing
|
|
});
|
|
|
|
sw_func_auth = true;
|
|
sw_form_changed = false;
|
|
saveChangesButton.disable();
|
|
discardChangesButton.disable();
|
|
}
|
|
|
|
//ReportChanges
|
|
ReportChanges = function(){
|
|
saveChangesButton.enable();
|
|
discardChangesButton.enable();
|
|
sw_form_changed = true;
|
|
}
|
|
|
|
|
|
//REFRESH GROUPS GRIDS
|
|
RefreshGroups = function(){
|
|
DoSearchA();
|
|
DoSearchP();
|
|
}
|
|
|
|
//SAVE AUTHENTICATION CHANGES
|
|
|
|
SaveChangesAuthForm = function(){
|
|
viewport.getEl().mask(TRANSLATIONS.ID_PROCESSING);
|
|
authForm.getForm().submit({
|
|
success: function(f,a){
|
|
LoadAuthForm();
|
|
viewport.getEl().unmask();
|
|
},
|
|
failure: function(f,a){
|
|
FailureProcess();
|
|
viewport.getEl().unmask();
|
|
}
|
|
});
|
|
}
|
|
|
|
//FAILURE AJAX FUNCTION
|
|
FailureProcess = function(){
|
|
Ext.Msg.alert(TRANSLATIONS.ID_USERS, TRANSLATIONS.ID_MSG_AJAX_FAILURE);
|
|
}
|
|
|
|
//ASSIGN GROUPS TO A USER
|
|
SaveGroupsUser = function(arr_grp, function_success, function_failure){
|
|
var sw_response;
|
|
viewport.getEl().mask(TRANSLATIONS.ID_PROCESSING);
|
|
Ext.Ajax.request({
|
|
url: 'users_Ajax',
|
|
params: {'function': 'assignGroupsToUserMultiple', USR_UID: USERS.USR_UID, GRP_UID: arr_grp.join(',')},
|
|
success: function(){
|
|
function_success();
|
|
viewport.getEl().unmask();
|
|
},
|
|
failure: function(){
|
|
function_failure();
|
|
viewport.getEl().unmask();
|
|
}
|
|
});
|
|
}
|
|
|
|
//REMOVE GROUPS FROM A USER
|
|
DeleteGroupsUser = function(arr_grp, function_success, function_failure){
|
|
var sw_response;
|
|
viewport.getEl().mask(TRANSLATIONS.ID_PROCESSING);
|
|
Ext.Ajax.request({
|
|
url: 'users_Ajax',
|
|
params: {'function': 'deleteGroupsToUserMultiple', USR_UID: USERS.USR_UID, GRP_UID: arr_grp.join(',')},
|
|
success: function(){
|
|
function_success();
|
|
viewport.getEl().unmask();
|
|
},
|
|
failure: function(){
|
|
function_failure();
|
|
viewport.getEl().unmask();
|
|
}
|
|
});
|
|
}
|
|
|
|
//AssignButton Functionality
|
|
AssignGroupsAction = function(){
|
|
rowsSelected = availableGrid.getSelectionModel().getSelections();
|
|
var arrAux = new Array();
|
|
for(var a=0; a < rowsSelected.length; a++){
|
|
arrAux[a] = rowsSelected[a].get('GRP_UID');
|
|
}
|
|
SaveGroupsUser(arrAux,RefreshGroups,FailureProcess);
|
|
}
|
|
|
|
//RemoveButton Functionality
|
|
RemoveGroupsAction = function(){
|
|
rowsSelected = assignedGrid.getSelectionModel().getSelections();
|
|
var arrAux = new Array();
|
|
for(var a=0; a < rowsSelected.length; a++){
|
|
arrAux[a] = rowsSelected[a].get('GRP_UID');
|
|
}
|
|
DeleteGroupsUser(arrAux,RefreshGroups,FailureProcess);
|
|
}
|
|
|
|
//AssignALLButton Functionality
|
|
AssignAllGroupsAction = function(){
|
|
var allRows = availableGrid.getStore();
|
|
var arrAux = new Array();
|
|
if (allRows.getCount()>0){
|
|
for (var r=0; r < allRows.getCount(); r++){
|
|
row = allRows.getAt(r);
|
|
arrAux[r] = row.data['GRP_UID'];
|
|
}
|
|
SaveGroupsUser(arrAux,RefreshGroups,FailureProcess);
|
|
}
|
|
}
|
|
|
|
//RevomeALLButton Functionality
|
|
RemoveAllGroupsAction = function(){
|
|
var allRows = assignedGrid.getStore();
|
|
var arrAux = new Array();
|
|
if (allRows.getCount()>0){
|
|
for (var r=0; r < allRows.getCount(); r++){
|
|
row = allRows.getAt(r);
|
|
arrAux[r] = row.data['GRP_UID'];
|
|
}
|
|
DeleteGroupsUser(arrAux,RefreshGroups,FailureProcess);
|
|
}
|
|
}
|
|
|
|
//Function DoSearch Available
|
|
DoSearchA = function(){
|
|
availableGrid.store.load({params: {textFilter: searchTextA.getValue()}});
|
|
}
|
|
|
|
//Function DoSearch Assigned
|
|
DoSearchP = function(){
|
|
assignedGrid.store.load({params: {textFilter: searchTextP.getValue()}});
|
|
}
|
|
|
|
//Load Grid By Default Available Members
|
|
GridByDefaultA = function(){
|
|
searchTextA.reset();
|
|
availableGrid.store.load();
|
|
}
|
|
|
|
//Load Grid By Default Assigned Members
|
|
GridByDefaultP = function(){
|
|
searchTextP.reset();
|
|
assignedGrid.store.load();
|
|
} |