Files
luos/gulliver/js/ext/pmos-common.js
Israel Bernabe af32b725f9 PMC-440
2019-04-15 10:07:08 -04:00

699 lines
20 KiB
JavaScript

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({
id: 'infoMessageBox',
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({
id: 'questionMessageBox',
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({
id: 'warningMessageBox',
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({
id: 'errorMessageBox',
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);
}
//TODO we need to review how many places using this kind of validation
this.escapeHtml = function (v) {
var pre = document.createElement('pre');
var text = document.createTextNode( v );
pre.appendChild(text);
return pre.innerHTML;
}
this.getBrowser = function () {
var browsersList = ["opera", "msie", "firefox", "chrome", "safari", "trident"],
browserMeta = navigator.userAgent.toLowerCase(),
name = 'Unknown',
version = '',
screen = {
width: Ext.getBody().getViewSize().width,
height: Ext.getBody().getViewSize().height
};
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 class='selectText' color=\"#465070\">" + v + "</font></b>";
},
align: "right"
},
{
width: valueColumnWidth,
dataIndex: "value",
renderer: function (v) {
return "<b class='selectText'>" + v + "</b>";
}
},
{
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);
}
}
this.emailConst = {
appMsgTypeWithoutTask:['EXTERNAL_REGISTRATION','TEST','CASE_NOTE','SOAP','RETRIEVE_PASSWORD'],
appMsgTypeWithConditionalTask:['PM_FUNCTION'],
appMsgTypeWithoutCase:['EXTERNAL_REGISTRATION','TEST','RETRIEVE_PASSWORD'],
appMsgTypeWithoutProcess:['EXTERNAL_REGISTRATION','TEST','RETRIEVE_PASSWORD'],
appMsgTypeWithoutNumber:['EXTERNAL_REGISTRATION','TEST','RETRIEVE_PASSWORD'],
numberColumn:{
name:'APP_NUMBER',
defaultValue:'N/A'
},
taskColumn:{
name:'TAS_TITLE',
defaultValue:'N/A'
},
caseColumn:{
name:'APP_TITLE',
defaultValue:'N/A'
},
processColumn:{
name:'PRO_TITLE',
defaultValue:'N/A'
}
}
}
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);
}
function getBrowserTimeZoneOffset()
{
return -1 * ((new Date()).getTimezoneOffset() * 60);
}
/**
* This is the global state manager. By default all components that are
* "state aware" check this class for state information if you don't pass them a
* custom state provider. In order for this class to be useful, it must be
* initialized with a provider when your application initializes.
*
* @param {string} cache
* @param {string} additionalPrefix
* @returns {undefined}
*/
function setExtStateManagerSetProvider(cache, additionalPrefix) {
var workspace = 'ws-undefined';
var pathname = location.pathname.split('/');
var cookieProvider = new Ext.state.CookieProvider();
var i;
if (additionalPrefix === undefined) {
additionalPrefix = '';
}
if (pathname.length > 1) {
workspace = pathname[1].replace('sys', '');
}
workspace = workspace + additionalPrefix;
cookieProvider.on('statechange', function (provider, key, value) {
if (value !== null && JSON.stringify(Ext.state.Manager.get(workspace + window.userUid + cache)) !== JSON.stringify(value)) {
Ext.state.Manager.set(workspace + window.userUid + cache, value);
}
});
Ext.state.Manager.setProvider(cookieProvider);
Ext.state.Manager.clear(cache);
try {
if (window.extJsViewState !== undefined) {
for (i in extJsViewState) {
Ext.state.Manager.clear(i);
}
Ext.state.Manager.set(cache, Ext.state.Manager.getProvider().decodeValue(extJsViewState[workspace + window.userUid + cache]));
}
} catch (e) {
}
}
/**
* Download file with object XMLHttpRequest|ActiveXObject, with response type BLOB
*
* @param string method POST
* @param string url endpoint
* @param object headers
* @param object formData
* @param function callBack
*/
function downloadFile(method, url, headers, formData, callBack) {
var xhr,
win = window,
value = 'blob',
loadingFile = new Ext.LoadMask(Ext.getBody(), {msg: _('ID_LOADING')});
method = method || 'POST';
loadingFile.show();
if (win.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else if (win.ActiveXObject) {
xhr = new ActiveXObject('Microsoft.XMLHTTP');
}
win.URL = win.URL || win.webkitURL;
xhr.open(method, url, true);
xhr.responseType = value;
Object.keys(headers).forEach(function (key) {
xhr.setRequestHeader(key, headers[key]);
});
xhr.onload = function (e) {
loadingFile.hide();
if (xhr.status === 200) {
if (xhr.getResponseHeader("Content-Disposition") !== null) {
var fileName = xhr.getResponseHeader("Content-Disposition").match(/\sfilename="([^"]+)"(\s|$)/)[1];
var blob = xhr.response;
if ((navigator.userAgent.indexOf("MSIE") !== -1) ||
(navigator.userAgent.indexOf("Trident") !== -1) ||
(navigator.userAgent.indexOf("Edge") !== -1)) {
win.navigator.msSaveBlob(blob, fileName);
} else {
var doc = win.document,
a = doc.createElementNS('http://www.w3.org/1999/xhtml', 'a'),
event = doc.createEvent('MouseEvents');
event.initMouseEvent('click', true, false, win, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
a.href = win.URL.createObjectURL(blob);
a.download = fileName;
a.dispatchEvent(event);
}
if (typeof(callBack) !== 'undefined') {
callBack(xhr);
}
} else {
PMExt.error(_('ID_ERROR'), _('ID_UNEXPECTED_ERROR_OCCURRED_PLEASE'));
}
} else {
PMExt.error(_('ID_ERROR'), xhr.statusText);
}
};
xhr.send(formData);
}