initial commit from rev. 632
This commit is contained in:
Erik Amaru Ortiz
476
workflow/engine/templates/processes/main.js
Executable file
476
workflow/engine/templates/processes/main.js
Executable file
@@ -0,0 +1,476 @@
|
||||
/*
|
||||
* @author: Erik A. Ortiz
|
||||
* Aug 20th, 2010
|
||||
*/
|
||||
var processesGrid;
|
||||
var store;
|
||||
var comboCategory;
|
||||
|
||||
new Ext.KeyMap(document, {
|
||||
key: Ext.EventObject.F5,
|
||||
fn: function(keycode, e) {
|
||||
if (! e.ctrlKey) {
|
||||
if (Ext.isIE)
|
||||
e.browserEvent.keyCode = 8;
|
||||
e.stopEvent();
|
||||
document.location = document.location;
|
||||
}
|
||||
else
|
||||
Ext.Msg.alert('Refresh', 'You clicked: CTRL-F5');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
Ext.onReady(function(){
|
||||
//Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
|
||||
Ext.QuickTips.init();
|
||||
|
||||
store = new Ext.data.GroupingStore( {
|
||||
//var store = new Ext.data.Store( {
|
||||
proxy : new Ext.data.HttpProxy({
|
||||
url: 'processesList'
|
||||
}),
|
||||
|
||||
reader : new Ext.data.JsonReader( {
|
||||
totalProperty: 'totalCount',
|
||||
root: 'data',
|
||||
fields : [
|
||||
{name : 'PRO_DESCRIPTION'},
|
||||
{name : 'PRO_UID'},
|
||||
{name : 'PRO_CATEGORY_LABEL'},
|
||||
{name : 'PRO_TITLE'},
|
||||
{name : 'PRO_STATUS'},
|
||||
{name : 'PRO_STATUS_LABEL'},
|
||||
{name : 'PRO_CREATE_DATE'},
|
||||
{name : 'PRO_DEBUG_LABEL'},
|
||||
{name : 'PRO_CREATE_USER_LABEL'},
|
||||
{name : 'CASES_COUNT', type:'float'},
|
||||
{name : 'CASES_COUNT_DRAFT', type:'float'},
|
||||
{name : 'CASES_COUNT_TO_DO', type:'float'},
|
||||
{name : 'CASES_COUNT_COMPLETED', type:'float'},
|
||||
{name : 'CASES_COUNT_CANCELLED', type:'float'}
|
||||
]
|
||||
})//,
|
||||
//sortInfo:{field: 'PRO_TITLE', direction: "ASC"}
|
||||
//groupField:'PRO_CATEGORY_LABEL'
|
||||
|
||||
});
|
||||
|
||||
|
||||
var expander = new Ext.ux.grid.RowExpander({
|
||||
tpl : new Ext.Template(
|
||||
'<p><b>'+TRANSLATIONS.ID_PRO_DESCRIPTION+':</b> {PRO_DESCRIPTION}</p><br>'
|
||||
)
|
||||
});
|
||||
|
||||
comboCategory = new Ext.form.ComboBox({
|
||||
fieldLabel : 'Categoty',
|
||||
hiddenName : 'category',
|
||||
store : new Ext.data.Store( {
|
||||
proxy : new Ext.data.HttpProxy( {
|
||||
url : 'mainAjax',
|
||||
method : 'POST'
|
||||
}),
|
||||
baseParams : {
|
||||
request : 'categoriesList'
|
||||
},
|
||||
reader : new Ext.data.JsonReader( {
|
||||
root : 'rows',
|
||||
fields : [ {
|
||||
name : 'CATEGORY_UID'
|
||||
}, {
|
||||
name : 'CATEGORY_NAME'
|
||||
} ]
|
||||
})
|
||||
}),
|
||||
valueField : 'CATEGORY_UID',
|
||||
displayField : 'CATEGORY_NAME',
|
||||
triggerAction : 'all',
|
||||
emptyText : TRANSLATIONS.ID_SELECT,
|
||||
selectOnFocus : true,
|
||||
editable : true,
|
||||
width: 180,
|
||||
allowBlank : true,
|
||||
autocomplete: true,
|
||||
typeAhead: true,
|
||||
allowBlankText : 'You should to select a language from the list.',
|
||||
listeners:{
|
||||
scope: this,
|
||||
'select': function() {
|
||||
filter = comboCategory.value;
|
||||
store.setBaseParam( 'category', filter);
|
||||
var searchTxt = Ext.util.Format.trim(Ext.getCmp('searchTxt').getValue());
|
||||
|
||||
if( searchTxt == '' ){
|
||||
store.setBaseParam( 'processName', '');
|
||||
}
|
||||
store.load({params:{category: filter, start : 0 , limit : 25 }});
|
||||
}}
|
||||
})
|
||||
|
||||
processesGrid = new Ext.grid.GridPanel( {
|
||||
region: 'center',
|
||||
layout: 'fit',
|
||||
id: 'processesGrid',
|
||||
height:500,
|
||||
//autoWidth : true,
|
||||
width:'',
|
||||
title : '',
|
||||
stateful : true,
|
||||
stateId : 'grid',
|
||||
enableColumnResize: true,
|
||||
enableHdMenu: true,
|
||||
frame:false,
|
||||
plugins: expander,
|
||||
cls : 'grid_with_checkbox',
|
||||
columnLines: true,
|
||||
|
||||
|
||||
/*view: new Ext.grid.GroupingView({
|
||||
//forceFit:true,
|
||||
//groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
|
||||
groupTextTpl: '{text}'
|
||||
}),*/
|
||||
viewConfig: {
|
||||
forceFit:true
|
||||
},
|
||||
cm: new Ext.grid.ColumnModel({
|
||||
defaults: {
|
||||
width: 200,
|
||||
sortable: true
|
||||
},
|
||||
columns: [
|
||||
expander,
|
||||
{id:'PRO_UID', dataIndex: 'PRO_UID', hidden:true, hideable:false},
|
||||
{header: "", dataIndex: 'PRO_STATUS', width: 50, hidden:true, hideable:false},
|
||||
{header: TRANSLATIONS.ID_PRO_DESCRIPTION, dataIndex: 'PRO_DESCRIPTION',hidden:true, hideable:false},
|
||||
{header: TRANSLATIONS.ID_PRO_TITLE, dataIndex: 'PRO_TITLE', width: 300},
|
||||
{header: TRANSLATIONS.ID_CATEGORY, dataIndex: 'PRO_CATEGORY_LABEL', width: 100, hidden:false},
|
||||
{header: TRANSLATIONS.ID_STATUS, dataIndex: 'PRO_STATUS_LABEL', width: 50, renderer:function(v,p,r){
|
||||
color = r.get('PRO_STATUS') == 'ACTIVE'? 'green': 'red';
|
||||
return String.format("<font color='{0}'>{1}</font>", color, v);
|
||||
}},
|
||||
{header: TRANSLATIONS.ID_PRO_USER, dataIndex: 'PRO_CREATE_USER_LABEL', width: 150},
|
||||
{header: TRANSLATIONS.ID_PRO_CREATE_DATE, dataIndex: 'PRO_CREATE_DATE', width: 90},
|
||||
{header: TRANSLATIONS.ID_INBOX, dataIndex: 'CASES_COUNT_TO_DO', width: 50, align:'right'},
|
||||
{header: TRANSLATIONS.ID_DRAFT, dataIndex: 'CASES_COUNT_DRAFT', width: 50, align:'right'},
|
||||
{header: TRANSLATIONS.ID_COMPLETED, dataIndex: 'CASES_COUNT_COMPLETED', width: 70, align:'right'},
|
||||
{header: TRANSLATIONS.ID_CANCELLED, dataIndex: 'CASES_COUNT_CANCELLED', width: 70, align:'right'},
|
||||
{header: TRANSLATIONS.ID_TOTAL_CASES, dataIndex: 'CASES_COUNT', width: 80,renderer:function(v){return "<b>"+v+"</b>";}, align:'right'},
|
||||
{header: TRANSLATIONS.ID_PRO_DEBUG, dataIndex: 'PRO_DEBUG_LABEL', width: 50, align:'center'}
|
||||
]
|
||||
}),
|
||||
|
||||
store: store,
|
||||
|
||||
tbar:[
|
||||
{
|
||||
text:TRANSLATIONS.ID_NEW,
|
||||
iconCls: 'silk-add',
|
||||
icon: '/images/addc.png',
|
||||
handler: newProcess
|
||||
},
|
||||
'-'
|
||||
,{
|
||||
text:TRANSLATIONS.ID_EDIT,
|
||||
iconCls: 'silk-add',
|
||||
icon: '/images/edit.gif',
|
||||
handler: editProcess
|
||||
},{
|
||||
text:TRANSLATIONS.ID_STATUS,
|
||||
id:'activator',
|
||||
icon: '',
|
||||
iconCls: 'silk-add',
|
||||
handler: activeDeactive,
|
||||
disabled:true
|
||||
},{
|
||||
text:TRANSLATIONS.ID_DELETE,
|
||||
iconCls: 'silk-add',
|
||||
icon: '/images/delete-16x16.gif',
|
||||
handler:deleteProcess
|
||||
},{
|
||||
xtype: 'tbseparator'
|
||||
},{
|
||||
text:TRANSLATIONS.ID_IMPORT,
|
||||
iconCls: 'silk-add',
|
||||
icon: '/images/import.gif',
|
||||
handler:importProcess
|
||||
},/*{
|
||||
text:'Export',
|
||||
iconCls: 'silk-add',
|
||||
icon: '/images/export.png',
|
||||
},*/{
|
||||
text:TRANSLATIONS.ID_BROWSE_LIBRARY,
|
||||
iconCls: 'silk-add',
|
||||
icon: '/images/icon-pmwebservices.png',
|
||||
handler: browseLibrary
|
||||
},
|
||||
{
|
||||
xtype: 'tbfill'
|
||||
},{
|
||||
xtype: 'tbseparator'
|
||||
},
|
||||
TRANSLATIONS.ID_CATEGORY,
|
||||
comboCategory,{
|
||||
xtype: 'tbseparator'
|
||||
},new Ext.form.TextField ({
|
||||
id: 'searchTxt',
|
||||
ctCls:'pm_search_text_field',
|
||||
allowBlank: true,
|
||||
width: 150,
|
||||
emptyText: TRANSLATIONS.ID_ENTER_SEARCH_TERM,//'enter search term',
|
||||
listeners: {
|
||||
specialkey: function(f,e){
|
||||
if (e.getKey() == e.ENTER) {
|
||||
doSearch();
|
||||
}
|
||||
}
|
||||
}
|
||||
}),{
|
||||
text:'X',
|
||||
ctCls:'pm_search_x_button',
|
||||
handler: function(){
|
||||
//store.setBaseParam( 'category', '<reset>');
|
||||
store.setBaseParam( 'processName', '');
|
||||
store.load({params:{start : 0 , limit : '' }});
|
||||
Ext.getCmp('searchTxt').setValue('');
|
||||
//comboCategory.setValue('');
|
||||
//store.reload();
|
||||
}
|
||||
},{
|
||||
text:TRANSLATIONS.ID_SEARCH,
|
||||
handler: doSearch
|
||||
}
|
||||
],
|
||||
// paging bar on the bottom
|
||||
/*bbar: new Ext.PagingToolbar({
|
||||
pageSize: 15,
|
||||
store: store,
|
||||
displayInfo: true,
|
||||
displayMsg: 'Displaying topics {0} - {1} of {2}',
|
||||
emptyMsg: "No topics to display",
|
||||
items:[]
|
||||
}),*/
|
||||
listeners: {
|
||||
rowdblclick: editProcess,
|
||||
rowclick: function(){
|
||||
//var rowSelected = processesGrid.getSelectionModel().getSelected();
|
||||
//alert(rowSelected.PRO_UID);
|
||||
//Ext.getCmp('activator').setIcon();
|
||||
},
|
||||
render: function(){
|
||||
this.loadMask = new Ext.LoadMask(this.body, {msg:'Loading...'});
|
||||
//this.ownerCt.doLayout();
|
||||
processesGrid.getSelectionModel().on('rowselect', function(){
|
||||
var rowSelected = processesGrid.getSelectionModel().getSelected();
|
||||
//alert(rowSelected.data.PRO_STATUS);
|
||||
var activator = Ext.getCmp('activator');
|
||||
activator.setDisabled(false);
|
||||
if( rowSelected.data.PRO_STATUS == 'ACTIVE' ){
|
||||
activator.setIcon('/images/deactivate.png');
|
||||
activator.setText(TRANSLATIONS.ID_DEACTIVATE);
|
||||
} else {
|
||||
activator.setIcon('/images/activate.png');
|
||||
activator.setText(TRANSLATIONS.ID_ACTIVATE);
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
processesGrid.store.load({params: {"function":"languagesList"}});
|
||||
|
||||
//////////////////////store.load({params: {"function":"xml"}});
|
||||
|
||||
|
||||
//processesGrid.render('processes-panel');
|
||||
|
||||
//processesGrid.render(document.body);
|
||||
//fp.render('form-panel');
|
||||
|
||||
|
||||
var viewport = new Ext.Viewport({
|
||||
layout: 'border',
|
||||
autoScroll: true,
|
||||
items: [
|
||||
processesGrid
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
function newProcess(){
|
||||
window.location = 'processes_New';
|
||||
}
|
||||
|
||||
function doSearch(){
|
||||
if(comboCategory.getValue() == '')
|
||||
store.setBaseParam( 'category', '<reset>');
|
||||
filter = Ext.getCmp('searchTxt').getValue();
|
||||
|
||||
store.setBaseParam('processName', filter);
|
||||
store.load({params:{processName: filter, start : 0 , limit : 25 }});
|
||||
}
|
||||
|
||||
editProcess = function(){
|
||||
var rowSelected = processesGrid.getSelectionModel().getSelected();
|
||||
if( rowSelected ) {
|
||||
location.href = 'processes_Map?PRO_UID='+rowSelected.data.PRO_UID+'&rand='+Math.random()
|
||||
} else {
|
||||
Ext.Msg.show({
|
||||
title:'',
|
||||
msg: TRANSLATIONS.ID_NO_SELECTION_WARNING,
|
||||
buttons: Ext.Msg.INFO,
|
||||
fn: function(){},
|
||||
animEl: 'elId',
|
||||
icon: Ext.MessageBox.INFO,
|
||||
buttons: Ext.MessageBox.OK
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
deleteProcess = function(){
|
||||
//var rowSelected = processesGrid.getSelectionModel().getSelected();
|
||||
var rows = processesGrid.getSelectionModel().getSelections();
|
||||
if( rows.length > 0 ) {
|
||||
//parent.dropProcess(rowSelected.data.PRO_UID);
|
||||
|
||||
isValid = true;
|
||||
errLog = Array();
|
||||
//verify if the selected rows have not any started or delegated cases
|
||||
for(i=0; i<rows.length; i++){
|
||||
//alert(rows[i].get('CASES_COUNT'));
|
||||
if( rows[i].get('CASES_COUNT') != 0 ){
|
||||
errLog.push(i);
|
||||
isValid = false;
|
||||
}
|
||||
}
|
||||
|
||||
if( isValid ){
|
||||
ids = Array();
|
||||
for(i=0; i<rows.length; i++)
|
||||
ids[i] = rows[i].get('PRO_UID');
|
||||
|
||||
PRO_UIDS = ids.join(',');
|
||||
|
||||
Ext.Msg.confirm(
|
||||
TRANSLATIONS.ID_CONFIRM,
|
||||
rows.length == 1? TRANSLATIONS.ID_PROCESS_DELETE_LABEL: TRANSLATIONS.ID_PROCESS_DELETE_ALL_LABEL,
|
||||
function(btn, text){
|
||||
if ( btn == 'yes' ){
|
||||
Ext.MessageBox.show({ msg: TRANSLATIONS.ID_DELETING_ELEMENTS, wait:true,waitConfig: {interval:200} });
|
||||
Ext.Ajax.request({
|
||||
url: 'processes_Delete',
|
||||
success: function(response) {
|
||||
Ext.MessageBox.hide();
|
||||
processesGrid.store.reload();
|
||||
result = Ext.util.JSON.decode(response.responseText);
|
||||
|
||||
if(result){
|
||||
if(result.status != 0){
|
||||
Ext.MessageBox.show({
|
||||
title: 'Error',
|
||||
msg: result.msg,
|
||||
buttons: Ext.MessageBox.OK,
|
||||
icon: Ext.MessageBox.ERROR
|
||||
});
|
||||
}
|
||||
} else
|
||||
Ext.MessageBox.show({
|
||||
title: 'Error',
|
||||
msg: response.responseText,
|
||||
buttons: Ext.MessageBox.OK,
|
||||
icon: Ext.MessageBox.ERROR
|
||||
});
|
||||
},
|
||||
params: {PRO_UIDS:PRO_UIDS}
|
||||
});
|
||||
}
|
||||
}
|
||||
);
|
||||
} else {
|
||||
errMsg = '';
|
||||
for(i=0; i<errLog.length; i++){
|
||||
//errMsg += 'You can\'t delete the process "'+rows[errLog[i]].get('PRO_TITLE')+'" because has '+rows[errLog[i]].get('CASES_COUNT')+' cases.<br/>';
|
||||
e = TRANSLATIONS.ID_PROCESS_CANT_DELETE;
|
||||
e = e.replace('{0}', rows[errLog[i]].get('PRO_TITLE'));
|
||||
e = e.replace('{1}', rows[errLog[i]].get('CASES_COUNT'));
|
||||
errMsg += e + '<br/>';
|
||||
}
|
||||
Ext.MessageBox.show({
|
||||
title: 'Error',
|
||||
msg: errMsg,
|
||||
buttons: Ext.MessageBox.OK,
|
||||
icon: Ext.MessageBox.ERROR
|
||||
});
|
||||
}
|
||||
|
||||
} else {
|
||||
Ext.Msg.show({
|
||||
title:'',
|
||||
msg: TRANSLATIONS.ID_NO_SELECTION_WARNING,
|
||||
buttons: Ext.Msg.INFO,
|
||||
fn: function(){},
|
||||
animEl: 'elId',
|
||||
icon: Ext.MessageBox.INFO,
|
||||
buttons: Ext.MessageBox.OK
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
importProcess = function(){
|
||||
window.location = 'processes_Import';
|
||||
}
|
||||
|
||||
browseLibrary = function(){
|
||||
window.location = 'processes_Library';
|
||||
}
|
||||
|
||||
function activeDeactive(){
|
||||
//var rowSelected = processesGrid.getSelectionModel().getSelected();
|
||||
var rows = processesGrid.getSelectionModel().getSelections();
|
||||
|
||||
if( rows.length > 0 ) {
|
||||
var ids = '';
|
||||
for(i=0; i<rows.length; i++) {
|
||||
if(i != 0 ) ids += ',';
|
||||
ids += rows[i].get('PRO_UID');
|
||||
}
|
||||
|
||||
Ext.Ajax.request({
|
||||
url : 'processes_ChangeStatus' ,
|
||||
params : { UIDS : ids },
|
||||
method: 'GET',
|
||||
success: function ( result, request ) {
|
||||
//Ext.MessageBox.alert('Success', 'Data return from the server: '+ result.responseText);
|
||||
store.reload();
|
||||
var activator = Ext.getCmp('activator');
|
||||
activator.setDisabled(true);
|
||||
activator.setText('Status');
|
||||
activator.setIcon('');
|
||||
},
|
||||
failure: function ( result, request) {
|
||||
Ext.MessageBox.alert('Failed', result.responseText);
|
||||
}
|
||||
});
|
||||
|
||||
//window.location = 'processes_ChangeStatus?PRO_UID='+rowSelected.data.PRO_UID;
|
||||
} else {
|
||||
Ext.Msg.show({
|
||||
title:'',
|
||||
msg: TRANSLATIONS.ID_NO_SELECTION_WARNING,
|
||||
buttons: Ext.Msg.INFO,
|
||||
fn: function(){},
|
||||
animEl: 'elId',
|
||||
icon: Ext.MessageBox.INFO,
|
||||
buttons: Ext.MessageBox.OK
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
capitalize = function(s){
|
||||
s = s.toLowerCase();
|
||||
return s.replace( /(^|\s)([a-z])/g , function(m,p1,p2){ return p1+p2.toUpperCase(); } );
|
||||
};
|
||||
Reference in New Issue
Block a user