a24cc55681
- Los labels con tags html se ven en inbox, participated, draft pero no se visualizan en el summary como se define en el proceso. - Problema resuelto, se ha codificado los tags html para su correcta visualizacion en el Summary. * Available from version ProcessMaker-2.5.1-testing.2
554 lines
15 KiB
JavaScript
Executable File
554 lines
15 KiB
JavaScript
Executable File
PMExtJSCommon = function() {
|
|
this.version = '1.8';
|
|
|
|
this.notify_time_out = 3;
|
|
|
|
this.confirm = function(title, msg, fnYes, fnNo)
|
|
{
|
|
Ext.MessageBox.confirm(title, msg, function(btn, text){
|
|
if ( btn == 'yes' )
|
|
setTimeout(fnYes, 0)
|
|
else if( fnNo != undefined )
|
|
setTimeout(fnNo, 0)
|
|
});
|
|
}
|
|
|
|
this.info = function(title, msg, fn) {
|
|
Ext.MessageBox.show({
|
|
title: title,
|
|
msg: msg,
|
|
buttons: Ext.MessageBox.OK,
|
|
animEl: 'mb9',
|
|
fn: fn != undefined ? fn: function(){},
|
|
icon: Ext.MessageBox.INFO
|
|
});
|
|
}
|
|
|
|
this.question = function(title, msg, fn) {
|
|
Ext.MessageBox.show({
|
|
title: title,
|
|
msg: msg,
|
|
buttons: Ext.MessageBox.YESNO,
|
|
animEl: 'mb9',
|
|
fn: function(btn, text){
|
|
if ( btn == 'yes' )
|
|
setTimeout(fn, 0);
|
|
},
|
|
icon: Ext.MessageBox.QUESTION
|
|
});
|
|
}
|
|
|
|
this.warning = function(title, msg, fn) {
|
|
Ext.MessageBox.show({
|
|
title: title,
|
|
msg: msg,
|
|
buttons: Ext.MessageBox.OK,
|
|
animEl: 'mb9',
|
|
fn: fn != undefined ? fn: function(){},
|
|
icon: Ext.MessageBox.WARNING
|
|
});
|
|
}
|
|
|
|
this.error = function(title, msg, fn) {
|
|
Ext.MessageBox.show({
|
|
title: title,
|
|
msg: msg,
|
|
buttons: Ext.MessageBox.OK,
|
|
animEl: 'mb9',
|
|
fn: fn != undefined ? fn: function(){},
|
|
icon: Ext.MessageBox.ERROR
|
|
});
|
|
}
|
|
|
|
this.notify = function(title, msg, type, time)
|
|
{
|
|
Ext.msgBoxSlider.msg(title, msg, type, time);
|
|
}
|
|
|
|
this.getBrowser = function()
|
|
{
|
|
var browsersList = new Array("opera", "msie", "firefox", "chrome", "safari");
|
|
var browserMeta = navigator.userAgent.toLowerCase();
|
|
var name = 'Unknown';
|
|
var version = '';
|
|
var screen = {
|
|
width : Ext.getBody().getViewSize().width,
|
|
height : Ext.getBody().getViewSize().height
|
|
};
|
|
|
|
var so = Ext.isLinux ? 'Linux' : ( Ext.isWindows ? 'Windows' : (Ext.isMac ? 'Mac OS' : 'Unknown') );
|
|
|
|
for (var i = 0; i < browsersList.length; i++){
|
|
if ((name == "") && (browserMeta.indexOf(browsersList[i]) != -1)){
|
|
name = browsersList[i];
|
|
version = String(parseFloat(browserMeta.substr(browserMeta.indexOf(browsersList[i]) + browsersList[i].length + 1)));
|
|
break;
|
|
}
|
|
}
|
|
|
|
return {name:name, version:version, screen: screen}
|
|
}
|
|
|
|
this.createInfoPanel = function(url, params, columnsSize)
|
|
{
|
|
var labelColumnWidth = 170;
|
|
var valueColumnWidth = 350;
|
|
params = params || {};
|
|
|
|
if(typeof columnsSize != 'undefined') {
|
|
labelColumnWidth = columnsSize[0] || labelColumnWidth;
|
|
valueColumnWidth = columnsSize[1] || valueColumnWidth;
|
|
}
|
|
|
|
return new Ext.grid.GridPanel({
|
|
store : new Ext.data.GroupingStore({
|
|
autoLoad: true,
|
|
proxy : new Ext.data.HttpProxy({
|
|
url: url,
|
|
method : 'POST'
|
|
}),
|
|
baseParams: params,
|
|
reader : new Ext.data.JsonReader({
|
|
fields : [{name : 'label'}, {name : 'value'}, {name : 'section'}]
|
|
}),
|
|
groupField: 'section'
|
|
}),
|
|
columns : [
|
|
{
|
|
width : labelColumnWidth,
|
|
dataIndex : "label",
|
|
renderer: function(v){return "<b><font color=\"#465070\">"+v+"</font></b>"},
|
|
align: "right"
|
|
},
|
|
{
|
|
width : valueColumnWidth,
|
|
dataIndex : "value",
|
|
renderer: function (v) {
|
|
return Ext.util.Format.htmlEncode(v);
|
|
}
|
|
},
|
|
{
|
|
hidden: true,
|
|
dataIndex : "section"
|
|
}
|
|
],
|
|
autoHeight : true,
|
|
columnLines: true,
|
|
trackMouseOver:false,
|
|
disableSelection:true,
|
|
view: new Ext.grid.GroupingView({
|
|
forceFit:true,
|
|
headersDisabled : true,
|
|
groupTextTpl: '{group}'
|
|
}),
|
|
loadMask: true
|
|
});
|
|
}
|
|
|
|
this.cookie = {
|
|
create: function(name, value, days) {
|
|
if (days) {
|
|
var date = new Date();
|
|
date.setTime(date.getTime()+(days*24*60*60*1000));
|
|
var expires = "; expires="+date.toGMTString();
|
|
}else var expires = "";
|
|
document.cookie = name+"="+value+expires+"; path=/";
|
|
},
|
|
|
|
read: function(name) {
|
|
var nameEQ = name + "=";
|
|
var ca = document.cookie.split(';');
|
|
for(var i=0;i < ca.length;i++) {
|
|
var c = ca[i];
|
|
while (c.charAt(0)==' ') c = c.substring(1,c.length);
|
|
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
|
|
}
|
|
return null;
|
|
},
|
|
|
|
erase: function(name) {
|
|
Tools.createCookie(name,"",-1);
|
|
}
|
|
}
|
|
|
|
}
|
|
var PMExt = new PMExtJSCommon();
|
|
|
|
|
|
/**
|
|
* Common Ext Functions
|
|
*/
|
|
|
|
Ext.msgBoxSlider = function(){
|
|
var msgCt;
|
|
|
|
function createBox(t, s){
|
|
return [
|
|
'<div class="msg">',
|
|
'<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',
|
|
'<div class="x-box-ml"><div class="x-box-mr"><div id="x-box-mc-inner" class="x-box-mc"><h3>', t, '</h3>', s, '</div></div></div>',
|
|
'<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',
|
|
'</div>'
|
|
].join('');
|
|
}
|
|
return {
|
|
msg : function(title, format, type, time) {
|
|
if( ! msgCt ) {
|
|
msgCt = Ext.DomHelper.insertFirst(document.body, {id:'msg-div', style:'position:absolute'}, true);
|
|
}
|
|
//msgCt.alignTo(document, 'br-br');
|
|
//msgCt.alignTo(document, "br-br", [-20, -20]);
|
|
|
|
var s = String.format.apply(String, Array.prototype.slice.call(arguments, 1));
|
|
var m = Ext.DomHelper.append(msgCt, {html:createBox(title, s)}, true);
|
|
m.setWidth(400 );
|
|
m.position(null, 5000 );
|
|
m.alignTo(document, 'br-br');
|
|
|
|
type = typeof type != 'undefined' ? type : '';
|
|
time = typeof time != 'undefined' ? time : PMExt.notify_time_out;
|
|
|
|
switch(type) {
|
|
case 'alert':
|
|
case 'warning':
|
|
case 'tmp-warning':
|
|
image = '/images/alert.gif';
|
|
break;
|
|
case 'error':
|
|
case 'tmp-error':
|
|
image = '/images/error.png';
|
|
break;
|
|
case 'tmp-info':
|
|
case 'info':
|
|
image = '/images/info.png';
|
|
break;
|
|
case 'success':
|
|
case 'ok':
|
|
image = '/images/select-icon.png';
|
|
break;
|
|
default:
|
|
image = '';
|
|
}
|
|
|
|
leftPadding = 35;
|
|
|
|
if (image != '') {
|
|
Ext.get('x-box-mc-inner' ).setStyle('background-image', 'url("'+image+'")');
|
|
leftPadding = 45;
|
|
}
|
|
|
|
Ext.get('x-box-mc-inner' ).setStyle('background-position', '5px 10px');
|
|
Ext.get('x-box-mc-inner' ).setStyle('background-repeat', 'no-repeat');
|
|
Ext.get('x-box-mc-inner' ).setStyle('padding-left', leftPadding+'px');
|
|
m.slideIn('t').pause(time).ghost("t", {remove:true});
|
|
},
|
|
|
|
msgTopCenter : function(type, title, format, time) {
|
|
if (typeof remove == 'undefined')
|
|
remove : true;
|
|
|
|
time = typeof time != 'undefined' ? time : PMExt.notify_time_out;
|
|
|
|
if( ! msgCt ) {
|
|
msgCt = Ext.DomHelper.insertFirst(document.body, {id:'msg-div', style:'position:absolute'}, true);
|
|
}
|
|
|
|
var s = String.format.apply(String, Array.prototype.slice.call(arguments, 2));
|
|
var m = Ext.DomHelper.append(msgCt, {html:createBox(title, s)}, true);
|
|
m.setWidth(400 );
|
|
m.position(null, 5000 );
|
|
m.alignTo(document, 't-t');
|
|
|
|
switch(type) {
|
|
case 'alert':
|
|
case 'warning':
|
|
case 'tmp-warning':
|
|
image = '/images/alert.gif';
|
|
break;
|
|
case 'error':
|
|
case 'tmp-error':
|
|
image = '/images/error.png';
|
|
break;
|
|
case 'tmp-info':
|
|
case 'info':
|
|
image = '/images/info.png';
|
|
break;
|
|
case 'success':
|
|
case 'ok':
|
|
image = '/images/select-icon.png';
|
|
break;
|
|
default:
|
|
image = '';
|
|
}
|
|
|
|
if (image != '') {
|
|
Ext.get('x-box-mc-inner' ).setStyle('background-image', 'url("'+image+'")');
|
|
}
|
|
Ext.get('x-box-mc-inner' ).setStyle('background-position', '5px 10px');
|
|
Ext.get('x-box-mc-inner' ).setStyle('background-repeat', 'no-repeat');
|
|
Ext.get('x-box-mc-inner' ).setStyle('padding-left', '45px');
|
|
|
|
m.slideIn('t').pause(time).ghost("t", {remove:true});
|
|
}
|
|
|
|
};
|
|
}();
|
|
|
|
/*Ext.msgBoxSlider = function() {
|
|
var msgCt;
|
|
|
|
function createBox(t, s){
|
|
return ['<div class="msg">',
|
|
'<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',
|
|
'<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc"><h3>', t,
|
|
'</h3>', s, '</div></div></div>',
|
|
'<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',
|
|
'</div>'].join('');
|
|
}
|
|
return {
|
|
msg : function(title, format){
|
|
if(!msgCt){
|
|
msgCt = Ext.DomHelper.insertFirst(document.body, {id:'msg-div', style:'position:absolute'}, true);
|
|
}
|
|
msgCt.alignTo(document, 'bl-bl', [10, -90]);
|
|
var s = String.format.apply(String, Array.prototype.slice.call(arguments, 1));
|
|
var m = Ext.DomHelper.append(msgCt, {html:createBox(title, s)}, true);
|
|
m.slideIn('b').pause(1).ghost("b", {remove:true});
|
|
}
|
|
};
|
|
}();*/
|
|
|
|
/**
|
|
* Translator function for internationalization
|
|
*/
|
|
function _()
|
|
{
|
|
var argv = _.arguments;
|
|
var argc = argv.length;
|
|
|
|
if( typeof TRANSLATIONS != 'undefined' && TRANSLATIONS) {
|
|
if( typeof TRANSLATIONS[argv[0]] != 'undefined' ) {
|
|
if (argc > 1) {
|
|
trn = TRANSLATIONS[argv[0]];
|
|
for (i = 1; i < argv.length; i++) {
|
|
trn = trn.replace('{'+(i-1)+'}', argv[i]);
|
|
}
|
|
}
|
|
else {
|
|
trn = TRANSLATIONS[argv[0]];
|
|
}
|
|
}
|
|
else {
|
|
trn = '**' + argv[0] + '**';
|
|
}
|
|
}
|
|
else {
|
|
PMExt.error('Processmaker JS Core Error', 'The TRANSLATIONS global object is not loaded!');
|
|
trn = '';
|
|
}
|
|
return trn;
|
|
}
|
|
|
|
/**
|
|
* Translator function for internationalization to plugins
|
|
*/
|
|
function __()
|
|
{
|
|
var argv = __.arguments;
|
|
var argc = argv.length;
|
|
|
|
//argv[0] => NAME PLUGIN
|
|
//argv[1] => ID
|
|
//argv[2] => VARIABLES
|
|
|
|
var existTranslations = true;
|
|
var existIdLabel = true;
|
|
eval("if( typeof TRANSLATIONS_" + argv[0].toUpperCase() + " != 'undefined' && TRANSLATIONS_" + argv[0].toUpperCase() + ") { existTranslations = true; } else { existTranslations = false; }");
|
|
if (existTranslations) {
|
|
eval("if( typeof TRANSLATIONS_" + argv[0].toUpperCase() + "[argv[1]] != 'undefined' ) { existIdLabel = true; } else { existIdLabel = false; }");
|
|
if (existIdLabel) {
|
|
if (argc > 2) {
|
|
eval("trn = TRANSLATIONS_" + argv[0].toUpperCase() + "[argv[0]];");
|
|
for (i = 2; i < argv.length; i++) {
|
|
trn = trn.replace('{'+(i-2)+'}', argv[i]);
|
|
}
|
|
} else {
|
|
eval("trn = TRANSLATIONS_" + argv[0].toUpperCase() + "[argv[1]];");
|
|
}
|
|
} else {
|
|
trn = '**' + argv[1] + '**';
|
|
}
|
|
} else {
|
|
PMExt.error('Processmaker JS Core Error', 'The TRANSLATIONS ' + argv[0].toUpperCase() + ' global object is not loaded!');
|
|
trn = '';
|
|
}
|
|
return trn;
|
|
}
|
|
|
|
/**
|
|
* Environment Formats function for full name
|
|
*/
|
|
function _FNF(USER_NAME, FIRST_NAME, LAST_NAME, FN_FORMAT)
|
|
{
|
|
if (USER_NAME == null) {
|
|
USER_NAME = '';
|
|
}
|
|
if (FIRST_NAME == null) {
|
|
FIRST_NAME = '';
|
|
}
|
|
if (LAST_NAME == null) {
|
|
LAST_NAME = '';
|
|
}
|
|
if (typeof FORMATS != 'undefined') {
|
|
if (USER_NAME != '' || FIRST_NAME != '' || LAST_NAME != '') {
|
|
FN_FORMAT = FORMATS.format;
|
|
}
|
|
else {
|
|
FN_FORMAT = '';
|
|
}
|
|
}
|
|
else {
|
|
FN_FORMAT = '(@lastName, @firstName) @userName';
|
|
}
|
|
|
|
var aux = FN_FORMAT;
|
|
aux = aux.replace('@userName',USER_NAME);
|
|
aux = aux.replace('@firstName',FIRST_NAME);
|
|
aux = aux.replace('@lastName',LAST_NAME);
|
|
return aux;
|
|
}
|
|
|
|
/**
|
|
* Environment Formats function for date
|
|
*/
|
|
function _DF(DATE_TIME, D_FORMAT)
|
|
{
|
|
function LZ(x){return(x<0||x>9?"":"0")+x;}
|
|
|
|
if(typeof D_FORMAT == 'undefined'){
|
|
if (typeof FORMATS != 'undefined') {
|
|
D_FORMAT = FORMATS.dateFormat;
|
|
}
|
|
else {
|
|
D_FORMAT = 'm/d/Y';
|
|
}
|
|
}
|
|
|
|
if (D_FORMAT.indexOf(' \\d\\e ')) {
|
|
D_FORMAT = D_FORMAT.replace(/ \\d\\e /gi, " [of] ");
|
|
}
|
|
|
|
if (!(DATE_TIME != '')) {
|
|
if (DATE_TIME == '')
|
|
return '';
|
|
else
|
|
return '**' + DATE_TIME + '**';
|
|
}
|
|
|
|
var arrD = DATE_TIME.split(' ');
|
|
var arrF = arrD[0].split('-');
|
|
|
|
if (arrD.length ==2) {
|
|
var arrH = arrD[1].split(':');
|
|
}
|
|
else {
|
|
var arrH = new Array(0,0,0);
|
|
}
|
|
|
|
|
|
var MONTH_NAMES=new Array(_('ID_MONTH_1'),_('ID_MONTH_2'),_('ID_MONTH_3'),_('ID_MONTH_4'),_('ID_MONTH_5'),_('ID_MONTH_6'),_('ID_MONTH_7'),
|
|
_('ID_MONTH_8'),_('ID_MONTH_9'),_('ID_MONTH_10'),_('ID_MONTH_11'),_('ID_MONTH_12'),_('ID_MONTH_ABB_1'),_('ID_MONTH_ABB_2'),
|
|
_('ID_MONTH_ABB_3'),_('ID_MONTH_ABB_4'),_('ID_MONTH_ABB_5'),_('ID_MONTH_ABB_6'),_('ID_MONTH_ABB_7'),_('ID_MONTH_ABB_8'),
|
|
_('ID_MONTH_ABB_9'),_('ID_MONTH_ABB_10'),_('ID_MONTH_ABB_11'),_('ID_MONTH_ABB_12'));
|
|
var DAY_NAMES=new Array(_('ID_WEEKDAY_0'),_('ID_WEEKDAY_1'),_('ID_WEEKDAY_2'),_('ID_WEEKDAY_3'),_('ID_WEEKDAY_4'),_('ID_WEEKDAY_5'),
|
|
_('ID_WEEKDAY_6'),_('ID_WEEKDAY_ABB_0'),_('ID_WEEKDAY_ABB_1'),_('ID_WEEKDAY_ABB_2'),_('ID_WEEKDAY_ABB_3'),_('ID_WEEKDAY_ABB_4'),
|
|
_('ID_WEEKDAY_ABB_5'),_('ID_WEEKDAY_ABB_6'));
|
|
|
|
var date = new Date(arrF[0],parseFloat(arrF[1])-1,arrF[2],arrH[0],arrH[1],arrH[2],0);
|
|
var y=date.getFullYear()+'';
|
|
var M=date.getMonth()+1;
|
|
var d=date.getDate();
|
|
var E=date.getDay();
|
|
var H=date.getHours();
|
|
var m=date.getMinutes();
|
|
var s=date.getSeconds();
|
|
|
|
var values = new Object();
|
|
values['Y'] = y;
|
|
values['y'] = y.substring(2, 4);
|
|
values['F'] = MONTH_NAMES[M-1];
|
|
values['M'] = MONTH_NAMES[M+11];
|
|
values['m'] = LZ(M);
|
|
values['n'] = M;
|
|
values['d'] = LZ(d);
|
|
values['j'] = d;
|
|
values['D'] = DAY_NAMES[E+7];
|
|
values['l'] = DAY_NAMES[E];
|
|
values['G'] = H;
|
|
values['H'] = LZ(H);
|
|
if (H==0){ values['g'] = 12;}
|
|
else if (H>12){ values['g'] = H-12; }
|
|
else { values['g'] = H; }
|
|
values['h'] = LZ(values['g']);
|
|
values['i'] = LZ(m);
|
|
values['s'] = LZ(s);
|
|
if (H>11) values['a'] = 'pm'; else values['a'] = 'am';
|
|
if (H>11) values['A'] = 'PM'; else values['A'] = 'AM';
|
|
if (typeof FORMATS == 'undefined') values['T'] = '**';
|
|
else values['T'] = FORMATS.TimeZone;
|
|
|
|
var aDate = D_FORMAT.split('');
|
|
var aux = '';
|
|
|
|
var xParts = new Array('Y','y','F','M','m','n','d','j','D','l','G','H','g','h','i','s','a','A','T');
|
|
for (var i=0; i < aDate.length; i++){
|
|
if (xParts.indexOf(aDate[i])==-1){
|
|
aux = aux + aDate[i];
|
|
}
|
|
else{
|
|
aux = aux + values[aDate[i]];
|
|
}
|
|
}
|
|
|
|
if (aux.indexOf(" [of] ")) {
|
|
aux = aux.replace(/\[of\]/g, "de");
|
|
}
|
|
|
|
return aux;
|
|
}
|
|
|
|
/* Override native objects Section */
|
|
|
|
Ext.util.Format.capitalize = (function(){
|
|
var re = /(^|[^\w])([a-z])/g,
|
|
fn = function(m, a, b) {
|
|
return a + b.toUpperCase();
|
|
};
|
|
return function(v) {
|
|
return v.toLowerCase().replace(re, fn);
|
|
}
|
|
})();
|
|
|
|
/**
|
|
* left and right delete the blank characteres (String prototype)
|
|
*/
|
|
String.prototype.trim = function () {
|
|
return this.replace(/^\s+|\s+$/g, "");
|
|
}
|
|
|
|
String.prototype.nl2br = function () {
|
|
return this.replace(/\n/g,'<br />');
|
|
}
|
|
|
|
/**
|
|
* String Replace function, if strSearch has special characters "(", "[", must be escape "\\(", "\\[".
|
|
*
|
|
*/
|
|
function stringReplace(strSearch, strReplace, str)
|
|
{
|
|
var expression = eval("/" + strSearch + "/g");
|
|
|
|
return str.replace(expression, strReplace);
|
|
}
|
|
|