fernando/luos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BUG 0000 "Start Case Detail Panel Compatibility on new Pmos UI"

Browse Source
This commit is contained in:
Erik Amaru Ortiz
2012-05-02 11:25:54 -04:00
parent c96cbae164
commit 27eac4dfc2
1 changed files with 167 additions and 224 deletions
Download Patch File Download Diff File Expand all files Collapse all files

391
workflow/engine/templates/cases/casesStartCase.js
View File

@@ -19,15 +19,12 @@ var processNumbers = new Ext.data.ArrayStore({
}); });
var processNumbersData = [[0,0,0,0,0]]; var processNumbersData = [[0,0,0,0,0]];
//processNumbers.loadData(processNumbersData);
Docs = {}; Docs = {};
Ext.onReady(function() { Ext.onReady(function() {
var newCaseTree = new Ext.ux.MaskTree({ var newCaseTree = new Ext.ux.MaskTree({
id: 'startCaseTreePanel', id: 'startCaseTreePanel',
region: 'center', region: 'center',
//autoWidth: true,
useArrows: true, useArrows: true,
animate: true, animate: true,
split : true, split : true,
@@ -45,7 +42,7 @@ Ext.onReady(function() {
xtype : 'textfield', xtype : 'textfield',
name : 'processesFilter', name : 'processesFilter',
id : 'processesFilter', id : 'processesFilter',
emptyText : _('ID_FIND_A_PROCESS'), // 'Find a Process', emptyText : _('ID_FIND_A_PROCESS'),
enableKeyEvents : true, enableKeyEvents : true,
listeners : { listeners : {
render : function(f) { render : function(f) {
@@ -70,14 +67,14 @@ Ext.onReady(function() {
} }
}, ' ', ' ', { }, ' ', ' ', {
iconCls : 'icon-expand-all', iconCls : 'icon-expand-all',
tooltip : _('ID_EXPAND_ALL'), //'Expand All', tooltip : _('ID_EXPAND_ALL'),
handler : function() { handler : function() {
Ext.getCmp("startCaseTreePanel").root.expand(true); Ext.getCmp("startCaseTreePanel").root.expand(true);
}, },
scope : this scope : this
}, '-', { }, '-', {
iconCls : 'icon-collapse-all', iconCls : 'icon-collapse-all',
tooltip : _('ID_COLLAPSE_ALL'), //'Collapse All', tooltip : _('ID_COLLAPSE_ALL'),
handler : function() { handler : function() {
Ext.getCmp("startCaseTreePanel").root.collapse(true); Ext.getCmp("startCaseTreePanel").root.collapse(true);
}, },
@@ -95,188 +92,140 @@ Ext.onReady(function() {
], ],
listeners : { listeners : {
dblclick : function(n) { dblclick : function(n) {
//mainPanel.openCase(n);
openCaseA(n); openCaseA(n);
}, },
click : function(n) { click : function(n) {
//mainPanel.showDetails(n);
showDetailsA(n); showDetailsA(n);
} }
} }
}); });
var details = { var details = {
xtype:'form', xtype:'form',
id : 'process-detail-panel', id : 'process-detail-panel',
region : 'east', region : 'east',
// autoHeight : true, split : true,
split : true, width : 450,
style : { style : {
width : '450' width : '450'
},
minWidth : 250,
labelAlign: 'right',
labelWidth: 85,
waitMsgTarget: true,
title: TRANSLATIONS.ID_PROCESS_INFORMATION,
layout:'form',
defaults: {width: 350},
defaultType: 'displayfield',
items: [{
fieldLabel: TRANSLATIONS.ID_PROCESS,
name: 'processName',
allowBlank:false,
value: '',
labelStyle: 'font-weight:bold;',
id:"processName"
}, },
// minWidth : 150, {
// frame: true, xtype: 'compositefield',
labelAlign: 'right', fieldLabel: TRANSLATIONS.ID_TASK,
labelWidth: 85, labelStyle: 'font-weight:bold;',
// width:340, items: [
waitMsgTarget: true, {
title: TRANSLATIONS.ID_PROCESS_INFORMATION, // 'Process Information', // xtype : 'button',
layout:'form', id : 'starCaseButton',
defaults: {width: 350}, disabled : true,
defaultType: 'displayfield', iconCls : "ICON_CASES_START_CASE",
items: [{ text : TRANSLATIONS.ID_TITLE_START_CASE,
fieldLabel: TRANSLATIONS.ID_PROCESS, // 'Process', autoWidth : true,
name: 'processName', handler : function() {
allowBlank:false, tree = Ext.getCmp('startCaseTreePanel');
var selectedNode = tree.getSelectionModel().getSelectedNode();
if (selectedNode) {
openCaseA(selectedNode);
}
}
},
{
xtype : 'displayfield',
name: 'taskName',
allowBlank:false,
value: '',
width:200,
id:"taskName"
}
]},
{
xtype:'textarea',
fieldLabel: TRANSLATIONS.ID_DESCRIPTION,
name: 'processDescription',
value: '', value: '',
readOnly: true,
labelStyle: 'font-weight:bold;', labelStyle: 'font-weight:bold;',
// disabled: true, id:"processDescription"
// readonly:true, },{
id:"processName" fieldLabel: TRANSLATIONS.ID_CATEGORY,
name: 'processCategory',
value: '',
readOnly: true,
labelStyle: 'font-weight:bold;',
id:"processCategory"
}, },
{ {
xtype: 'compositefield', xtype: 'grid',
fieldLabel: TRANSLATIONS.ID_TASK, // 'Task', fieldLabel: ' ',
labelSeparator : '',
labelStyle: 'font-color:white;',
ds: processNumbers,
cm: new Ext.grid.ColumnModel([
{id:'inbox',header: TRANSLATIONS.ID_INBOX, width:70, sortable: false, locked:true, dataIndex: 'CASES_COUNT_TO_DO'},
{id:'draft',header: TRANSLATIONS.ID_DRAFT, width:70, sortable: false, locked:true, dataIndex: 'CASES_COUNT_DRAFT'},
{id:'completed',header: TRANSLATIONS.ID_COMPLETED, width:70, sortable: false, locked:true, dataIndex: 'CASES_COUNT_COMPLETED'},
{id:'canceled',header: TRANSLATIONS.ID_CANCELLED, width:70, sortable: false, locked:true, dataIndex: 'CASES_COUNT_CANCELLED'},
{id:'totalCases',header: TRANSLATIONS.ID_TOTAL_CASES, width:70, sortable: false, locked:true , dataIndex: 'CASES_COUNT'}
]),
height: 49,
width: 355,
border: true
},
{
fieldLabel: TRANSLATIONS.ID_CALENDAR,
name: 'calendarName',
labelStyle: 'font-weight:bold;', labelStyle: 'font-weight:bold;',
id:"calendarName"
items: [ },
{ {
xtype : 'button',
id : 'starCaseButton',
disabled : true,
// cls :
// 'x-btn-icon',
// icon :
// '/images/refresh.gif',
iconCls : "ICON_CASES_START_CASE",
text : TRANSLATIONS.ID_TITLE_START_CASE, // "Start
// Case",
// margins:"5 5
// 5 5",
autoWidth : true,
handler : function() {
tree = Ext
.getCmp('startCaseTreePanel');
var selectedNode = tree
.getSelectionModel()
.getSelectedNode();
if (selectedNode) {
//mainPanel.openCase(selectedNode);
openCaseA(selectedNode);
}
}
},
{
xtype : 'displayfield',
//fieldLabel: 'Task',
//labelStyle: 'font-weight:bold;',
name: 'taskName',
allowBlank:false,
value: '',
//autoWitdh:true,
width:200,
// disabled: true,
id:"taskName"
}
]},
{
xtype:'textarea',
fieldLabel: TRANSLATIONS.ID_DESCRIPTION, // 'Description',
name: 'processDescription',
value: '',
readOnly: true,
labelStyle: 'font-weight:bold;',
// disabled: true,
id:"processDescription"
},{
fieldLabel: TRANSLATIONS.ID_CATEGORY, // 'Category',
name: 'processCategory',
value: '',
readOnly: true,
labelStyle: 'font-weight:bold;',
// disabled: true,
id:"processCategory"
},
{
xtype: 'grid',
fieldLabel: ' ',
labelSeparator : '',
labelStyle: 'font-color:white;',
// height: 15,
ds: processNumbers,
cm: new Ext.grid.ColumnModel([
{id:'inbox',header: TRANSLATIONS.ID_INBOX, width:70, sortable: false, locked:true, dataIndex: 'CASES_COUNT_TO_DO'},
{id:'draft',header: TRANSLATIONS.ID_DRAFT, width:70, sortable: false, locked:true, dataIndex: 'CASES_COUNT_DRAFT'},
{id:'completed',header: TRANSLATIONS.ID_COMPLETED, width:70, sortable: false, locked:true, dataIndex: 'CASES_COUNT_COMPLETED'},
{id:'canceled',header: TRANSLATIONS.ID_CANCELLED, width:70, sortable: false, locked:true, dataIndex: 'CASES_COUNT_CANCELLED'},
{id:'totalCases',header: TRANSLATIONS.ID_TOTAL_CASES, width:70, sortable: false, locked:true , dataIndex: 'CASES_COUNT'}
])
,
//autoExpandColumn: 'company',
height: 49,
width: 355,
//title: TRANSLATIONS.ID_GENERAL_PROCESS_NUMBERS, // 'General Process Numbers',
border: true,
listeners: {
viewready: function(g) {
//g.getSelectionModel().selectRow(0);
} // Allow rows to be rendered.
}
},
{
fieldLabel: TRANSLATIONS.ID_CALENDAR, // 'Calendar',
name: 'calendarName',
labelStyle: 'font-weight:bold;',
// disabled: true,
id:"calendarName"
},/*{
xtype:'textarea',
fieldLabel: TRANSLATIONS.ID_CALENDAR_DESCRIPTION, // 'Calendar Description',
name: 'calendarDescription',
value: '',
labelStyle: 'font-weight:bold;',
// disabled: true,
readOnly: true,
id:"calendarDescription"
},*/{
xtype:'checkboxgroup', xtype:'checkboxgroup',
fieldLabel: TRANSLATIONS.ID_WORKING_DAYS, // 'Working days', fieldLabel: TRANSLATIONS.ID_WORKING_DAYS,
name: 'calendarWorkDays', name: 'calendarWorkDays',
disabled: true, disabled: true,
readOnly: true, readOnly: true,
disabledClass:"", disabledClass:"",
labelStyle: 'font-weight:bold', labelStyle: 'font-weight:bold',
id:"calendarWorkDays", id:"calendarWorkDays",
columns: 7, columns: 7,
items: [ items: [
{boxLabel: TRANSLATIONS.ID_SUN, name: '0',disabledClass:""}, {boxLabel: TRANSLATIONS.ID_SUN, name: '0',disabledClass:""},
{boxLabel: TRANSLATIONS.ID_MON, name: '1',disabledClass:""}, {boxLabel: TRANSLATIONS.ID_MON, name: '1',disabledClass:""},
{boxLabel: TRANSLATIONS.ID_TUE, name: '2',disabledClass:""}, {boxLabel: TRANSLATIONS.ID_TUE, name: '2',disabledClass:""},
{boxLabel: TRANSLATIONS.ID_WEN, name: '3',disabledClass:""}, {boxLabel: TRANSLATIONS.ID_WEN, name: '3',disabledClass:""},
{boxLabel: TRANSLATIONS.ID_THU, name: '4',disabledClass:""}, {boxLabel: TRANSLATIONS.ID_THU, name: '4',disabledClass:""},
{boxLabel: TRANSLATIONS.ID_FRI, name: '5',disabledClass:""}, {boxLabel: TRANSLATIONS.ID_FRI, name: '5',disabledClass:""},
{boxLabel: TRANSLATIONS.ID_SAT, name: '6',disabledClass:""} {boxLabel: TRANSLATIONS.ID_SAT, name: '6',disabledClass:""}
] ]
}, { },
{
xtype:'checkbox', xtype:'checkbox',
fieldLabel: TRANSLATIONS.ID_DEBUG_MODE, // 'Debug Mode', fieldLabel: TRANSLATIONS.ID_DEBUG_MODE,
name: 'processDebug', name: 'processDebug',
labelStyle: 'font-weight:bold;', labelStyle: 'font-weight:bold;',
disabled: true, disabled: true,
readOnly: true, readOnly: true,
id:"processDebug", id:"processDebug",
disabledClass:"" disabledClass:""
}
}] ]
} }
Ext.QuickTips.init(); Ext.QuickTips.init();
var viewport = new Ext.Viewport({ var viewport = new Ext.Viewport({
@@ -300,58 +249,52 @@ Ext.onReady(function() {
}); });
function openCaseA(n){ function openCaseA(n){
if (n.attributes.optionType == "startProcess") { if (n.attributes.optionType == "startProcess") {
Ext.Msg.show({ Ext.Msg.show({
title : '', //TRANSLATIONS.ID_TITLE_START_CASE, //'Start Case', title : '',
msg : TRANSLATIONS.ID_STARTING_NEW_CASE // 'Starting new case' msg : TRANSLATIONS.ID_STARTING_NEW_CASE + '<br><br><b>' + n.attributes.text + '</b>',
+ '<br><br><b>' + n.attributes.text + '</b>', wait:true,
//icon : Ext.MessageBox.INFO, waitConfig: {interval:500}
// width:300, });
wait:true, Ext.Ajax.request({
waitConfig: {interval:500} url : 'casesStartPage_Ajax.php',
}); params : {
Ext.Ajax.request({ action : 'startCase',
url : 'casesStartPage_Ajax.php', processId : n.attributes.pro_uid,
params : { taskId : n.attributes.tas_uid
action : 'startCase', },
processId : n.attributes.pro_uid, success : function(response) {
taskId : n.attributes.tas_uid
}, try {
success : function(response) { var res = Ext.util.JSON.decode(response.responseText);
if (res.openCase) {
try{ window.location = res.openCase.PAGE;
var res = Ext.util.JSON.decode(response.responseText); }
else {
if (res.openCase) { Ext.Msg.show({
window.location = res.openCase.PAGE; title : TRANSLATIONS.ID_ERROR_CREATING_NEW_CASE, // 'Error creating a new Case',
} else { msg : '<textarea cols="50" rows="10">'
Ext.Msg.show({ + res.message + '</textarea>',
title : TRANSLATIONS.ID_ERROR_CREATING_NEW_CASE, // 'Error creating a new Case', icon : Ext.MessageBox.ERROR,
msg : '<textarea cols="50" rows="10">' buttons : Ext.Msg.OK
+ res.message + '</textarea>', });
icon : Ext.MessageBox.ERROR, }
buttons : Ext.Msg.OK }
}); catch(e) {
} Ext.Msg.show({
} catch(e) { title : TRANSLATIONS.ID_ERROR_CREATING_NEW_CASE, // 'Error creating a new Case',
Ext.Msg.show({ msg : 'JSON Decode Error:<br /><textarea cols="50" rows="2">'
title : TRANSLATIONS.ID_ERROR_CREATING_NEW_CASE, // 'Error creating a new Case', + e.message + '</textarea><br />Server Response<br /><textarea cols="50" rows="5">'+response.responseText+'</textarea>',
msg : 'JSON Decode Error:<br /><textarea cols="50" rows="2">' icon : Ext.MessageBox.ERROR,
+ e.message + '</textarea><br />Server Response<br /><textarea cols="50" rows="5">'+response.responseText+'</textarea>', buttons : Ext.Msg.OK
icon : Ext.MessageBox.ERROR, });
buttons : Ext.Msg.OK }
}); },
failure : function() {
}
},
failure : function() {
// grid.getGridEl().unmask(true); UNABLE_START_CASE
// Ext.Msg.alert('Error', 'Unable to start a case');
Ext.Msg.alert(TRANSLATIONS.ID_ERROR, TRANSLATIONS.ID_UNABLE_START_CASE); Ext.Msg.alert(TRANSLATIONS.ID_ERROR, TRANSLATIONS.ID_UNABLE_START_CASE);
} }
}); });
} }
}; };
function showDetailsA(selectedNode) { function showDetailsA(selectedNode) {
@@ -393,11 +336,11 @@ function showDetailsA(selectedNode) {
]]; ]];
processNumbers.loadData(processNumbersData); processNumbers.loadData(processNumbersData);
} else { } else {
//detailEl.update(''); //detailEl.update('');
} }
return; return;
}; };