egroupware/api/js/jsapi/jsapi.js

757 lines
22 KiB
JavaScript
Raw Normal View History

2009-07-07 11:58:20 +02:00
/**
* eGroupWare - API
* http://www.egroupware.org
*
* This file was originally created Tyamad, but their content is now completly removed!
* It still contains some commonly used javascript functions, always included by EGroupware.
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package api
* @subpackage jsapi
* @version $Id$
*/
2021-06-05 20:39:39 +02:00
'use strict';
/**
* Check whether the console object is defined - if not, define one
*/
if (typeof window.console == 'undefined')
{
window.console = {
'log': function() {
},
'warn': function() {
},
'error': function() {
},
'info': function() {
}
}
}
2010-06-22 16:39:27 +02:00
/**
* Seperates all script tags from the given html code and returns the seperately
*
* @param object _html object that the html code
* from which the script should be seperated
* The html code has to be stored in _html.html,
* the result js will be written to _html.js.
2010-06-22 16:39:27 +02:00
*/
2021-06-05 20:39:39 +02:00
window.egw_seperateJavaScript = function(_html)
2010-06-22 16:39:27 +02:00
{
var html = typeof _html.html == 'string'?_html.html:'';
2010-06-22 16:39:27 +02:00
var in_pos = html.search(/<script/im);
var out_pos = html.search(/<\/script>/im);
while (in_pos > -1 && out_pos > -1)
{
/*Seperate the whole <script...</script> tag */
var js_str = html.substring(in_pos, out_pos+9);
/*Remove the initial tag */
/*js_str = js_str.substring(js_str.search(/>/) + 1);*/
_html.js += js_str;
2010-06-22 16:39:27 +02:00
html = html.substring(0, in_pos) + html.substring(out_pos + 9);
var in_pos = html.search(/<script/im);
var out_pos = html.search(/<\/script>/im);
}
_html.html = html;
}
/**
* Inserts the script tags inside the given html into the dom tree
*/
2021-06-05 20:39:39 +02:00
window.egw_insertJS = function(_html)
{
// Insert each script element seperately
if (_html)
{
var in_pos = -1;
var out_pos = -1;
do {
// Search in and out position
var in_pos = _html.search(/<script/im);
var out_pos = _html.search(/<\/script>/im);
// Copy the text inside the script tags...
if (in_pos > -1 && out_pos > -1)
{
if (out_pos > in_pos)
{
var scriptStart = _html.indexOf("\>", in_pos);
if (scriptStart > in_pos)
{
var script = _html.substring(scriptStart + 1,
out_pos);
try
{
// And insert them as real script tags
var tag = document.createElement("script");
tag.setAttribute("type", "text/javascript");
tag.text = script;
document.getElementsByTagName("head")[0].appendChild(tag);
}
catch (e)
{
if (typeof console != "undefined" && typeof console.log != "undefined")
{
console.log('Error while inserting JS code:', _e);
}
}
}
}
_html = _html.substr(out_pos + 9);
}
} while (in_pos > -1 && out_pos > -1)
}
}
2010-06-22 16:39:27 +02:00
/**
* Returns the top window which contains the current egw_instance, even for popup windows
*/
2021-06-05 20:39:39 +02:00
window.egw_topWindow = function()
{
return egw.top;
}
2010-06-04 14:16:13 +02:00
/**
* Returns the window object of the current application
2010-06-04 14:16:13 +02:00
* @param string _app is the name of the application which requests the window object
*/
2021-06-05 20:39:39 +02:00
window.egw_appWindow = function(_app)
2010-06-04 14:16:13 +02:00
{
var framework = egw_getFramework();
if(framework && framework.egw_appWindow) return framework.egw_appWindow(_app);
2010-06-04 14:16:13 +02:00
return window;
}
2011-06-02 14:37:49 +02:00
/**
* Open _url in window of _app
* @param _app
* @param _url
*/
2021-06-05 20:39:39 +02:00
window.egw_appWindowOpen = function(_app, _url)
2011-06-02 14:37:49 +02:00
{
if (typeof _url == "undefined") {
_url = "about:blank";
}
window.location = _url;
}
/**
* Returns the current egw application
* @param string _name is only used for fallback, if an onlder version of jdots is used.
*/
2021-06-05 20:39:39 +02:00
window.egw_getApp = function(_name)
{
return window.parent.framework.getApplicationByName(_name);
}
/**
* Returns the name of the currently active application
*
* @deprecated use egw(window).app_name()
*/
2021-06-05 20:39:39 +02:00
window.egw_getAppName = function()
{
if (typeof egw_appName == 'undefined')
{
return 'egroupware';
}
else
{
return egw_appName;
}
}
/**
* Refresh given application _targetapp display of entry _app _id, incl. outputting _msg
*
* Default implementation here only reloads window with it's current url with an added msg=_msg attached
*
* @param {string} _msg message (already translated) to show, eg. 'Entry deleted'
* @param {string} _app application name
* @param {(string|number)} _id id of entry to refresh or null
* @param {string} _type either 'update', 'edit', 'delete', 'add' or null
* - update: request just modified data from given rows. Sorting is not considered,
* so if the sort field is changed, the row will not be moved.
* - edit: rows changed, but sorting may be affected. Requires full reload.
* - delete: just delete the given rows clientside (no server interaction neccessary)
* - add: requires full reload for proper sorting
* @param {string} _targetapp which app's window should be refreshed, default current
* @param {(string|RegExp)} _replace regular expression to replace in url
* @param {string} _with
* @param {string} _msg_type 'error', 'warning' or 'success' (default)
* @deprecated use egw(window).refresh() instead
*/
2021-06-05 20:39:39 +02:00
window.egw_refresh = function(_msg, _app, _id, _type, _targetapp, _replace, _with, _msg_type)
{
egw(window).refresh(_msg, _app, _id, _type, _targetapp, _replace, _with, _msg_type);
}
/**
* Display an error or regular message
*
* @param {string} _msg message to show
* @param {string} _type 'error', 'warning' or 'success' (default)
* @deprecated use egw(window).message(_msg, _type)
*/
2021-06-05 20:39:39 +02:00
window.egw_message = function(_msg, _type)
{
egw(window).message(_msg, _type);
}
/**
* Update app-header and website-title
*
* @param {string} _header
* @param {string} _app Application name, if not for the current app
@deprecated use egw(window).app_header(_header, _app)
*/
2021-06-05 20:39:39 +02:00
window.egw_app_header = function(_header,_app)
{
egw(window).app_header(_header, _app);
}
/**
* View an EGroupware entry: opens a popup of correct size or redirects window.location to requested url
*
* Examples:
* - egw_open(123,'infolog') or egw_open('infolog:123') opens popup to edit or view (if no edit rights) infolog entry 123
* - egw_open('infolog:123','timesheet','add') opens popup to add new timesheet linked to infolog entry 123
* - egw_open(123,'addressbook','view') opens addressbook view for entry 123 (showing linked infologs)
* - egw_open('','addressbook','view_list',{ search: 'Becker' }) opens list of addresses containing 'Becker'
*
* @param string|int id either just the id or "app:id" if app==""
* @param string app app-name or empty (app is part of id)
* @param string type default "edit", possible "view", "view_list", "edit" (falls back to "view") and "add"
* @param object|string extra extra url parameters to append as object or string
* @param string target target of window to open
* @deprecated use egw.open()
*/
2021-06-05 20:39:39 +02:00
window.egw_open = function(id, app, type, extra, target)
{
window.egw.open(id, app, type, extra, target);
}
window.egw_getFramework = function()
{
if (typeof window.framework != 'undefined')
{
return framework;
}
try {
if (typeof window.parent.egw_getFramework != "undefined" && window != window.parent)
{
return window.parent.egw_getFramework();
}
}
catch (e) {}
return null;
}
/**
* Register a custom method to refresh an application in an intelligent way
*
* This function will be called any time the application needs to be refreshed.
* The default is to just reload, but with more detailed knowledge of the application
* internals, it should be possible to only refresh what is needed.
*
* The refresh function signature is:
* function (_msg, _app, _id, _type);
* returns void
* @see egw_refresh()
*
* @param appname String Name of the application
* @param refresh_func function to call when refreshing
*/
window.register_app_refresh = function(appname, refresh_func)
{
var framework = window.egw_getFramework();
if(framework != null && typeof framework.register_app_refresh == "function")
{
framework.register_app_refresh(appname,refresh_func);
}
else
{
if(typeof window.app_refresh != "function")
{
// Define the app_refresh stuff here
window.app_refresh = function(_msg, appname, _id, _type) {
if(window.app_refresh.registry[appname])
{
window.app_refresh.registry[appname].call(this,_msg,appname,_id,_type);
}
};
window.app_refresh.registry = {};
window.app_refresh.registered = function(appname) {
return (typeof window.app_refresh.registry[appname] == "function");
};
}
window.app_refresh.registry[appname] = refresh_func;
}
}
2021-06-05 20:39:39 +02:00
window.egw_set_checkbox_multiselect_enabled = function(_id, _enabled)
{
//Retrieve the checkbox_multiselect base div
var ms = document.getElementById('exec['+_id+']');
if (ms !== null)
{
//Set the background color
var label_color = "";
if (_enabled)
{
ms.style.backgroundColor = "white";
label_color = "black";
}
else
{
ms.style.backgroundColor = "#EEEEEE";
label_color = "gray"
}
//Enable/Disable all children input elements
for (var i = 0; i <ms.childNodes.length; i++)
{
if (ms.childNodes[i].nodeName == 'LABEL')
{
ms.childNodes[i].style.color = label_color;
if ((ms.childNodes[i].childNodes.length >= 1) &&
(ms.childNodes[i].childNodes[0].nodeName == 'INPUT'))
{
ms.childNodes[i].childNodes[0].disabled = !_enabled;
ms.childNodes[i].childNodes[0].checked &= _enabled;
}
}
}
}
}
/**
* Open a (centered) popup window with given size and url
*
* @param {string} _url
* @param {string} _windowName or "_blank"
* @param {number} _width
* @param {number} _height
* @param {type} _status "yes" or "no" to display status bar of popup
* @param {string|boolean} _app app-name for framework to set correct opener or false for current app
* @param {boolean} _returnID true: return window, false: return undefined
* @returns {DOMWindow|undefined}
* @deprecated use egw.openPopup(_url, _width, _height, _windowName, _app, _returnID, _status)
*/
2021-06-05 20:39:39 +02:00
window.egw_openWindowCentered2 = function(_url, _windowName, _width, _height, _status, _app, _returnID)
{
return egw(window).openPopup(_url, _width, _height, _windowName, _app, _returnID, _status);
}
2009-07-07 11:58:20 +02:00
/**
* @deprecated use egw.openPopup(_url, _width, _height, _windowName, _app, _returnID, _status)
*/
2021-06-05 20:39:39 +02:00
window.egw_openWindowCentered = function(_url, _windowName, _width, _height)
{
return egw_openWindowCentered2(_url, _windowName, _width, _height, 'no', false, true);
}
// return the left position of the window
2021-06-05 20:39:39 +02:00
window.egw_getWindowLeft = function()
{
2011-06-03 12:14:12 +02:00
// workaround for Fennec bug https://bugzilla.mozilla.org/show_bug.cgi?format=multiple&id=648250 window.(outerHeight|outerWidth|screenX|screenY) throw exception
try {
2021-06-05 20:39:39 +02:00
return window.screenX;
}
2011-06-03 12:14:12 +02:00
catch (e) {}
2011-06-03 12:14:12 +02:00
return window.screenLeft;
}
// return the left position of the window
2021-06-05 20:39:39 +02:00
window.egw_getWindowTop = function()
{
2011-06-03 12:14:12 +02:00
// workaround for Fennec bug https://bugzilla.mozilla.org/show_bug.cgi?format=multiple&id=648250 window.(outerHeight|outerWidth|screenX|screenY) throw exception
try {
2021-06-05 20:39:39 +02:00
return window.screenY;
}
2011-06-03 12:14:12 +02:00
catch (e) {}
2011-06-03 12:14:12 +02:00
return window.screenTop-90;
}
// get the outerWidth of the browser window. For IE we simply return the innerWidth
2021-06-05 20:39:39 +02:00
window.egw_getWindowInnerWidth = function()
{
2021-06-05 20:39:39 +02:00
return window.innerWidth;
}
// get the outerHeight of the browser window. For IE we simply return the innerHeight
2021-06-05 20:39:39 +02:00
window.egw_getWindowInnerHeight = function()
{
2021-06-05 20:39:39 +02:00
return window.innerHeight;
}
// get the outerWidth of the browser window. For IE we simply return the innerWidth
2021-06-05 20:39:39 +02:00
window.egw_getWindowOuterWidth = function()
{
2011-06-03 12:14:12 +02:00
// workaround for Fennec bug https://bugzilla.mozilla.org/show_bug.cgi?format=multiple&id=648250 window.(outerHeight|outerWidth|screenX|screenY) throw exception
try {
2021-06-05 20:39:39 +02:00
return window.outerWidth;
}
2011-06-03 12:14:12 +02:00
catch (e) {}
return egw_getWindowInnerWidth();
}
// get the outerHeight of the browser window. For IE we simply return the innerHeight
2021-06-05 20:39:39 +02:00
window.egw_getWindowOuterHeight = function()
{
2011-06-03 12:14:12 +02:00
// workaround for Fennec bug https://bugzilla.mozilla.org/show_bug.cgi?format=multiple&id=648250 window.(outerHeight|outerWidth|screenX|screenY) throw exception
try {
2021-06-05 20:39:39 +02:00
return window.outerHeight;
}
2011-06-03 12:14:12 +02:00
catch (e) {}
2011-06-03 12:14:12 +02:00
return egw_getWindowInnerHeight();
}
// ie selectbox dropdown menu hack. as ie is not able to resize dropdown menus from selectboxes, we
// read the content of the dropdown menu and present it as popup resized for the user. if the user
// clicks/seleckts a value, the selection is posted back to the origial selectbox
2021-06-05 20:39:39 +02:00
window.dropdown_menu_hack = function(el)
{
if(el.runtimeStyle)
{
if(typeof(enable_ie_dropdownmenuhack) !== 'undefined')
{
if (enable_ie_dropdownmenuhack==1){
}
else
return;
} else {
return;
}
if(el.runtimeStyle.behavior.toLowerCase()=="none"){return;}
el.runtimeStyle.behavior="none";
if (el.multiple ==1) {return;}
if (el.size > 1) {return;}
var ie5 = (document.namespaces==null);
el.ondblclick = function(e)
{
window.event.returnValue=false;
return false;
}
if(window.createPopup==null)
{
var fid = "dropdown_menu_hack_" + Date.parse(new Date());
window.createPopup = function()
{
if(window.createPopup.frameWindow==null)
{
el.insertAdjacentHTML("MyFrame","<iframe id='"+fid+"' name='"+fid+"' src='about:blank' frameborder='1' scrolling='no'></></iframe>");
var f = document.frames[fid];
f.document.open();
f.document.write("<html><body></body></html>");
f.document.close();
f.fid = fid;
var fwin = document.getElementById(fid);
fwin.style.cssText="position:absolute;top:0;left:0;display:none;z-index:99999;";
f.show = function(px,py,pw,ph,baseElement)
{
py = py + baseElement.getBoundingClientRect().top + Math.max( document.body.scrollTop, document.documentElement.scrollTop) ;
px = px + baseElement.getBoundingClientRect().left + Math.max( document.body.scrollLeft, document.documentElement.scrollLeft) ;
fwin.style.width = pw + "px";
fwin.style.height = ph + "px";
fwin.style.posLeft =px ;
fwin.style.posTop = py ;
fwin.style.display="block";
}
2021-06-05 20:39:39 +02:00
f.hide = function(e)
{
if(window.event && window.event.srcElement && window.event.srcElement.tagName && window.event.srcElement.tagName.toLowerCase()=="select"){return true;}
fwin.style.display="none";
}
2021-06-05 20:39:39 +02:00
document.attachEvent("onclick",f.hide);
document.attachEvent("onkeydown",f.hide);
}
return f;
}
}
function showMenu()
{
function selectMenu(obj)
{
var o = document.createElement("option");
o.value = obj.value;
//alert("val"+o.value+', text:'+obj.innerHTML+'selected:'+obj.selectedIndex);
o.text = obj.innerHTML;
o.text = o.text.replace('<NOBR>','');
o.text = o.text.replace('</NOBR>','');
//if there is no value, you should not try to set the innerHTML, as it screws up the empty selection ...
if (o.value != '') o.innerHTML = o.text;
while(el.options.length>0){el.options[0].removeNode(true);}
el.appendChild(o);
el.title = o.innerHTML;
el.contentIndex = obj.selectedIndex ;
el.menu.hide();
if(el.onchange)
{
el.onchange();
}
}
el.menu.show(0 , el.offsetHeight , 10, 10, el);
var mb = el.menu.document.body;
mb.style.cssText ="border:solid 1px black;margin:0;padding:0;overflow-y:auto;overflow-x:auto;background:white;font:12px Tahoma, sans-serif;";
var t = el.contentHTML;
//alert("1"+t);
t = t.replace(/<select/gi,'<div');
//alert("2"+t);
t = t.replace(/<option/gi,'<span');
//alert("3"+t);
t = t.replace(/<\/option/gi,'</span');
//alert("4"+t);
t = t.replace(/<\/select/gi,'</div');
t = t.replace(/<optgroup label=\"([\w\s\wäöüßÄÖÜ]*[^>])*">/gi,'<span value="i-opt-group-lable-i">$1</span>');
t = t.replace(/<\/optgroup>/gi,'<span value="">---</span>');
mb.innerHTML = t;
//mb.innerHTML = "<div><span value='dd:ff'>gfgfg</span></div>";
el.select = mb.all.tags("div")[0];
el.select.style.cssText="list-style:none;margin:0;padding:0;";
mb.options = el.select.getElementsByTagName("span");
for(var i=0;i<mb.options.length;i++)
{
//alert('Value:'+mb.options[i].value + ', Text:'+ mb.options[i].innerHTML);
mb.options[i].selectedIndex = i;
mb.options[i].style.cssText = "list-style:none;margin:0;padding:1px 2px;width/**/:100%;white-space:nowrap;"
if (mb.options[i].value != 'i-opt-group-lable-i') mb.options[i].style.cssText = mb.options[i].style.cssText + "cursor:hand;cursor:pointer;";
mb.options[i].title =mb.options[i].innerHTML;
mb.options[i].innerHTML ="<nobr>" + mb.options[i].innerHTML + "</nobr>";
if (mb.options[i].value == 'i-opt-group-lable-i') mb.options[i].innerHTML = "<b><i>"+mb.options[i].innerHTML+"</b></i>";
if (mb.options[i].value != 'i-opt-group-lable-i') mb.options[i].onmouseover = function()
{
if( mb.options.selected )
{mb.options.selected.style.background="white";mb.options.selected.style.color="black";}
mb.options.selected = this;
this.style.background="#333366";this.style.color="white";
}
mb.options[i].onmouseout = function(){this.style.background="white";this.style.color="black";}
if (mb.options[i].value != 'i-opt-group-lable-i')
{
mb.options[i].onmousedown = function(){selectMenu(this); }
mb.options[i].onkeydown = function(){selectMenu(this); }
}
if(i == el.contentIndex)
{
mb.options[i].style.background="#333366";
mb.options[i].style.color="white";
mb.options.selected = mb.options[i];
}
}
var mw = Math.max( ( el.select.offsetWidth + 22 ), el.offsetWidth + 22 );
mw = Math.max( mw, ( mb.scrollWidth+22) );
var mh = mb.options.length * 15 + 8 ;
var mx = (ie5)?-3:0;
var docW = document.documentElement.offsetWidth ;
var sideW = docW - el.getBoundingClientRect().left ;
if (sideW < mw)
{
//alert(el.getBoundingClientRect().left+' Avail: '+docW+' Mx:'+mx+' My:'+my);
// if it does not fit into the window on the right side, move it to the left
mx = mx -mw + sideW-5;
}
var my = el.offsetHeight -2;
my=my+5;
var docH = document.documentElement.offsetHeight ;
var bottomH = docH - el.getBoundingClientRect().bottom ;
mh = Math.min(mh, Math.max(( docH - el.getBoundingClientRect().top - 50),100) );
if(( bottomH < mh) )
{
mh = Math.max( (bottomH - 12),10);
if( mh <100 )
{
my = -100 ;
}
mh = Math.max(mh,100);
}
self.focus();
el.menu.show( mx , my , mw, mh , el);
if(mb.options.selected)
{
mb.scrollTop = mb.options.selected.offsetTop;
}
window.onresize = function(){el.menu.hide()};
}
function switchMenu()
{
if(event.keyCode)
{
if(event.keyCode==40){ el.contentIndex++ ;}
else if(event.keyCode==38){ el.contentIndex--; }
}
else if(event.wheelDelta )
{
if (event.wheelDelta >= 120)
el.contentIndex++ ;
else if (event.wheelDelta <= -120)
el.contentIndex-- ;
}
else{return true;}
if( el.contentIndex > (el.contentOptions.length-1) ){ el.contentIndex =0;}
else if (el.contentIndex<0){el.contentIndex = el.contentOptions.length-1 ;}
var o = document.createElement("option");
o.value = el.contentOptions[el.contentIndex].value;
o.innerHTML = el.contentOptions[el.contentIndex].text;
while(el.options.length>0){el.options[0].removeNode(true);}
el.appendChild(o);
el.title = o.innerHTML;
}
if(dropdown_menu_hack.menu ==null)
{
dropdown_menu_hack.menu = window.createPopup();
document.attachEvent("onkeydown",dropdown_menu_hack.menu.hide);
}
el.menu = dropdown_menu_hack.menu ;
el.contentOptions = new Array();
el.contentIndex = el.selectedIndex;
el.contentHTML = el.outerHTML;
for(var i=0;i<el.options.length;i++)
{
el.contentOptions [el.contentOptions.length] =
{
"value": el.options[i].value,"text": el.options[i].innerHTML
};
if(!el.options[i].selected){el.options[i].removeNode(true);i--;};
}
el.onkeydown = switchMenu;
el.onclick = showMenu;
el.onmousewheel= switchMenu;
}
}
/**
* Use frameworks (framed template) link handler to open a url
*
* @param _link
* @param _app
* @deprecated use egw(window).link_handler(_link, _app) instead
*/
2021-06-05 20:39:39 +02:00
window.egw_link_handler = function(_link, _app)
{
egw(window).link_handler(_link, _app);
}
/**
* Support functions for uiaccountselection class
*
* @ToDo: should be removed if uiaccountsel class is no longer in use
*/
2021-06-05 20:39:39 +02:00
window.addOption = function(id,label,value,do_onchange)
{
2021-06-05 20:39:39 +02:00
let selectBox = document.getElementById(id);
for (var i=0; i < selectBox.length; i++) {
// check existing entries if they're already there and only select them in that case
if (selectBox.options[i].value == value) {
selectBox.options[i].selected = true;
break;
}
}
if (i >= selectBox.length) {
if (!do_onchange) {
if (selectBox.length && selectBox.options[0].value=='') selectBox.options[0] = null;
selectBox.multiple=true;
selectBox.size=4;
}
selectBox.options[selectBox.length] = new Option(label,value,false,true);
}
if (selectBox.onchange && do_onchange) selectBox.onchange();
}
/**
* @deprecated use egw.file_editor_prefered_mimes()
*/
2021-06-05 20:39:39 +02:00
window.egw_get_file_editor_prefered_mimes = function(_mime)
{
return egw.file_editor_prefered_mimes(_mime);
}
/**
* Install click handlers for popup and multiple triggers of uiaccountselection
*/
jQuery(function(){
jQuery(document).on('click', '.uiaccountselection_trigger',function(){
var selectBox = document.getElementById(this.id.replace(/(_multiple|_popup)$/, ''));
if (selectBox)
{
var link = selectBox.getAttribute('data-popup-link');
if (selectBox.multiple || this.id.match(/_popup$/))
{
window.open(link, 'uiaccountsel', 'width=600,height=420,toolbar=no,scrollbars=yes,resizable=yes');
}
else
{
selectBox.size = 4;
selectBox.multiple = true;
if (selectBox.options[0].value=='') selectBox.options[0] = null;
if (!jQuery(selectBox).hasClass('groupmembers') && !jQuery(selectBox).hasClass('selectbox')) // no popup!
{
this.src = egw.image('search');
this.title = egw.lang('Search accounts');
}
else
{
this.style.display = 'none';
selectBox.style.width = '100%';
}
}
}
});
jQuery(document).on('change', 'select.uiaccountselection',function(e){
if (this.value == 'popup')
{
var link = this.getAttribute('data-popup-link');
window.open(link, 'uiaccountsel', 'width=600,height=420,toolbar=no,scrollbars=yes,resizable=yes');
e.preventDefault();
}
});
});
// IE does not support ES6 therefore we need to use polyfill function
Number.isInteger = Number.isInteger || function(value) {
return typeof value === 'number' &&
isFinite(value) &&
Math.floor(value) === value;
};