luos/gulliver/js/ext/pmos-common.js

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',
        pathname = location.pathname.split('/'),
        localStorageProvider = new Ext.state.LocalStorageProvider(),
        i;
    if (additionalPrefix === undefined) {
        additionalPrefix = '';
    }
    if (pathname.length > 1) {
        workspace = pathname[1].replace('sys', '');
    }
    workspace = workspace + additionalPrefix;
    localStorageProvider.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(localStorageProvider);
}

/**
 * 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);
}

/**
 * Converts a valid date string to a date type object.
 * @param {String} value
 * @return {Date}
 */
function convertDate(value) {
    var date,
        array,
        arrayDate,
        arrayTime;
    date = new Date(1900, 0, 1, 0, 0, 0);
    try {
        if (!Ext.isDate(value)) {
            array = value.split(' ');
            arrayDate = array[0].split('-');
            if (array.length > 1) {
                arrayTime = array[1].split(':');
            } else {
                arrayTime = new Array('0', '0', '0');
            }
            date = new Date(arrayDate[0], arrayDate[1] - 1, arrayDate[2], arrayTime[0], arrayTime[1], arrayTime[2]);
        }
    } catch (e) {
    }
    return date;
}