KaneAI - World’s First E2E Software Testing Agent.Book a Demo Join TestMu Conference

How to use clearKeyEvents method in Appium Android Driver

Best JavaScript code snippet using appium-android-driver

Generic.js

Source:Generic.js

1ï»¿var _formName = "form1";2var _currentBusyDiv = "";3var _keyEvents = new Array();4var isdrag=false;5var x = 0,y = 0;6var dobj;7var cobj;8var bobj;9var bx = 0, by = 0;10var cx = 0, cy = 0;11var _popEvents = new Array();12var popupControls = new Array();13var _pagePath;14//XML FIX15var BrowserIE = (window.navigator.userAgent.indexOf("MSIE") > 0); //Must be declared here;16if (document.implementation.hasFeature("XPath", "3.0") && !BrowserIE)17{18    if (typeof XMLDocument == "undefined") { XMLDocument = Document; }19    XMLDocument.prototype.selectNodes = function(cXPathString, xNode)20    {21        if (!xNode) { xNode = this; }22        var oNSResolver = this.createNSResolver(this.documentElement)23        var aItems = this.evaluate(cXPathString, xNode, oNSResolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null)24        var aResult = [];25        for (var i = 0; i < aItems.snapshotLength; i++) { aResult[i] = aItems.snapshotItem(i); }26        return aResult;27    }28    XMLDocument.prototype.selectSingleNode = function(cXPathString, xNode)29    {30        if (!xNode) { xNode = this; }31        var xItems = this.selectNodes(cXPathString, xNode);32        if (xItems.length > 0) { return xItems[0]; }33        else { return null; }34    }35    Element.prototype.selectNodes = function(cXPathString)36    {37        if (this.ownerDocument.selectNodes) { return this.ownerDocument.selectNodes(cXPathString, this); }38        else { throw "For XML Elements Only"; }39    }40    Element.prototype.selectSingleNode = function(cXPathString)41    {42        if (this.ownerDocument.selectSingleNode) { return this.ownerDocument.selectSingleNode(cXPathString, this); }43        else { throw "For XML Elements Only"; }44    }45    Element.prototype.__defineGetter__("text",46              function() { return (this.textContent); });47    Element.prototype.__defineSetter__("text",48              function(txt) { this.textContent = txt; });49}50//multi Nodes for xpath 51//old name executeXpathSelectNodes;52function $mn(xmlDocument, xp)53{54    var ResultNodes = xmlDocument.selectNodes(xp);55    return ResultNodes;56}57//Single Node for xpath58//old name executeXpathSingleNode59function $sn(xmlDocument, xp)60{61    var ResultNode = xmlDocument.selectSingleNode(xp);62    return ResultNode;63}64//END XML FIX 65function ActivateGlobalKeys(DivId)66{67    if (DivId != "document")68    {69        $addEvent($id(DivId),"keydown",ExecuteKeyPressEvent);70    }71    else72    {73        $addEvent(document,"keydown",ExecuteKeyPressEvent);74    }75    ClearKeyEvents(); 76}77function AddKeyEvents(Key,Event,Cntrl,DivId)78{79    var cntrl = false;80    81    if (Cntrl != null)82    {83        cntrl = Cntrl;84    }85    86    if (DivId != null)87    {88        ActivateGlobalKeys(DivId)89    }90    _keyEvents[Key] = Event + "|" + cntrl;91}92function ClearKeyEvents()93{94    _keyEvents = new Array();95}96function Key_size(Keys){97    var size = 0;98    for (var i in Keys) {99        if (_keyEvents[i] != null) 100            size ++;101    }102    return size;103}104function GetKeyPressed(e)105{106    if (!e) 107    {108        if (window.event) 109        {110            //Internet Explorer111            e = window.event;112        } 113        else 114        {115            return;116        }117    }118  119    if (typeof( e.keyCode ) == 'number') 120    {121        //DOM122        e = e.keyCode;123    } 124    else if( typeof( e.which ) == 'number' ) 125    {126        //NS 4 compatible127        e = e.which;128    } 129    else if( typeof( e.charCode ) == 'number'  ) 130    {131        //also NS 6+, Mozilla 0.9+132        e = e.charCode;133    } 134    else 135    {136        //total failure, we have no way of obtaining the key code137        return;138    }139    return e;140}141function CheckCtrlKey(e)142{143    var ctrlKeyPressed = false;144    if (!e) 145    {146        if (window.event) 147        {148            //Internet Explorer149            e = window.event;150        } 151        else 152        {153            return;154        }155    }156  157    try158    {159        ctrlKeyPressed =  e.ctrlKey;160    }161    catch(ex)162    {}163    return ctrlKeyPressed;164}165function ExecuteKeyPressEvent(e) 166{167    var validKey = false;168    if (parseInt(Key_size(_keyEvents)) != 0)169    {170        var keypressed = GetKeyPressed(e);171        var ctrlpressed = CheckCtrlKey(e);172        if (_keyEvents[keypressed]) 173        {174            try175            {176                if (_keyEvents[keypressed].split("|")[1] == "true")177                {178                    if (ctrlpressed)179                    {180                        validKey = true; 181                    }182                }183                else184                {185                    validKey = true;186                }187                if (validKey)188                {189                    eval(_keyEvents[keypressed].split("|")[0]);190                    return false;191                }192            }193            catch(ex)194            {}195        }196    }197}198function ExecuteKeyPressEventPopUp(e)199{200    if (parseInt(Key_size(_popEvents)) != 0)201    {202        var keypressed = GetKeyPressed(e) 203        if (_popEvents[keypressed]) 204        {205            try206            {207                eval(_popEvents[keypressed]);208            }209            catch(ex)210            {}211            return false;212        }213    }214}215//document.getElementByID216function $id(id) 217{218	return document.getElementById(id);219}220function $tn(id)221{222    return document.getElementsByName(id);223}224 225// evaluateXPath226// $xpath227function $xpath(aNode, aExpr) 228{229	var xpe = new XPathEvaluator();230	var nsResolver = xpe.createNSResolver(aNode.ownerDocument == null ? aNode.documentElement : aNode.ownerDocument.documentElement);231	var result = aNode.evaluate(aExpr, aNode, null, 0, null);232	var found = [];233	var res;234	while (res = result.iterateNext())235	{236		found.push(res);237    }238	return found;239}240function $SingleNodeMoz(aNode,sXPath)241{242	var xpe = new XPathEvaluator();243    var oResult = xpe.evaluate(sXPath, aNode, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);244    //weird.. oResult is always object..245    if(oResult !=null)246    {247        if(oResult.singleNodeValue != null)248        {249            return oResult;250        }251        else252        {253           return null;254        }255    }256    else257    {258        return null;259    }260    /*if (oResult != null) 261    {262		return oResult;263    } 264    else 265    {266		return null;267    }  */   268}269//create Xml document270//createXMLObject is the old name271function $xml(xmlToLoad)272{273	var xmldoc;274    if (document.implementation && document.implementation.createDocument) 275	{276		var oXML = xmlToLoad;277		var parser = new DOMParser();278		var xmldoc = parser.parseFromString(oXML, "text/xml");279	} 280	else if (window.ActiveXObject) 281    {282		xmldoc = new ActiveXObject("Microsoft.XMLDOM");283        if(xmlToLoad != "")284        {285			xmldoc.loadXML(xmlToLoad);286		} 287	}288	return xmldoc;289}290//get Attribute for xml node 291//pass the xml node  <node surname="">292//AttrToGet to get , ex surname293function $xa(xmlNode,AttrToGet)294{295	if(BrowserIE)296    {297		if(xmlNode !=null)298        {299			return xmlNode.getAttribute(AttrToGet);300        }301        else302        {303			return null;304        }305	}306    else307    {308		//return xmlNode.singleNodeValue.attributes[AttrToGet].nodeValue309	    if(xmlNode == null)310	    {311	        return null;312	    }313	    if(xmlNode.toString() == "[object XPathResult]")314	    {315	    316	        if(xmlNode.singleNodeValue.nodeValue == null)317	        {318	            return null;319	        }320	        else321	        {322	            return xmlNode.singleNodeValue.attributes[AttrToGet].nodeValue;323	        }324	    }325	    else326	    {327	        if(xmlNode.attributes[AttrToGet] == null)328	        {329	            return null;330	        }331	        else332	        {333	            return xmlNode.attributes[AttrToGet].nodeValue;334	        }335	    }336	}337}338//get Attribute for xml node 339//pass the xml node  <node surname="">340//AttrToGet to get , ex surname341function $xaparent(xmlNode,AttrToGet)342{343	if(BrowserIE)344    {345		if(xmlNode !=null)346        {347			return xmlNode.parentNode.getAttribute(AttrToGet);348		}349        else350        {351			return null;352		}353	}354    else355    {356		return xmlNode.singleNodeValue.parentNode.attributes[AttrToGet].nodeValue357    }358}359// old name getTextFromXmlNodeSingle360//returns text from single node 361function $xt(XmlNode)362{363    var ret = "";364    if(BrowserIE)365    {366        ret = XmlNode.childNodes[0].nodeValue;367    }368    else369    {370        ret = XmlNode.singleNodeValue.textContent ; //XmlNode[0].childNodes[0].nodeValue;371    }372    return ret;373}  374// old name replace375// replaces text in a string376function $rep(string, text, by) 377{378    // Replaces text with by in string379    var strLength = string.length;380    var txtLength = text.length;381    382    if ((strLength == 0) || (txtLength == 0)) 383        return string;384    var i = string.indexOf(text);385    386    if ((!i) && (text != string.substring(0, txtLength))) 387        return string;388        389    if (i == -1) 390        return string;391    var newstr = string.substring(0, i) + by;392    if (i + txtLength < strLength)393        newstr += $rep(string.substring(i + txtLength, strLength), text, by);394    return newstr;395}396function $togglePopUp(div, frame, viewState, widthType)397{398	var state = false;399    var IfrRef = $id(frame);400    401   if (IfrRef == null) 402   {403        return;404   }405    IfrRef.style.display = "none";  406    407    div.style.zIndex = 1001;408   	409    if (viewState == "") 410    {411	    if (div.style.display == "none") 412	    {413		    state = true;414	    } 415	    else 416	    {417		    state = false;418	    }    419    }420    else421    {422        if (viewState == "none")423        {424		    state = false;        425        }426        else427        {428	        if (div.style.display == "none") 429	        {430		        state = true;431	        } 432	        else 433	        {434		        state = false;435	        }            436        }437    }438   	if(state)439   	{440        div.style.display = "block";441        if (widthType)442        {443            IfrRef.style.width = div.style.width;444    	    IfrRef.style.height = div.style.height;445    	}446    	else447    	{448    	    IfrRef.style.width = div.clientWidth;449    	    IfrRef.style.height = div.clientHeight;450    	}451    	IfrRef.style.top = div.offsetTop;452    	IfrRef.style.left = div.offsetLeft;453    	IfrRef.style.zIndex = div.style.zIndex - 1;454    	IfrRef.style.display = "block";455    }456   	else457   	{458        div.style.display = "none";459    	IfrRef.style.display = "none";460    	IfrRef.style.width = "0px";461    	IfrRef.style.height = "0px";462    	IfrRef.style.top = 0;463    	IfrRef.style.left = 0;464  	}465}466//popupdiv for view467function doViewPopup(headingText, contentText, viewID)468{469//    busyDivTag();470//    var HeadingText = headingText;471//    var ContentText = contentText;472    var viewText = $id(viewID);473    var viewHeight = viewText.childNodes[0].childNodes[0].offsetHeight;474    var viewWidth = viewText.childNodes[0].childNodes[0].offsetWidth;475    476    if  ((viewHeight == 0) && (viewWidth == 0))477    {478		viewText.style.display = "";479		viewHeight = viewText.childNodes[0].childNodes[0].offsetHeight;480		viewWidth = viewText.childNodes[0].childNodes[0].offsetWidth;481		viewText.style.display = "none";482    }483   484     if  (viewWidth < 500)485    {486        var maintbl  = ReplaceID(viewID, "part_","maintbl_");487        ($id(maintbl)).width = "500px"; 488		viewText.style.display = "";489		viewWidth = viewText.childNodes[0].childNodes[0].offsetWidth;490		viewText.style.width = "500px";491		viewText.style.display = "none";492    } 493//            494//    var screenL = window.screen.availWidth - viewWidth;495//    var screenH = window.screen.availHeight - viewHeight;496//    var top = (screenH/3) +  parseInt(returnScrollDimensions(0)); 497//    var left = (screenL/2) + parseInt(returnScrollDimensions(1));498//    var newDiv = false;499//    var st = "top:" + (parseInt(top) - 40) + "px;z-index:9018;position:absolute;left:" + (parseInt(left) - 50) + "px;width:" + (viewWidth) + "px;height:" + (viewHeight) + "px";500//    501//    viewText.style.cssText = st;502//    503//    var divAlert = "";504//    var divExists = $id("containerView");505//    if(divExists == null)506//    {507//		divAlert = document.createElement("DIV");508//		divAlert.id = "containerView";509//		divAlert.className="dragme";510//        divAlert.attachEvent("onmousedown",selectmouse);511//        divAlert.attachEvent("onmouseup",new Function("isdrag=false"));512//		newDiv= true;513//    }514//    else515//    {516//		newDiv = false;517//		divAlert = test;518//    }519//    520//    var stDiv = "top:" + (parseInt(top) - 80) + "px;z-index:9018;position:absolute;left:" + (parseInt(left) - 60) + "px;width:" + (viewWidth+20) + "px;height:" + (viewHeight+20) + "px";521//    var stIframe = "top:" + (parseInt(top) - 70) + "px;z-index:9017;position:absolute;left:" + (parseInt(left) - 50) + "px;width:" + (viewWidth+5) + "px;height:" + (viewHeight+30) + "px;frameborder=0;";522//    523//    divAlert.style.cssText = "position:absolute;display:none;z-index:9019;" + stDiv;524//    divAlert.innerHTML += '<table id="tblContainerView" cellpadding="0" cellspacing="0" border="0"><tr><td><div id="poptl" class="poptl"></div></td><td><div id="poptc" class="poptc"><div style="font-family:Arial;padding-top:5px;color:White;font-weight:bold;">' + HeadingText + '</div></div></td><td><div id="poptr" class="poptr"></div></td></tr><tr><td><div id="popcl" class="popcl"></div></td><td align="center"><div id="popcc" class="popcc">' + ContentText + '</div></td><td><div id="popcr" class="popcr"></div></td></tr><tr><td><div id="popbl" class="popbl"></div></td><td><div id="popbc" class="popbc"></div></td><td><div id="popbr" class="popbr"></div></td></tr></table>';525//   526//    if(newDiv == true)527//    { 528//        document.body.appendChild(divAlert);529//    }530//    531//    //add iframe532//    var ifr = $id("iframepopup");533//    var table = $id("tblContainerView");534//    var stIf = "top:" + (parseInt(top) - 80) + "px;z-index:9017;position:absolute;left:" + (parseInt(left) - 90) + "px;width:" + (viewWidth+20) + "px;height:" + (viewHeight+20) + "px";535//  536//    $DivSetVisible(true,table,ifr,stIframe);537//    ifr.frameBorder="no";538//    ifr.style.backgroundColor = "green";539//    ifr.className="dragmeIfr"540//    var thediv = "";541//    thediv = document.getElementById("containerView");542//    thediv.style.display = "block";543//    544//    document.getElementById("poptc").style.width=viewWidth+'px';545//    document.getElementById("popcc").style.width=viewWidth+'px';546//    document.getElementById("popbc").style.width=viewWidth+'px';547//    document.getElementById("popcl").style.height=viewHeight+'px';548//    document.getElementById("popcc").style.height=viewHeight+'px';549//    document.getElementById("popcr").style.height=viewHeight+'px';550 551    $showPopup(headingText, contentText, viewID, viewHeight, viewWidth, "", "closeSubForm()", "", "", "", "", "", "", "", "", "");552    showSelectSpecific(viewID);553}554function doViewHidePopup()555{556    HideDisableDiv();557    var thediv = document.getElementById("containerView");558    559    if (thediv != null && thediv != "")560    {561        thediv.style.display = "none";562        thediv.parentNode.removeChild(thediv);563    }564    565}566// Removes leading whitespaces567function $LTrim( value ) 568{569	var re = /\s*((\S+\s*)*)/;570	return value.replace(re, "$1");571}572// Removes ending whitespaces573function $RTrim( value ) 574{575	var re = /((\s*\S+)*)\s*/;576	return value.replace(re, "$1");577}578// Removes leading and ending whitespaces579function $Trim( value ) 580{581	return $LTrim($RTrim(value));582}583//popup for alert in Iframe584function doPopupIframe(headingText, contentText, twidth , theight, btnValue1, fn1, btnValue2, fn2, btnValue3, fn3,zIndexSpec,zID, extraPath, helpID, popupImage)585{586//    if (!extraPath)587//   {588//        extraPath = "";589//   } 590//    //jvz : zIndexSpec is overloaded for popups on each other591//    if(zIndexSpec=="undefined")592//    {593//        busyDivTag();594//    }595//    else596//    {597//         busyDivTag(zIndexSpec,zID);598//    }599//    var HeadingText = headingText;600//    var ContentText = contentText;601//    var divAlert = document.createElement("DIV");602//    var inpValue = "";603//    var strValue = "";604//    var screenL = document.documentElement.offsetWidth - twidth ;605//    var screenH = document.documentElement.offsetHeight - theight;606////   if (infoText.length > 0)607////	{608////	    screenH = screenH - 110;609////	}610////	else611////	{612//	    screenH = screenH - 150;613////	} 614//    var top = (screenH/3) +  parseInt(returnScrollDimensions(0)); 615//    var left = (screenL/2) + parseInt(returnScrollDimensions(1));616//    617//    618////    if (btnValue1 != "")619////    {620////        inpValue += '<input type="button" class="button" id="' + btnValue1 + '" value="' + btnValue1 + '" onclick=' + fn1 + '>&nbsp;';621////    }622////    623////    if (btnValue2 != "")624////    {625////        inpValue += '<input type="button" class="button" id="' + btnValue2 + '" value="' + btnValue2 + '" onclick=' + fn2 + '>&nbsp;';626////    }627////    628////    if (btnValue3 != "")629////    {630////        inpValue += '<input type="button" class="button" id="' + btnValue3 + '" value="' + btnValue3 + '" onclick=' + fn3 + '>';631////    }632////    633////    strValue = inpValue;634// 635    var buttonvalues = btnValue1 + "âº" +  fn1 ;636   if (btnValue2.length > 0)637   { 638        buttonvalues += "âº" +  btnValue2 + "âº" +  fn2 ;639   } 640   if (btnValue3.length > 0)641   {642        buttonvalues += "âº" +  btnValue3 + "âº" +  fn3 ;643   }644    645//    var stDiv = "top:" + parseInt(top - 5) + "px;left:" + parseInt(left  -5) + "px;width:" + parseInt(twidth  + 10) + "px;height:" + parseInt(theight + 10) + "px;"646//    647//    divAlert.style.cssText = "position:absolute;display:none;z-index:10020;" + stDiv;648//    //divAlert.innerHTML += '<table id="tblContainer" cellpadding="0" cellspacing="0"><tr><td><div id="poptlA" class="poptl"></div></td><td><div id="poptcA" class="poptc"><div valign="middle" align="left" class="smllabelboldwhite" style="font-family:Arial;padding-top:15px;color:White;font-weight:bold;">' + HeadingText + '</div></div></td><td><div id="poptrA" class="poptr"></div></td></tr><tr><td><div id="popclA" class="popcl"></div></td><td align="center"><div id="popccA" class="popcc"><table cellspacing="0" cellpadding="0" style="font-family:Arial;padding-top:15px;font-size:12px;"><tr><td>' + ContentText + '</td></tr><tr><td align="right">' + strValue + '</td></tr></table></div></td><td><div id="popcrA" class="popcr"></div></td></tr><tr><td><div id="popblA" class="popbl"></div></td><td><div id="popbcA" class="popbc"></div></td><td><div id="popbrA" class="popbr"></div></td></tr></table>';649//   divAlert.innerHTML += generatePopupHTML('tblContainer', HeadingText, '',  ContentText, buttonvalues, theight, twidth, '', '', "","",  extraPath);650//    divAlert.className="dragme";651//    divAlert.onmousedown=selectmouse;652//    divAlert.onmouseup=new Function("isdrag=false");    653//    divAlert.id = "container";654//        655//    document.body.appendChild(divAlert);656//    657//    //add iframe658//    //var ifr = $id("iframepopup");659//    var ifr = document.createElement("IFRAME");660//    ifr.id = "iframepopups"661//    ifr.frameBorder = "0";662//    ifr.className="dragmeIfr";663//    var table = $id("tblContainer");664//    //var st = "width:" + twidth + "px; height:" + theight + "px;";665//    var st = "top:" + parseInt(top) + "px;z-index:10019;position:absolute;left:" + parseInt(left) + "px;width:" + (twidth) + "px;height:" + (theight) + "px";666//    667//    divAlert.parentElement.appendChild(ifr);668//     669//    $DivSetVisible(true,table,ifr,st);670// 671//    var thediv = document.getElementById("container");672//    thediv.style.display = "block";673//        674////    document.getElementById("poptcA").style.width=twidth+'px';675////    document.getElementById("popccA").style.width=twidth+'px';676////    document.getElementById("popbcA").style.width=twidth+'px';677////    document.getElementById("popclA").style.height=theight+'px';678////    document.getElementById("popccA").style.height=theight+'px';679////    document.getElementById("popcrA").style.height=theight+'px';680if (!popupImage)681{682    popupImage = "";683}684if (!helpID)685{686    helpID = "";687}688    $showPopup(headingText, contentText, "", theight, twidth, "", "doHidePopup()", buttonvalues, zIndexSpec, zID, extraPath, "", helpID, "", "",popupImage)689}690//folowing two functions are used to make the popups dragable691function movemouse(e)692{693    var obj = null;694    var i = true;695   var eventclientX = event.clientX;696   var eventclientY = event.clientY; 697    if (isdrag)698    {699    //checks if the window has content ie. which type of popup?700        if(dobj != null)701        {702            dobj.style.left = parseInt(tx) + parseInt(eventclientX) - parseInt(x);703            dobj.style.top  = parseInt(ty) + parseInt(eventclientY) - parseInt(y);704            obj = dobj;705         }706         else if(bobj != null)707        {708            bobj.style.left = parseInt(tx) + parseInt(eventclientX) - parseInt(x);709            bobj.style.top  = parseInt(ty) + parseInt(eventclientY) - parseInt(y);710            obj = bobj;711          }712         713         if (obj != null)714         { 715            while(i==true)716            {717                if(obj.className!="dragmeIfr")718                {719                     if (obj.nextSibling != null)720                    {721                        obj = obj.nextSibling;722                    }723                    else724                    {725                        return false;726                    }727                }728                else729                {730                    i = false;731                }732            }733            if (obj != null)734            {735                obj.style.left = parseInt(tx) + parseInt(eventclientX) - parseInt(x) +12;736                obj.style.top = parseInt(ty) + parseInt(eventclientY) - parseInt(y) +22;737            }738             if (cobj != null)739            { 740                if (isNaN(cx)) cx = 0;741                if (isNaN(cy)) cy = 0;742                         743                cobj.style.left = parseInt(cx) + parseInt(eventclientX) - parseInt(x);744                cobj.style.top = parseInt(cy) + parseInt(eventclientY) - parseInt(y);745               746            }747            return false;748        }749    }750   751}752function selectmouse(e) 753{754    cobj = popupControls[popupControls.length-1];755  var fobj = event.srcElement; 756  var topelement = "BODY";757  var aobj = event.srcElement;758  759  if ((fobj != null) && (aobj != null))760  {761      while (fobj.tagName != topelement && fobj.className!="dragme")762      {763            fobj = fobj.parentElement;764      }765      while(aobj.tagName != topelement && aobj.className!="dragmain")766      {767        aobj=aobj.parentElement;768      } 769      if (fobj.className=="dragme")770      {771        aobj=null;772        bobj=null;773        isdrag = true;774        dobj = fobj;775        tx = parseInt(dobj.style.left+0);776        ty = parseInt(dobj.style.top+0);777        x = event.clientX;778        y = event.clientY;779        if (cobj)780        {781            cx = parseInt(cobj.style.left);782            cy = parseInt(cobj.style.top);783        }784        document.onmousemove=movemouse;785        return false;786      }787      if (aobj.className == "dragmain")788      {789        fobj = null;790        dobj = null;791        bobj = aobj;792        isdrag = true;793        tx = parseInt(bobj.style.left+0);794        ty = parseInt(bobj.style.top+0);795        x = event.clientX;796        y = event.clientY;797        if (cobj)798        {799            cx = parseInt(cobj.style.left);800            cy = parseInt(cobj.style.top);801        }802        document.onmousemove=movemouse;803        return false;  804      }805    }806}807//popup for alert808function doPopup(headingText, contentText, twidth , theight, btnValue1, fn1, btnValue2, fn2, btnValue3, fn3,zIndexSpec,zID, extraPath, helpID, popupImage)809{810//    //jvz : zIndexSpec is overloaded for popups on each other811//    if(zIndexSpec=="undefined")812//    {813//        busyDivTag();814//    }815//    else816//    {817//         busyDivTag(zIndexSpec,zID);818//    }819//    var HeadingText = headingText;820//    var ContentText = contentText;821//    var divAlert ;//= document.createElement("DIV");822//    var inpValue = "";823//    var strValue = "";824//    var screenL = window.screen.availWidth - twidth ;825//    var screenH = window.screen.availHeight - theight;826//   //   if (infoText.length > 0)827////	{828////	    screenH = screenH - 110;829////	}830////	else831////	{832//	    screenH = screenH - 150;833////	}  834//    var top = (screenH/3) +  parseInt(returnScrollDimensions(0)); 835//    var left = (screenL/2) + parseInt(returnScrollDimensions(1));836//    837//    838////    if (btnValue1 != "")839////    {840////        if (fn1.split("|")[1] != null)841////        {842////            _popEvents[fn1.split("|")[1]] = fn1.split("|")[0];843////            fn1 = fn1.split("|")[0];            844////        }845////        inpValue += '<input type="button" class="button" id="' + btnValue1 + '" value="' + btnValue1 + '" onclick=' + fn1 + '>&nbsp;';846////    }847////    848////    if (btnValue2 != "")849////    {850////        if (fn2.split("|")[1] != null)851////        {852////            _popEvents[fn2.split("|")[1]] = fn2.split("|")[0];853////            fn2 = fn2.split("|")[0];            854////        }    855////        inpValue += '<input type="button" class="button" id="' + btnValue2 + '" value="' + btnValue2 + '" onclick=' + fn2 + '>&nbsp;';856////    }857////    858////    if (btnValue3 != "")859////    {860////        if (fn3.split("|")[1] != null)861////        {862////            _popEvents[fn3.split("|")[1]] = fn3.split("|")[0];863////            fn3 = fn3.split("|")[0];            864////        }    865////        inpValue += '<input type="button" class="button" id="' + btnValue3 + '" value="' + btnValue3 + '" onclick=' + fn3 + '>';866////    }867////    868////    strValue = inpValue;869//    870//    var stDiv = "top:" + parseInt(top-5) + "px;left:" + parseInt(left-5) + "px;width:" + parseInt(twidth+10) + "px;height:" + parseInt(theight+10) + "px;"871//    872//   if ($id("container"))873//   {874//        divAlert = ($id("container"));875//   }876//   else877//   {878//       divAlert = document.createElement("DIV"); 879//       divAlert.id = "container";880//       divAlert.className = "dragmain";881//       divAlert.attachEvent("onmousedown",selectmouse);882//       divAlert.attachEvent("onmouseup",new Function("isdrag=false"));883//       divAlert.attachEvent("onkeydown",ExecuteKeyPressEventPopUp);884//       document.body.appendChild(divAlert);885//   } 886//    887//    888    var buttonvalues = btnValue1 + "âº" +  fn1 ;889   if (btnValue2.length > 0)890   { 891        buttonvalues += "âº" +  btnValue2 + "âº" +  fn2 ;892   } 893   if (btnValue3.length > 0)894   {895        buttonvalues += "âº" +  btnValue3 + "âº" +  fn3 ;896   }897//    //divAlert.innerHTML = '<table id="tblContainer" cellpadding="0" cellspacing="0"><tr><td><div id="poptlA" class="poptl" /></td><td><div id="poptcA" class="poptc"><div valign="middle" align="left" class="smllabelboldwhite" style="font-family:Arial;padding-top:15px;color:White;font-weight:bold;">' + HeadingText + '</div></div></td><td><div id="poptrA" class="poptr" /></td></tr><tr><td><div id="popclA" class="popcl" /></td><td align="center"><div id="popccA" class="popcc"><table cellspacing="0" cellpadding="0" style="font-family:Arial;padding-top:2px;font-size:12px;"><tr><td><div style="overflow:auto;"><table cellspacing="0" cellpadding="0"><tr><td>' + ContentText + '</td></tr></table></div></td></tr><tr><td align="right">' + strValue + '</td></tr></table></div></td><td><div id="popcrA" class="popcr" /></td></tr><tr><td><div id="popblA" class="popbl" /></td><td><div id="popbcA" class="popbc" /></td><td><div id="popbrA" class="popbr" /></td></tr></table>';898//   divAlert.innerHTML = generatePopupHTML('tblContainer',HeadingText, '', ContentText, buttonvalues, theight, twidth, '', '');899//   divAlert.style.cssText = "position:absolute;display:none;z-index:10020;" + stDiv;900//            901//    //add iframe902//    //var ifr = $id("iframepopup");903//   var ifr;904//   if ($id("iframepopups"))905//   {906//     ifr = ($id("iframepopups"));907//   } 908//   else909//   {910//     ifr = document.createElement("IFRAME");911//     ifr.id = "iframepopups"912//     ifr.className="dragmeIfr";913//     divAlert.parentElement.appendChild(ifr);914//    }915//    ifr.frameBorder = "0";916//    var table = $id("tblContainer");917//    //var st = "width:" + twidth + "px; height:" + theight + "px;";918//    //var st = "top:" + parseInt(top + 10) + "px;z-index:10019;position:absolute;left:" + parseInt(left + 8) + "px;width:" + parseInt(twidth) + "px;height:" + parseInt(theight) + "px";919//   var st = "top:" + parseInt(top) + "px;z-index:10019;position:absolute;left:" + parseInt(left) + "px;width:" + parseInt(twidth-5) + "px;height:" + parseInt(theight-5) + "px"; 920//     921//    $DivSetVisible(true,table,ifr,st);922// 923//    var thediv = document.getElementById("container");924//    thediv.style.display = "block";925//        //divAlert.style.display = "block";926//        927////    document.getElementById("poptcA").style.width=twidth+'px';928////    document.getElementById("popccA").style.width=twidth+'px';929////    document.getElementById("popbcA").style.width=twidth+'px';930////    document.getElementById("popclA").style.height=theight+'px';931////    document.getElementById("popccA").style.height=theight+'px';932////    document.getElementById("popcrA").style.height=theight+'px';933//    divAlert.focus();934    if (!popupImage)935   {936        popupImage = "";937   } 938   if (!helpID)939   {940        helpID = "";941   }942   943   //if zIndex is specified, and the closefunction is not changed, the relevant busydiv is never hidden944   var closeFunction = "doHidePopup()";945   try946   {947       if (zID.length > 0)948       {949            closeFunction = "doHidePopup('" + zID +  "');"950       }951   }952   catch(error)953   {954   }955   956    $showPopup(headingText, contentText, "", theight, twidth, "", closeFunction, buttonvalues,   zIndexSpec, zID , extraPath,"", helpID, "", "", popupImage)       957}958function doHidePopup(ControlID, doHideSpecify)959{960    if (!ControlID)961   {962        ControlID = "";963   } 964   965   if (ControlID.length > 0)966   { 967        HideDisableDiv("busy_" + ControlID); 968        HideDisableDiv( ControlID); 969   }970   else971   { 972       HideDisableDiv();973   }974    var thediv = document.getElementById("container" + ControlID);975   if (!thediv)976   {977        ControlID = "";978        thediv = document.getElementById("container" + ControlID);979   } 980//    $removeEvent(thediv, "mousedown", selectmouse);981//    $removeEvent(thediv, "mouseup", new Function("isdrag=false"));982//    $removeEvent(thediv, "keydown", ExecuteKeyPressEventPopUp) ;   983    popupControls.pop(); 984   985//      var oldControl = popupControls[popupControls.length-1];986//      if (oldControl)987//      {988//        $addEvent(oldControl, "mousedown", selectmouse);989//        $addEvent(oldControl, "mouseup", new Function("isdrag=false"));990//        $addEvent(oldControl, "keydown", ExecuteKeyPressEventPopUp) ;  991//      992//         if ($id("container"+ oldControl.id))993//          {994//            oldControl = ($id("container"+ oldControl.id));995//            $addEvent(oldControl, "mousedown", selectmouse);996//            $addEvent(oldControl, "mouseup", new Function("isdrag=false"));997//            $addEvent(oldControl, "keydown", ExecuteKeyPressEventPopUp) ;  998//         } 999//     } 1000    1001    var ifr = window.parent.document.getElementById("iframepopups" + ControlID) != null ? window.parent.document.getElementById("iframepopups" + ControlID) : document.getElementById("iframepopups" + ControlID);1002    1003    if (thediv != null && thediv != "")1004    {1005//        var ifr = $id("iframepopup");1006//        ifr.style.display = "none";1007        var ifr = window.document.getElementById("iframepopups" + ControlID);1008        if (ifr)1009        {1010            ifr.style.display = "none";1011            ifr.parentNode.removeChild(ifr);1012        }1013        thediv.style.display = "none";1014        thediv.parentNode.removeChild(thediv);1015    }1016   1017   if (ControlID.length > 0)1018   {1019        if ($id(ControlID))1020        {1021            ($id(ControlID)).style.display = "none";1022        }1023   } 1024//   if ((doHideSpecify != "false") || (doHideSpecify == null))1025  if ((doHideSpecify != "false"))1026   {1027        hidePWait(); 1028    }1029}1030//get Scrolling values for all browsers1031function returnScrollDimensions(which) 1032{1033    //if which = 1 return x, if which = 0 return y1034    var scrOfX = 0, scrOfY = 0;1035    var d = document;1036    if( typeof( window.pageYOffset ) == 'number' ) 1037    {1038        //Netscape compliant1039        scrOfY = window.pageYOffset;1040        scrOfX = window.pageXOffset;1041    } 1042    else if ( document.body  && ( document.body.scrollLeft || document.body.scrollTop ) ) 1043    {1044        //DOM compliant1045        scrOfY = document.body.scrollTop;1046        scrOfX = document.body.scrollLeft;1047    } 1048    else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) 1049    {1050        //IE6 standards compliant mode1051        scrOfY = document.documentElement.scrollTop;1052        scrOfX = document.documentElement.scrollLeft;1053    }1054    if(which) 1055    {1056        return scrOfX;1057    } 1058    else 1059    {1060        return scrOfY;1061    }1062}	1063//do popup control1064function $doControlPopup(headingText, contentText, controlID, closeBtn, closeBtnFn, pathExtra)1065{1066//    if (!pathExtra)1067//   {1068//        pathExtra = "";1069//   } 1070//    _controlID = controlID1071//    var HeadingText = headingText;1072//    var ContentText = contentText;1073//    var newDiv = false;1074//    var headerClose = "";1075//    var headerMain = "";1076//    var controlText = $id(controlID);1077//    controlText.style.display = "block";1078//    1079//    var controlValue = "";1080//    var controlHeight = (parseInt(controlText.style.height.replace("px","")));1081//    var controlWidth = (parseInt(controlText.style.width.replace("px","")));1082//    1083//    if ((controlHeight == "") || isNaN(controlHeight))1084//		controlHeight = controlText.offsetHeight;1085//		1086//    if ((controlWidth == "") || isNaN(controlWidth))1087//		controlWidth = controlText.offsetWidth;	1088//		1089//	var screenL = window.screen.availWidth - controlWidth ;1090//    var screenH = window.screen.availHeight - controlHeight;1091////   if (infoText.length > 0)1092////	{1093////	    screenH = screenH - 110;1094////	}1095////	else1096////	{1097//	    screenH = screenH - 150;1098////	} 1099//    var top = (screenH/3) +  parseInt(returnScrollDimensions(0)); 1100//    var left = (screenL/2) + parseInt(returnScrollDimensions(1));1101//    var divAlert = "";1102//    var divExists = $id("containerControl" + controlID); 1103//   //control style 1104//    //var st = "top:" + (parseInt(top) - parseInt(35)) + "px;" + "position:absolute;left:" + (parseInt(left)+ parseInt(25))  + "px;width:"+(parseInt(controlWidth)) + "px;height:"+(parseInt(controlHeight))+"px;";1105//   //70 as dit infotext bevat1106//   //var st = "top:" + (parseInt(top) + parseInt(70)) + "px;" + "position:absolute;left:" + (parseInt(left)+ parseInt(5))  + "px;width:"+(parseInt(controlWidth)) + "px;height:"+(parseInt(controlHeight+10))+"px;"; 1107//   //40 as daar nie info is nie1108//   var st = "top:" + (parseInt(top) + parseInt(40)) + "px;" + "position:absolute;left:" + (parseInt(left) + parseInt(2))  + "px;width:"+(parseInt(controlWidth)) + "px;height:"+(parseInt(controlHeight ))+"px;"; 1109//    1110//    if (controlText.style.zIndex == "")1111//    {1112//         st += "z-index:9020;";1113//    }1114//    else1115//    {1116//        st += "z-index:" + controlText.style.zIndex + ";";1117//    }1118//    1119//    if(divExists == null)1120//    {1121//		divAlert = document.createElement("DIV");1122//		divAlert.id = "containerControl" + controlID;1123//		divAlert.className = "dragme";1124//		divAlert.attachEvent("onmousedown",selectmouse);1125//        divAlert.attachEvent("onmouseup",new Function("isdrag=false"));1126//		newDiv= true;1127//    }1128//    else1129//    {1130//		return;1131//    }1132//    1133//    controlText.style.cssText = "";1134//    controlText.style.cssText = st;1135//    1136//   //div se style 1137//    var stDiv = "top:" + (parseInt(top) +parseInt(2)) + "px;" + "position:absolute;left:" + (parseInt(left) +  parseInt(2))  + "px;width:"+(parseInt(controlWidth )) + "px;height:"+(parseInt(controlHeight) )+"px;";1138//   //iframe se style 1139//    //var stMain = "top:" + (parseInt(top) - parseInt(60)) + "px;" + "position:absolute;left:" + (parseInt(left)+ parseInt(25))  + "px;width:"+(parseInt(controlWidth)) + "px;height:"+(parseInt(controlHeight)+20)+"px;";1140//   var stMain = "top:" + (parseInt(top) + parseInt(2)) + "px;" + "position:absolute;left:" + (parseInt(left) + parseInt(2))  + "px;width:"+(parseInt(controlWidth - 12)) + "px;height:"+(parseInt(controlHeight) - 4)+"px;"; 1141//    1142//    var currentIndex = controlText.style.zIndex;    1143//    stDiv += "z-index:" + (parseInt(currentIndex)-1) + ";";    1144//    stMain += "z-index:" + (parseInt(currentIndex)-2) + ";";1145//    busyDivTag((parseInt(currentIndex)-3), "busy_" + controlID);1146//    1147//    if (closeBtn != false)1148//    {1149//        headerClose = '<img id="btnClose' + controlID +  '" src="../images/clear.GIF" style="width:15px;height:15px;cursor:hand;">'1150//    }1151//    1152//    //headerMain = '<table cellspacing="0" cellpadding="0" style="table-layout:fixed;"><tr><td valign="middle" align="left" class="smllabelboldwhite"><nobr>' + headingText + '</td><td align="right" style="width:15px;">' + headerClose + '</td></tr></table>';1153//    1154//    divAlert.style.cssText = "";1155//    divAlert.style.cssText = "position:absolute;display:none;" + stDiv;1156//    //divAlert.innerHTML += '<table id="tblContainerControl' + controlID + '" cellpadding="0" cellspacing="0" border="0"><tr><td><div id="poptl' + controlID + '" class="poptl"></div></td><td><div id="poptc' + controlID + '" class="poptc"><div style="font-family:Arial;padding-top:15px;color:White;font-weight:bold; width:100%;">' + headerMain + '</div></div></td><td><div id="poptr' + controlID + '" class="poptr"></div></td></tr><tr><td><div id="popcl' + controlID + '" class="popcl"></div></td><td align="center"><div align="center" id="popcc' + controlID + '" class="popcc">' + controlValue + '</div></td><td><div id="popcr' + controlID + '" class="popcr"></div></td></tr><tr><td><div id="popbl' + controlID + '" class="popbl"></div></td><td><div id="popbc' + controlID + '" class="popbc"></div></td><td><div id="popbr' + controlID + '" class="popbr"></div></td></tr></table>';1157//   var closeName = "btnClose" + controlID ;1158//   divAlert.innerHTML += generatePopupHTML('tblContainerControl' + controlID, headingText, '', controlValue, '', controlHeight + 'px', controlWidth + 'px', closeName, closeBtnFn,'','',pathExtra) 1159//    1160//    if(newDiv == true)1161//    { 1162//        //mozilla 1163//        //controlText.parentElement.appendChild(divAlert);1164//        controlText.parentNode.appendChild(divAlert);1165//    }1166//    1167//    //add iframe1168//    var ifr = document.createElement("IFRAME");1169//    ifr.id = "containerframe" + controlID;1170//    ifr.className = "dragmeIfr";1171//    ifr.style.cssText = "";1172//    ifr.style.cssText = "display: none;position:absolute";1173//    1174//    //Jaco Lubbe - Verander vir die property grid se popup1175//    //document.body.appendChild(ifr);1176//   //mozilla 1177//    //controlText.parentElement.appendChild(ifr);1178//   controlText.parentNode.appendChild(ifr); 1179//    1180//    1181//    var table = $id("tblContainerControl" + controlID);1182//    1183//    $DivSetVisible(true,table,ifr,stMain);1184//    1185//    var thediv = "";1186//    var divID = $id("containerControl" + controlID);1187//    thediv = divID;1188//    thediv.style.display = "block";1189//    1190////    $id("poptc" + controlID).style.width=controlWidth+'px';1191////    $id("popcc" + controlID).style.width=controlWidth+'px';1192////    $id("popbc" + controlID).style.width=controlWidth+'px';1193////    $id("popcl" + controlID).style.height=controlHeight+'px';1194////    $id("popcc" + controlID).style.height=controlHeight+'px';1195////    $id("popcr" + controlID).style.height=controlHeight+'px';1196//    1197//    if (closeBtnFn != "") 1198//		document.getElementById("btnClose" + controlID).attachEvent("onclick", closeBtnFn);1199    //$showPopup(headingText, contentText, controlID, "", "", "", "doHidePopup()", "", "", "", pathExtra, "", "", "", "")1200   $showPopup(headingText, contentText, controlID, "", "", "", "doHidePopup()", "", "", "", pathExtra, "", "", "", "");1201    showSelectSpecific(controlID);	    	1202}1203function $doControlPopupDetail(headingText, contentText, infoText, controlID, buttons, closeBtn, closeBtnFn, pathExtra, helpID, popupImage)1204{1205//    if (!pathExtra)1206//   {1207//        pathExtra = "";1208//   } 1209//    _controlID = controlID1210//    var HeadingText = headingText;1211//    var ContentText = contentText;1212//    var newDiv = false;1213//    var headerClose = "";1214//    var headerMain = "";1215//    var controlText = $id(controlID);1216//    controlText.style.display = "block";1217//    1218//    var controlValue = "";1219//    var controlHeight = (parseInt(controlText.style.height.replace("px","")));1220//    var controlWidth = (parseInt(controlText.style.width.replace("px","")));1221//    1222//    if ((controlHeight == "") || isNaN(controlHeight))1223//		controlHeight = controlText.offsetHeight;1224//		1225//    if ((controlWidth == "") || isNaN(controlWidth))1226//		controlWidth = controlText.offsetWidth;	1227//		1228//	var screenL = window.screen.availWidth - controlWidth ;1229//	var screenH = window.screen.availHeight - controlHeight;1230//	if (infoText.length > 0)1231//	{1232//	    screenH = screenH - 110;1233//	}1234//	else1235//	{1236//	    screenH = screenH - 150;1237//	}1238//    var top = (screenH/3) +  parseInt(returnScrollDimensions(0)); 1239//    var left = (screenL/2) + parseInt(returnScrollDimensions(1));1240//    var divAlert = "";1241//    var divExists = $id("containerControl" + controlID); 1242//   //control style 1243//    //var st = "top:" + (parseInt(top) - parseInt(35)) + "px;" + "position:absolute;left:" + (parseInt(left)+ parseInt(25))  + "px;width:"+(parseInt(controlWidth)) + "px;height:"+(parseInt(controlHeight))+"px;";1244//   //70 as dit infotext bevat1245//   var st = "";1246//   if (infoText.length > 0)1247//   {1248//    st = "top:" + (parseInt(top) + parseInt(70)) + "px;" + "position:absolute;left:" + (parseInt(left)+ parseInt(5))  + "px;width:"+(parseInt(controlWidth)) + "px;height:"+(parseInt(controlHeight+10))+"px;"; 1249//   }1250//   else1251//   {1252//   //40 as daar nie info is nie1253//    st = "top:" + (parseInt(top) + parseInt(40)) + "px;" + "position:absolute;left:" + (parseInt(left) + parseInt(2))  + "px;width:"+(parseInt(controlWidth)) + "px;height:"+(parseInt(controlHeight ))+"px;"; 1254//   }1255//    1256//    if (controlText.style.zIndex == "")1257//    {1258//         st += "z-index:9020;";1259//    }1260//    else1261//    {1262//        st += "z-index:" + controlText.style.zIndex + ";";1263//    }1264//    1265//    if(divExists == null)1266//    {1267//		divAlert = document.createElement("DIV");1268//		divAlert.id = "containerControl" + controlID;1269//		divAlert.className = "dragme";1270//		divAlert.attachEvent("onmousedown",selectmouse);1271//        divAlert.attachEvent("onmouseup",new Function("isdrag=false"));1272//		newDiv= true;1273//    }1274//    else1275//    {1276//		return;1277//    }1278//    1279//    controlText.style.cssText = "";1280//    controlText.style.cssText = st;1281//    1282//   //div se style 1283//    var stDiv = "top:" + (parseInt(top) +parseInt(2)) + "px;" + "position:absolute;left:" + (parseInt(left) +  parseInt(2))  + "px;width:"+(parseInt(controlWidth )) + "px;height:"+(parseInt(controlHeight) )+"px;";1284//   //iframe se style 1285//    //var stMain = "top:" + (parseInt(top) - parseInt(60)) + "px;" + "position:absolute;left:" + (parseInt(left)+ parseInt(25))  + "px;width:"+(parseInt(controlWidth)) + "px;height:"+(parseInt(controlHeight)+20)+"px;";1286//   var stMain = "top:" + (parseInt(top) + parseInt(2)) + "px;" + "position:absolute;left:" + (parseInt(left) + parseInt(2))  + "px;width:"+(parseInt(controlWidth - 12)) + "px;height:"+(parseInt(controlHeight) - 4)+"px;"; 1287//    1288//    var currentIndex = controlText.style.zIndex;    1289//    stDiv += "z-index:" + (parseInt(currentIndex)-1) + ";";    1290//    stMain += "z-index:" + (parseInt(currentIndex)-2) + ";";1291//    busyDivTag((parseInt(currentIndex)-3), "busy_" + controlID);1292//    1293//    if (closeBtn != false)1294//    {1295//        headerClose = '<img id="btnClose' + controlID +  '" src="../images/clear.GIF" style="width:15px;height:15px;cursor:hand;">'1296//    }1297//    1298//    //headerMain = '<table cellspacing="0" cellpadding="0" style="table-layout:fixed;"><tr><td valign="middle" align="left" class="smllabelboldwhite"><nobr>' + headingText + '</td><td align="right" style="width:15px;">' + headerClose + '</td></tr></table>';1299//    1300//    divAlert.style.cssText = "";1301//    divAlert.style.cssText = "position:absolute;display:none;" + stDiv;1302//    //divAlert.innerHTML += '<table id="tblContainerControl' + controlID + '" cellpadding="0" cellspacing="0" border="0"><tr><td><div id="poptl' + controlID + '" class="poptl"></div></td><td><div id="poptc' + controlID + '" class="poptc"><div style="font-family:Arial;padding-top:15px;color:White;font-weight:bold; width:100%;">' + headerMain + '</div></div></td><td><div id="poptr' + controlID + '" class="poptr"></div></td></tr><tr><td><div id="popcl' + controlID + '" class="popcl"></div></td><td align="center"><div align="center" id="popcc' + controlID + '" class="popcc">' + controlValue + '</div></td><td><div id="popcr' + controlID + '" class="popcr"></div></td></tr><tr><td><div id="popbl' + controlID + '" class="popbl"></div></td><td><div id="popbc' + controlID + '" class="popbc"></div></td><td><div id="popbr' + controlID + '" class="popbr"></div></td></tr></table>';1303//   var closeName = "btnClose" + controlID ;1304//   divAlert.innerHTML += generatePopupHTML('tblContainerControl' + controlID, headingText, infoText, controlValue, buttons, controlHeight + 'px', controlWidth + 'px', closeName, closeBtnFn, "","", pathExtra) 1305//    1306//    if(newDiv == true)1307//    { 1308//        //mozilla 1309//        //controlText.parentElement.appendChild(divAlert);1310//        controlText.parentNode.appendChild(divAlert);1311//    }1312//    1313//    //add iframe1314//    var ifr = document.createElement("IFRAME");1315//    ifr.id = "containerframe" + controlID;1316//    ifr.className = "dragmeIfr";1317//    ifr.style.cssText = "";1318//    ifr.style.cssText = "display: none;position:absolute";1319//    1320//    //Jaco Lubbe - Verander vir die property grid se popup1321//    //document.body.appendChild(ifr);1322//   //mozilla 1323//    //controlText.parentElement.appendChild(ifr);1324//   controlText.parentNode.appendChild(ifr); 1325//    1326//    1327//    var table = $id("tblContainerControl" + controlID);1328//    1329//    $DivSetVisible(true,table,ifr,stMain);1330//    1331//    var thediv = "";1332//    var divID = $id("containerControl" + controlID);1333//    thediv = divID;1334//    thediv.style.display = "block";1335//    1336////    $id("poptc" + controlID).style.width=controlWidth+'px';1337////    $id("popcc" + controlID).style.width=controlWidth+'px';1338////    $id("popbc" + controlID).style.width=controlWidth+'px';1339////    $id("popcl" + controlID).style.height=controlHeight+'px';1340////    $id("popcc" + controlID).style.height=controlHeight+'px';1341////    $id("popcr" + controlID).style.height=controlHeight+'px';1342//    1343//    //if (closeBtnFn != "") 1344//	//	document.getElementById("btnClose" + controlID).attachEvent("onclick", closeBtnFn);1345    if (!helpID)1346   {1347        helpID = "";1348   } 1349   if (!popupImage)1350   {1351        popupImage = "";1352   }1353   if (!infoText)1354   {1355        infoText = "";1356   }1357    $showPopup(headingText, contentText, controlID, "", "", "", closeBtnFn, buttons, "", "", pathExtra, infoText, helpID, "", "", popupImage);1358    showSelectSpecific(controlID);	    	1359}1360function $doHideControlPopup(controlID)1361{1362    doHidePopup(controlID);1363//    var thediv = $id("containerControl" + controlID);1364//    var theControlID = $id(controlID);1365    var thediv = window.parent.document.getElementById("containerControl" + controlID) != null ? window.parent.document.getElementById("containerControl" + controlID) : document.getElementById("containerControl" + controlID);1366    var theControlID = window.parent.document.getElementById(controlID) != null ? window.parent.document.getElementById(controlID) : document.getElementById(controlID);1367    1368    if (thediv != null && thediv != "")1369    {1370        theControlID.style.display = "none";1371//        var ifr = $id("containerframe" + controlID);1372        var ifr = window.parent.document.getElementById("containerframe" + controlID) != null ? window.parent.document.getElementById("containerframe" + controlID) : document.getElementById("containerframe" + controlID);1373        ifr.style.display = "none";1374        ifr.parentNode.removeChild(ifr);1375        thediv.style.display = "none";1376        thediv.parentNode.removeChild(thediv);1377    }1378   HideDisableDiv("busy_" + controlID);1379   hidePWait();1380   1381}1382//subforms;1383function $DivSetVisible(state,DivRef,IfrRef,st)1384{1385    if(state)1386    {1387        DivRef.style.display = "block";1388        IfrRef.style.cssText=st;1389        //Jaco Lubbe - Uitgecomment vir Property grid se popup1390        //IfrRef.style.zIndex = DivRef.style.zIndex - 1;1391        IfrRef.border=0;1392        IfrRef.style.display = "block";1393    }1394    else1395    {1396        DivRef.style.display = "none";1397        IfrRef.style.display = "none";1398    }1399}1400 /* replace function */1401function ReplaceID( str, currentvalue, newvalue) 1402{  1403        str += '';1404        var idx = str.indexOf( currentvalue );1405        while ( idx > -1 ) {1406            str = str.replace( currentvalue, newvalue ); 1407            idx = str.indexOf( currentvalue );1408        }1409    return str;1410}1411/* return http://hostname/solutionname and passes in the rest of the path to a page */1412function buildURL(path)1413{1414    1415   path =  location.pathname.substring(0,location.pathname.indexOf('/',1,0)) + "/" + path1416   //changed the buildURL function so the current solution (IIS) name of the project is not hardcoded1417    if (path.substring(0,1) == "/")1418    {1419        return "//" + location.host + path;1420        //return "http://" + location.host + path;1421    }1422    else1423    {   1424        return "//" + location.host + "/" + path;1425        //return "http://" + location.host + "/" + path;1426    }1427}1428    1429//Validation for a valid e-mail address1430function validateEmail(emailAddress)1431{1432  var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[(2([0-4]\d|5[0-5])|1?\d{1,2})(\.(2([0-4]\d|5[0-5])|1?\d{1,2})){3} \])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/1433  return re.test(emailAddress);1434}1435//Validation on special chars1436function validateSpecialChars(id, friendlyName, specialChar, allowBlank, extraPath)1437{1438    var validateResult = ""1439    var objValue = "$id('" + id + "').value";1440    var _path = "";1441    1442    if (_pagePath != null)1443    {1444        _path = _pagePath.replace("../","");1445    }1446   1447   if (extraPath != null)1448   {1449        _path  = extraPath;1450   } 1451   1452    1453    if ($Trim(eval(objValue)).length == "")1454    {1455       if((allowBlank == null) || (allowBlank == false))1456        {1457            doPopup(Generic_js_ValidateHeading, Generic_js_ValidateDescription + " '" +  friendlyName + "'.", 400 , 75, Generic_js_ButtonOk, "doHidePopup('valID')|13", "", "", "", "", 11500, "valID", _path,"","error");1458            validateResult = false;1459            return validateResult;1460        }1461        else1462            validateResult = true;1463    }1464    1465    var iChars = "&!@#$%^&*()+=-[]\\\';,./{}|\":<>?_~";1466    iChars = iChars.replace(specialChar,"");1467    for (var i = 0; i < eval(objValue).length; i++) 1468    {1469        if (iChars.indexOf(eval(objValue).charAt(i)) != -1) {1470            doPopup(Generic_js_ValidateSpecialCharHeading, Generic_js_ValidateSpecialCharDescription + " '" + friendlyName + "' " + Generic_js_ValidateSpecialCharDescription1 + "  '" + eval(objValue).charAt(i) + "'.<br>" + Generic_js_ValidateSpecialCharDescription2, 400 , 70, Generic_js_ButtonOk, "doHidePopup('valIDSpec')|13", "", "", "", "", 11500, "valIDSpec", _path, "", "warning");1471            validateResult = false;1472            return validateResult;1473        }1474        else1475        {1476            validateResult = true;1477        }1478    }1479    return validateResult;1480}1481//check a string for special chars and return a 'true' or 'false'1482//set a space delimited exclude list if you need to1483function containsSpecialChars(inputString, excludeChars)1484{1485    var validateResult = false;1486    var specialChars = "&@#$%?!^*()+=-[]\\';,./{}|:<>_~";1487    var chinSpecialChars1 = "ââ ï¼â¤â¥â¤ï¼ï¼â®â¯â·Â±ï¼ï¼ÃÃ·â«â®ââ§â¨âââªâ©ââµâ´â¥â¥â ââââ½â";1488    var chinSpecialChars2 = "â¼â½â¾â¿âââââ¬ââ®â¯â°â°â±â±â²â³âââââ â¡â¢â£ââââââââââ";1489    var chinSpecialChars3 = "Â§âââââââââ¡ââ°Ââ â³â²â»ââââãÂ¤Â°ï¼ï¼ï¼ ï¼¼ï¸¿ï¼¿ï¿£âââ";1490    var chinSpecialChars4 = "ããããï¼»ï¼½ï½ï½ãããããããââ¦ââ¢Ëã";1491    var chinSpecialChars5 = "ããËËãËËËËããã¢ããããããã§ããã£ããããããã¨ãã ããããããã©ãã¡ã¥";1492    1493    var ExcludeList = excludeChars.split(" ");1494    //remove excluded chars form list    1495    for (var k = 0; k < ExcludeList.length; k++)1496    {1497        specialChars = specialChars.replace(ExcludeList[k],"");1498        chinSpecialChars1 = chinSpecialChars1.replace(ExcludeList[k],"");1499        chinSpecialChars2 = chinSpecialChars2.replace(ExcludeList[k],"");1500        chinSpecialChars3 = chinSpecialChars3.replace(ExcludeList[k],"");1501        chinSpecialChars4 = chinSpecialChars4.replace(ExcludeList[k],"");1502        chinSpecialChars5 = chinSpecialChars5.replace(ExcludeList[k],"");1503    }1504    1505    for (var i = 0; i < inputString.length; i++) 1506    {1507        if (specialChars.indexOf(inputString.charAt(i)) != -1) 1508        {1509            validateResult = true;1510        }1511        if (chinSpecialChars1.indexOf(inputString.charAt(i)) != -1) 1512        {1513            validateResult = true;1514        }1515        if (chinSpecialChars2.indexOf(inputString.charAt(i)) != -1) 1516        {1517            validateResult = true;1518        }1519        if (chinSpecialChars3.indexOf(inputString.charAt(i)) != -1) 1520        {1521            validateResult = true;1522        }1523        if (chinSpecialChars4.indexOf(inputString.charAt(i)) != -1) 1524        {1525            validateResult = true;1526        }1527        if (chinSpecialChars5.indexOf(inputString.charAt(i)) != -1) 1528        {1529            validateResult = true;1530        }1531    }1532    return validateResult;1533}1534 function addbookmark()1535{1536     if (document.all)1537          window.external.AddFavorite(location,'WorkSpace')1538}1539//Fix texttoplace in for 1st time its created; 1540function createPWait(texttoplace, zIndexValue)1541{1542    var divt = $id("div_SAVING");1543    if(divt == null)1544    {1545        divt = document.createElement("DIV");1546    var left =  (document.documentElement.clientWidth - 64) / 2;1547      if (left <= 0)1548      {1549        left = (document.body.clientWidth - 64) / 2;1550      }1551       var top =  (document.documentElement.clientHeight  - 64) / 2; 1552      if (top <= 0)1553      {1554        top = (document.body.clientHeight - 64) / 2;1555      }1556       // divt.style.cssText = "background:whitesmoke;border:1px solid gray;text-align: center;vertical-align: middle; line-height: normal; letter-spacing: normal;width: 381px; height: 51px; z-index: 1010; left: 390px; position: absolute; top: 209px;";1557      divt.style.cssText = "border:none;width: 32px; height: 32px; z-index: 1010; left:" + left + "px; position: absolute; top: " + top +"px;"; 1558        divt.innerHTML = textDiv(texttoplace); 1559        //divt.style.zIndex=12500;1560        divt.style.zIndex = zIndexValue;1561        divt.id = "div_SAVING";1562        1563        document.body.appendChild(divt);                1564    }1565 1566}1567function textDiv(eventtodisplay)1568{1569   eventtodisplay = (typeof(eventtodisplay) == 'undefined') ? "" : " : " +  eventtodisplay1570   1571   //var d= "<img src='../images/please_wait.gif'>" + "<br />"+ "Please wait  " +  eventtodisplay + "<br />";1572    var d= "<img id='imgBigGreenRot' src='../images/Green_Big_Rotate.gif'>";1573   return d;1574}1575//duplicate1576function showPWait(texttoplace, zIndex)1577{1578    var divt = $id("div_SAVING");1579     var ifr = $id("iframepopup");1580       1581    if(divt != null)1582    {1583       1584//        //divt.style.zIndex=9080;1585//        //Port_togglePopUpMenuDisplay(divt,"hiddenframe",true);1586//        $togglePopUp(divt, "hiddenframe", true);1587//        divt.innerHTML = textDiv(texttoplace);1588//        1589//        divt.style.display = "inline";1590        divt.parentNode.removeChild(divt);1591    }1592    1593    1594    1595    1596    var divtest = $id("div_SAVING");1597   if (zIndex != null)1598   {1599        createPWait(texttoplace, (parseInt(zIndex) + 100));1600        busyDivTag(zIndex);1601   } 1602   else1603   {1604        createPWait(texttoplace, 11500);1605        busyDivTag(11400);1606    }1607   _canload_Portal = false; 1608}1609function showPWaitIframe(texttoplace)1610{1611    var divt = $id("div_SAVING");1612    if(divt != null)1613    {1614        divt.parentNode.removeChild(divt); 1615     }1616        divt = document.createElement("DIV");1617//       var left = (document.documentElement.offsetWidth) /2;1618//       var top = (document.documentElement.offsetHeight) / 3; 1619     var left =  (document.documentElement.clientWidth - 64) / 2;1620      if (left <= 0)1621      {1622        left = (document.body.clientWidth - 64) / 2;1623      }1624       var top =  (document.documentElement.clientHeight  - 64) / 2; 1625      if (top <= 0)1626      {1627        top = (document.body.clientHeight - 64) / 2;1628      }1629       // divt.style.cssText = "background:whitesmoke;border:1px solid gray;text-align: center;vertical-align: middle; line-height: normal; letter-spacing: normal;width: 381px; height: 51px; z-index: 1010; left: 390px; position: absolute; top: 209px;";1630      divt.style.cssText = "border:none;width: 32px; height: 32px; z-index: 1010; left:" + left + "px; position: absolute; top: " + top +"px;"; 1631        divt.innerHTML = textDiv(texttoplace); 1632        divt.style.zIndex=9031;1633        divt.id = "div_SAVING";1634        1635        document.body.appendChild(divt);                1636     busyDivTag();1637   _canload_Portal = false; 1638 1639}1640//duplicate1641function hidePWait()1642{1643    var divt = $id("div_SAVING");1644    if(divt != null)1645    {1646        // Port_togglePopUpMenuDisplay(divt,"hiddenframe","none");1647        $togglePopUp(divt, "hiddenframe","none");1648        divt.style.display = "none";1649    }1650    HideDisableDiv();1651   _canload_Portal = true; 1652}1653function setFormName(customFormName)1654{1655    _formName = customFormName;1656}1657//Jvz : File and image upload div1658function busyDivTagTester(zIndex, ID,Con)1659{1660    var d;1661    var newDiv = false;1662   1663    if((ID != null) && (ID.length > 0))1664    {1665        d  = $id(ID); 1666        if(d==null)1667        {1668		    d= document.createElement("div");1669		    d.id = ID;1670		    _currentBusyDiv = ID;1671		    newDiv=true;1672        }1673    }1674    else1675    {1676        d = $id("divbusywithtop"); 1677        if(d==null)1678        {1679	        d= document.createElement("div");1680	        d.id = "divbusywithtop";1681	        newDiv=true;1682        }1683   }1684   	1685	d.style.backgroundColor = "black";1686	d.style.filter = "Alpha(opacity=50)";1687	d.style.top = "1px";1688	d.style.left="1px";1689	d.style.position="absolute";1690	d.style.width = document.forms[0].offsetWidth;// screen.availWidth;//document.documentElement.clientWidth;//document.body.offsetWidth + "px";//document.documentElement.offsetWidth + "px";1691//	d.style.height = screen.availHeight;//document.documentElement.clientHeight;1692	if (document.forms[0].offsetHeight >100)1693	{1694	    d.style.height = document.forms[0].offsetHeight;//screen.availHeight;//document.documentElement.clientHeight;//document.body.offsetHeight + "px"; //document.documentElement.offsetHeight + "px";1695	}1696	else1697	{1698	    d.style.height = document.documentElement.clientHeight;1699	}1700	if ((zIndex != null) && (zIndex.toString().length > 0 )) //jvz : zIndex.length1701	{1702	    d.style.zIndex = zIndex;1703	}1704	else1705	{1706	    d.style.zIndex="9010";1707	}1708	d.className="alphadiv";1709	d.style.display="inline";1710	1711	//Jvz het dit ingesit. Dis vir die FREAKING SUBFORMS!!!!!!!!!1712	if(typeof(_SubFormChildID) != "undefined")1713	{1714	    hideSelectsButKeepID(_SubFormChildID);1715	}1716	else1717	{1718	    hideSelects();1719	}1720	if(newDiv==true)1721	{1722	    try1723	    {1724	        try1725	        {1726	            var form = $id(Con);1727	            if (form != null)1728	            {1729		            $id(Con).appendChild(d);1730		        }1731		        else1732		        {1733		           $id(_formName).appendChild(d);1734		        }1735		    }1736		    catch(e)1737		    {1738		        $id(_formName).appendChild(d);1739		    } 1740		}1741		catch(e)1742		{1743		    document.forms[0].appendChild(d);1744		}1745	}1746}1747function busyDivTag(zIndex, ID)1748{1749    var d;1750    var newDiv = false;1751   1752    if((ID != null) && (ID.length > 0))1753    {1754        d  = $id(ID); 1755        if(d==null)1756        {1757		    d= document.createElement("div");1758		    d.id = ID;1759		    _currentBusyDiv = ID;1760		    newDiv=true;1761        }1762    }1763    else1764    {1765        d = $id("divbusywithtop"); 1766        if(d==null)1767        {1768	        d= document.createElement("div");1769	        d.id = "divbusywithtop";1770	        newDiv=true;1771        }1772   }1773   	1774	d.style.backgroundColor = "black";1775	d.style.filter = "Alpha(opacity=50)";1776	d.style.top = "1px";1777	d.style.left="1px";1778	d.style.position="absolute";1779	d.style.width = document.forms[0].offsetWidth;// screen.availWidth;//document.documentElement.clientWidth;//document.body.offsetWidth + "px";//document.documentElement.offsetWidth + "px";1780//	d.style.height = screen.availHeight;//document.documentElement.clientHeight;1781//	if (document.forms[0].offsetHeight >100)1782//	{1783//	    d.style.height = document.forms[0].offsetHeight;//screen.availHeight;//document.documentElement.clientHeight;//document.body.offsetHeight + "px"; //document.documentElement.offsetHeight + "px";1784//	}1785//	else1786//	{1787//	    d.style.height = document.documentElement.clientHeight;1788//	}1789    d.style.height  = document.documentElement.offsetHeight; //changed for Q4_2007 (bug 10309)1790	if ((zIndex != null) && (zIndex.toString().length > 0 )) //jvz : zIndex.length1791	{1792	    d.style.zIndex = zIndex;1793	}1794	else1795	{1796	    d.style.zIndex="9010";1797	}1798	d.className="alphadiv";1799	d.style.display="inline";1800	1801	//Jvz het dit ingesit. Dis vir die FREAKING SUBFORMS!!!!!!!!!1802	if(typeof(_SubFormChildID) != "undefined")1803	{1804	    hideSelectsButKeepID(_SubFormChildID);1805	}1806	else1807	{1808	    hideSelects();1809	}1810	if(newDiv==true)1811	{1812	    try1813	    {1814	        try1815	        {1816	            var form = $id("form1");1817	            if (form != null)1818	            {1819		            $id("form1").appendChild(d);1820		        }1821		        else1822		        {1823		           $id(_formName).appendChild(d);1824		        }1825		    }1826		    catch(e)1827		    {1828		        $id(_formName).appendChild(d);1829		    } 1830		}1831		catch(e)1832		{1833		    document.forms[0].appendChild(d);1834		}1835	}1836}1837function hideSelects()1838{1839    //mozilla1840    //var selCount = document.all.tags("select");1841   var selCount = document.getElementsByTagName("select"); 1842    for (var i=0; i<selCount.length; i++)1843    {1844            selCount[i].style.visibility = "hidden";1845    }1846}1847 1848function showSelects()1849{1850    //mozilla1851    //var selCount = document.all.tags("select");1852    var selCount = document.getElementsByTagName("select");1853    for (var i=0; i<selCount.length; i++)1854    {1855       selCount[i].style.visibility = "visible";1856    }1857   if ($id("textStyle"))1858   {1859        //mozilla1860        //selCount = ($id("textStyle")).all.tags("select");1861        selCount = ($id("textStyle")).getElementsByTagName("select");1862        for (var i=0; i<selCount.length; i++)1863        {1864                selCount[i].style.visibility = "hidden";1865        }   1866   } 1867}1868function showSelectSpecific(controlID)1869{1870     if ($id(controlID))1871   {1872        //This is a fix for Mozilla browser.1873        //selCount = ($id(controlID)).all.tags("select");1874        selCount = ($id(controlID)).getElementsByTagName("select");1875        for (var i=0; i<selCount.length; i++)1876        {1877                selCount[i].style.visibility = "visible";1878        }   1879   } 1880} 1881function hideSelectSpecific(controlID)1882{1883     if ($id(controlID))1884   {1885         //This is a fix for Mozilla browser.1886        //selCount = ($id(controlID)).all.tags("select");1887        selCount = ($id(controlID)).getElementsByTagName("select");1888        for (var i=0; i<selCount.length; i++)1889        {1890                selCount[i].style.visibility = "hidden";1891        }   1892   } 1893} 1894 1895function HideDisableDiv(ID)1896{1897    var df;// = $id("divbusywithtop");1898    if ((ID != null) && (ID.length > 0))1899    {1900        df = $id(ID);1901    }1902    else1903    {1904        df = $id("divbusywithtop");1905    }1906    1907    if(df!=null)1908    {1909        df.style.display="none";1910        _currentBusyDiv = "";1911	}1912	showSelects();1913}1914function hideSelectsButKeepID(idtoKeep)1915{1916    //var selCount = _portaldocument.all.tags("select");1917   var selCount = document.getElementsByTagName("select"); 1918    1919    for (var i=0; i<selCount.length; i++)1920    {1921      	var id = selCount[i].getAttribute("id");1922		1923		if(idtoKeep !=null)1924       {1925			if(getParamsNumber(id) != getParamsNumber(idtoKeep))1926			{1927				selCount[i].style.visibility = "hidden";1928			}1929			else1930			{1931				selCount[i].style.visibility = "visible";1932			}1933		}1934		else1935		{1936			selCount[i].style.visibility = "hidden";1937		}1938		1939      	//selCount[i].style.visibility = "hidden";1940    }1941}1942//Shows certain selects but keep the id passed visible;1943function showSelectsButKeepID(idtoKeep)1944{1945    var selCount = document.getElementsByTagName("select");1946    for (var i=0; i<selCount.length; i++)1947    {1948       var id = selCount[i].getAttribute("id");1949            1950       if(idtoKeep !=null)1951       {1952			if(getParamsNumber(id) != getParamsNumber(idtoKeep))1953			{1954				selCount[i].style.visibility = "hidden";1955			}1956			else1957			{1958				selCount[i].style.visibility = "visible";1959			}1960		}1961		else1962		{1963			selCount[i].style.visibility = "visible";1964		}1965    }1966    1967    //selCount = ($id("textStyle")).all.tags("select");1968   selCount = ($id("textStyle")).getElementsByTagName("select"); 1969    1970    for (var i=0; i<selCount.length; i++)1971    {1972            selCount[i].style.visibility = "hidden";1973    }   1974    1975}1976function checkoutsideBottomPopUp(inputObj,height, scrollDivID)1977{1978	//var i = clienty + parseInt(divImageUpload.style.height);1979	if (!scrollDivID)1980	{1981	    scrollDivID = "PageContentScrollDiv";1982	}1983	var i = getTopPos(inputObj) + parseInt(height.replace("px",""));1984	if ($id(scrollDivID))1985	{1986	    var scrolltop = ($id(scrollDivID)).scrollTop;1987	    var contentheight = ($id(scrollDivID)).offsetHeight;1988	    if ((i   - scrolltop) > (contentheight))1989	    {1990	       i = getTopPos(inputObj) ;1991	    }1992	}1993	else1994	{1995	    if( i > document.body.offsetHeight-10)1996	    {1997		    i = getTopPos(inputObj); //works1998	    }1999	    var scrolltop = 0;2000	}2001	2002	return i = i - scrolltop - parseInt(height.replace("px",""));2003}2004function checkoutsideWidth(inputObj,width, scrollDivID)2005{2006	if (!scrollDivID)2007	{2008	    scrollDivID = "PageContentScrollDiv";2009	}2010	2011	var i = getleftPos(inputObj)+ parseInt(width.replace("px",""));2012	2013	var scrolleft = 0;2014	if ($id(scrollDivID))2015	{2016	    scrolleft = ($id(scrollDivID)).scrollLeft;2017	}2018	2019	i = i - scrolleft;2020	if( i > document.body.offsetWidth-10)2021	{2022		i =getleftPos(inputObj) - scrolleft - parseInt(width.replace("px","")); //out2023	}2024	else2025	{2026		i = i - scrolleft - parseInt(width.replace("px",""));2027	}2028	2029	return i;2030}2031//jvz: function for Multivalue popup control;2032function $ShowSelectPopUpControl(headingText, contentText, controlID, closeBtn, closeBtnFn)2033{2034    if(($id(controlID)).style.width == "" || ($id(controlID)).style.width.indexOf("%") >0)2035    {2036        ($id(controlID)).style.width = "100px";2037    }2038      2039    $showPopup(headingText, contentText, controlID, "", "110", "", closeBtnFn, "", "", "", "", "", "", "", "", "");2040//    var containerControl = "containerControlPOP";2041//    var tblContainerControl = "tblContainerControlPOP";2042//    var obj= event.srcElement;2043//    var HeadingText = headingText;2044//    var ContentText = contentText;2045//    var newDiv = false;2046//    var headerClose = "";2047//    var headerMain = "";2048//    var controlText = $id(controlID);2049//    var controlValue = "";//controlText.innerHTML;2050//    //Added 20px 24/nov due to bug in des?2051//    if(controlText.style.height == "" || controlText.style.height == "20px")2052//    {2053//        controlText.style.height = "100px";2054//    }2055//    2056//    if(controlText.style.width == "" || controlText.style.width.indexOf("%") >0)2057//    {2058//       2059//        controlText.style.width = "100px";2060//    }2061//    2062//    var iPos = checkoutsideWidth(obj,controlText.style.width);2063//    var xPosRec = checkoutsideBottomPopUp(obj,controlText.style.height);2064//    if (_SubFormChildID == null)2065//    {2066//        controlText.style.left = iPos;2067//        controlText.style.top = xPosRec;2068//    } 2069//    2070//    var controlHeight = controlText.style.height.replace("px","");2071//    var controlWidth =  controlText.style.width.replace("px","");2072//    var screenL = window.screen.availWidth - controlWidth ;2073//    var screenH = window.screen.availHeight - controlHeight;2074//    var top =controlText.style.top.replace("px","");  //(screenH/3) +  parseInt(returnScrollDimensions(0)); 2075//    var left = controlText.style.left.replace("px",""); //(screenL/2) + parseInt(returnScrollDimensions(1));2076//        2077//    var divAlert = ""; 2078//    var divExists = $id(containerControl); 2079//    var ViewID = "part_" + getParamsNumber(controlID);2080//    var View = $id(ViewID);2081//	var vtop = View.offsetTop;2082//    var vleft = View.offsetLeft;2083//    2084//    var dtop = (parseInt(top) + parseInt(vtop)) - parseInt(10);2085//    var dleft =  (parseInt(left) + parseInt(vleft)) + parseInt(20);2086//    var st = "top:" + dtop  + "px;" + "z-index:9025;position:absolute;left:" + dleft + "px;width:"+(parseInt(controlWidth)+10) + "px;height:"+(parseInt(controlHeight)+ 5)+"px";2087//   2088//    if(divExists == null)2089//    {2090//		divAlert = document.createElement("DIV");2091//		divAlert.id = containerControl; //"containerControl";2092//		newDiv= true;2093//    }2094//    else2095//    {2096//		//return;2097//    }2098//	 2099//     var stTop = (parseInt(top) + parseInt(vtop)) - parseInt(35);2100//     var stLeft = parseInt(left)+ parseInt(vleft) - parseInt(7);2101//     2102//     var stDiv = "top:" + stTop + "px;" + "z-index:9021;position:absolute;left:" +  stLeft  + "px;width:"+(parseInt(controlWidth)+30) + "px;height:"+(parseInt(controlHeight)+10)+"px";2103//    2104//    if (closeBtn != false)2105//    {2106//        headerClose = '<img id="btnClose" src="../images/clear.GIF" style="width:15px;height:15px;cursor:hand;">'2107//    }2108//    2109//    headerMain = '<table cellspacing="0" cellpadding="0" style="table-layout:fixed;width:100%;"><tr><td  style="padding-top:10px" align="left" nowrap>' + headingText + '</td><td align="right">' + headerClose + '</td></tr></table>';2110//    2111//    //divAlert.style.cssText = "position:absolute;display:none;" + stDiv;2112//    divAlert.style.cssText = controlText.style.cssText;2113//    divAlert.style.top = parseInt(divAlert.style.top) - 36;2114//    divAlert.style.left = parseInt(divAlert.style.left) - 10;  2115//    divAlert.style.zIndex = "9995";2116//    divAlert.innerHTML += '<table id="tblContainerControlPOP" cellpadding="0" cellspacing="0" border="0"><tr><td><div id="poptl" class="poptl"></div></td><td><div id="poptcPop" class="poptc"><div style="font-family:Arial;padding-top:5px;color:White;font-weight:bold;">' + headerMain + '</div></div></td><td><div id="poptrPOP" class="poptr"></div></td></tr><tr><td><div id="popclPOP" class="popcl"></div></td><td align="center"><div id="popccPOP" class="popcc">' + ""+ '</div></td><td><div id="popcrPOP" class="popcr"></div></td></tr><tr><td><div id="popblPOP" class="popbl"></div></td><td><div id="popbcPOP" class="popbc"></div></td><td><div id="popbrPOP" class="popbr"></div></td></tr></table>';2117//   2118//    if(newDiv == true)2119//    { 2120//         var cid = getParamsNumber(controlID);2121//         $id("part_" + cid).appendChild(divAlert);2122//        2123//    }2124//    2125//    //add iframe2126//   2127//    var table = $id(tblContainerControl);2128//    2129//    var testi = $id("ifr")2130//    var i = null;2131//    if(testi == null)2132//    {2133//		i = document.createElement("Iframe");2134//    }2135//    else2136//    {2137//		i = $id("ifr");2138//    }2139//    i.id = "ifr";2140//   2141//    if(_SubViewIsOnTop ==true)2142//    {2143//		i.style.cssText = controlText.style.cssText;2144//		i.style.zIndex = "9994"2145//		//i.style.top = stTop - 35;2146//		//i.style.left = stLeft - 7;  2147//		//i.style.cssText = divAlert.style.cssText;2148//        2149//        if(testi == null)2150//        {2151//		    $id("part_" + cid).appendChild(i);2152//        }2153//        else2154//        {2155//		    i.style.display = "block";2156//        }2157//    2158//    }2159//    2160//    2161//   2162//    2163//    var thediv =null;2164//    thediv = document.getElementById(containerControl);2165//    thediv.style.display = "block";2166//    2167//        2168//    document.getElementById("poptcPop").style.width=controlWidth+'px';2169//    document.getElementById("popccPOP").style.width=controlWidth+'px';2170//    document.getElementById("popbcPOP").style.width=controlWidth+'px';2171//    document.getElementById("popclPOP").style.height=controlHeight+'px';2172//    document.getElementById("popccPOP").style.height=controlHeight+'px';2173//    document.getElementById("popcrPOP").style.height=controlHeight+'px';2174//    2175//    document.getElementById("btnClose").attachEvent("onclick", closeBtnFn);2176    2177}2178//jvz multivalue popup;2179function $doHideControlPopupControl(controlID)2180{2181    var thediv = window.parent.document.getElementById("containerControlPOP") != null ? window.parent.document.getElementById("containerControlPOP") : document.getElementById("containerControlPOP");2182    var theControlID = window.parent.document.getElementById(controlID) != null ? window.parent.document.getElementById(controlID) : document.getElementById(controlID);2183    2184    if (thediv != null && thediv != "")2185    {2186        theControlID.style.display = "none";2187        ///var ifr = window.parent.document.getElementById("containerframePOP") != null ? window.parent.document.getElementById("containerframe") : document.getElementById("containerframe");2188        //ifr.style.display = "none";2189         var testi = $id("ifr")2190         if(testi !=null)2191         {2192			testi.style.display = "none";2193         }2194        thediv.style.display = "none";2195        thediv.parentNode.removeChild(thediv);2196    }2197}2198function RemoveAllTableRows(TableName)2199{2200	var thisTable = $id(TableName);2201	2202	if (thisTable != null)2203	{2204		var rows = thisTable.rows.length;2205		2206		for (var i = 0; i < rows; i++)2207		{2208			thisTable.deleteRow(0);2209		}2210	}2211}2212// Use for IFrame , in green div2213// setups everything but doesn't show until being called;2214function $doViewPopupIframe(headingText, contentText, src, viewHeight, viewWidth)2215{2216    showPWait()2217    var HeadingText = headingText;2218    var ContentText = contentText;2219  2220    if (viewHeight == null)2221    {2222        viewHeight = 350; 2223    }2224    2225    if (viewWidth == null)2226    {2227        viewWidth = 318;2228    }2229    2230    var screenL = (window.screen.availWidth/2) - (viewWidth/2);2231    var screenH = window.screen.availHeight - viewHeight;2232    2233    var top = (screenH/3) +  parseInt(returnScrollDimensions(0)); 2234    var left = (screenL) + parseInt(returnScrollDimensions(1));2235    2236    var newDiv = false;2237    var divAlert = "";2238    var divExists = $id("containerView");2239    2240    var IframeEx = false;2241    2242    if(divExists == null)2243    {2244		divAlert = document.createElement("DIV");2245		divAlert.id = "containerView";2246		newDiv= true;2247    }2248    else2249    {2250		newDiv = false;2251		divAlert = divExists;2252    }2253    2254    var IFrameSrc = $id("IFrameSrc");2255    2256    if(IFrameSrc == null)2257    {2258        IFrameSrc = document.createElement("IFRAME");2259        IFrameSrc.id = "IFrameSrc";2260        IFrameSrc.src = src;2261        IframeEx = false;2262        IFrameSrc.frameBorder =0;2263    }2264    else2265    {2266        IframeEx = true;2267    }2268    2269    var stDiv = "top:" + (parseInt(top) - 100) + "px;z-index:9018;position:absolute;left:" + (parseInt(left) - 25) + "px;width:" + (viewWidth+20) + "px;height:" + (viewHeight+10) + "px";2270    var IframeStyle = "top:" + (parseInt(top) - 59) + "px;z-index:9017;position:absolute;left:" + (parseInt(left)-15) + "px;width:" + (viewWidth+10) + "px;height:" + (viewHeight+30) + "px;frameborder=0;";2271    2272    IFrameSrc.style.cssText = IframeStyle;2273    IFrameSrc.style.zIndex = IFrameSrc.style.zIndex +1;2274    IFrameSrc.style.height = IFrameSrc.style.height.replace("px","") -40;2275    IFrameSrc.style.width = IFrameSrc.style.width.replace("px","") -15;2276    IFrameSrc.style.left = parseInt(IFrameSrc.style.left.replace("px","")) + (parseInt(5));2277    IFrameSrc.style.display = "none";2278    2279    divAlert.style.cssText = "position:absolute;display:none;z-index:9019;" + stDiv;2280    //divAlert.innerHTML += '<table id="tblContainerView" cellpadding="0" cellspacing="0" border="0"><tr><td><div id="poptl" class="poptl"></div></td><td><div id="poptc" class="poptc"><div style="font-family:Arial;padding-top:15px;color:White;font-weight:bold;">' + HeadingText + '</div></div></td><td><div id="poptr" class="poptr"></div></td></tr><tr><td><div id="popcl" class="popcl"></div></td><td align="center"><div id="popcc" class="popcc">' + ContentText + '</div></td><td><div id="popcr" class="popcr"></div></td></tr><tr><td><div id="popbl" class="popbl"></div></td><td><div id="popbc" class="popbc"></div></td><td><div id="popbr" class="popbr"></div></td></tr></table>';2281   divAlert.innerHTML = generatePopupHTML("tblContainerView",headingText, "", ContentText,  "", viewHeight, viewWidth, "","", "","");2282   2283    if(newDiv == true)2284    { 2285        document.body.appendChild(divAlert);2286    }2287    if(IframeEx==false)2288    {2289        document.body.appendChild(IFrameSrc);2290    }2291    2292   /* var thediv = "";2293    thediv = document.getElementById("containerView");2294    thediv.style.display = "block";2295   */2296//    document.getElementById("poptc").style.width=viewWidth+'px';2297//    document.getElementById("popcc").style.width=viewWidth+'px';2298//    document.getElementById("popbc").style.width=viewWidth+'px';2299//    document.getElementById("popcl").style.height=viewHeight+'px';2300//    document.getElementById("popcc").style.height=viewHeight+'px';2301//    document.getElementById("popcr").style.height=viewHeight+'px';2302}2303//Helper2304//this is to build the packet removing NAME_203 will return NAME2305function $getParamWithOutNumber(idcomingin)2306{2307    var arrS = idcomingin.split('_');2308   2309    //return arrS[0];2310    if (arrS != null)2311    {    2312        if(arrS.length == 1)2313        {2314            return arrS[0];2315        }2316            2317        if(arrS.length == 2) //LOAD_155 Course_Code (2)2318        {   2319            return arrS[0]; 2320        }2321        else2322        {2323            //bug met _ op die einde. bv 2324            //Send_for_Approval__7232325             var Id = arrS[arrS.length-1];2326             var sub = idcomingin.substring(0,idcomingin.indexOf('_'+Id));2327             return sub; 2328        }2329    } 2330}2331function $doViewPopupShowIframe()2332{2333        var thediv = "";2334        2335        thediv = window.parent.document.getElementById("containerView")2336        thediv.style.display = "block";2337        var theIFrame = window.parent.document.getElementById("IFrameSrc")2338        theIFrame.style.display = "block";2339        window.parent.hidePWait();2340        window.parent.busyDivTag();2341}2342function $doViewPopupCloseIframe()2343{2344    window.parent.HideDisableDiv();2345    var IfClose = window.parent.document.getElementById("tblContainerView");2346    if(IfClose !=null)2347    {2348        IfClose.parentNode.removeChild(IfClose);2349    }2350    2351    var containerView = window.parent.document.getElementById("containerView");2352    if(containerView !=null)2353    {2354        containerView.parentNode.removeChild(containerView);2355    }2356        2357    var Iframe = window.parent.document.getElementById("IFrameSrc");2358    if(Iframe !=null)2359    {2360        Iframe.parentNode.removeChild(Iframe);2361    }2362}2363//Hover Context Menus2364function showSelectedContext(obj)2365{2366    if (obj.className != "divSelected"){2367        obj.className = "selectedItemCat";2368    }2369}2370function hideSelectedContext(obj)2371{2372    obj.className = "divNormal";2373}2374//Hover Tree Items2375function showSelected()2376{2377    var hoverID = event.srcElement;2378    2379    hoverID.className = "selectedItem";2380    //selectedItem2381}2382function hideSelected()2383{2384    var hoverID = event.srcElement;2385    2386    hoverID.className = "smllabel";2387}2388//Resize of Window2389function ResizeEvent()2390{2391    var busyD = $id("divbusywithtop"); 2392    var CheckGlobalDiv = false;2393    if (busyD == null)2394    {2395        CheckGlobalDiv = true;2396    }2397    else2398    {2399        if (busyD.style.display == "none")2400        {2401            CheckGlobalDiv = true;2402        }    2403    }2404   2405    if (CheckGlobalDiv)2406    {2407        if (_currentBusyDiv != null)2408        {   2409            if (_currentBusyDiv != "")2410            {2411                busyD = $id(_currentBusyDiv); 2412            }2413        }   2414    }2415  2416    if (busyD != null)2417    {2418        busyD.style.width = document.forms[0].offsetWidth;2419	    if (document.forms[0].offsetHeight >100)2420	    {2421	        busyD.style.height = document.forms[0].offsetHeight;2422	    }2423	    else2424	    {2425	        busyD.style.height = document.documentElement.clientHeight;2426	    }2427    }2428    //the line below added by sean to recalculate all expressions on the page2429    document.recalc(true);2430}2431 /* mozlla insertAdjacentHTML replacement function - not quite working */2432     function mozilla_insertAdjacentHTML(control, sWhere, sHTML) 2433     {2434       var df;   // : DocumentFragment2435       var r =control.ownerDocument.createRange();2436        2437       switch (String(sWhere).toLowerCase()) 2438       {  // convert to string and unify case2439          case "beforebegin":2440             r.setStartBefore(control);2441             df = r.createContextualFragment(sHTML);2442             control.parentNode.insertBefore(df, control);2443             break;2444             2445          case "afterbegin":2446             r.selectNodeContents(control);2447             r.collapse(control);2448             df = r.createContextualFragment(sHTML);2449             control.insertBefore(df, control.firstChild);2450             break;2451             2452          case "beforeend":2453             r.selectNodeContents(control);2454             r.collapse(false);2455             df = r.createContextualFragment(sHTML);2456             control.appendChild(df);2457             break;2458             2459          case "afterend":2460             r.setStartAfter(control);2461             df = r.createContextualFragment(sHTML);2462             control.parentNode.insertBefore(df, control.nextSibling);2463             break;2464       }   2465    }2466   2467     var mozilla_emptyTags = {2468       "IMG":   true,2469       "BR":    true,2470       "INPUT": true,2471       "META":  true,2472       "LINK":  true,2473       "PARAM": true,2474       "HR":    true2475    }2476    /*mozilla outerHTML replacement function */2477    function mozilla_outerHTML(control)2478    {2479            var attrs = control.attributes;2480            var str = "<" + control.tagName;2481            for (var i = 0; i < attrs.length; i++)2482            str += " " + attrs[i].name + "=\"" + attrs[i].value + "\"";2483            if (mozilla_emptyTags[this.tagName])2484                return str + ">";2485            return  str + ">" + control.innerHTML + "</" + control.tagName + ">";2486    } 2487        2488//var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";2489//function encode64(input) 2490//{2491//    if (input == "") return input;2492//    var output = "";2493//    var chr1, chr2, chr3;2494//    var enc1, enc2, enc3, enc4;2495//    var i = 0;2496//    do 2497//    {2498//        chr1 = input.charCodeAt(i++);2499//        chr2 = input.charCodeAt(i++);2500//        chr3 = input.charCodeAt(i++);2501//        enc1 = chr1 >> 2;2502//        enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);2503//        enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);2504//        enc4 = chr3 & 63;2505//        if (isNaN(chr2)) 2506//        {2507//            enc3 = enc4 = 64;2508//        } 2509//        else if (isNaN(chr3)) 2510//        {2511//            enc4 = 64;2512//        }2513//        output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2) + keyStr.charAt(enc3) + keyStr.charAt(enc4);2514//    } while (i < input.length);2515//   2516//    return output;2517//}2518//function decode64(input) 2519//{2520//    if (input == "") return input;2521//    var output = "";2522//    var chr1, chr2, chr3;2523//    var enc1, enc2, enc3, enc4;2524//    var i = 0;2525//    // remove all characters that are not A-Z, a-z, 0-9, +, /, or =2526//    input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");2527//    do 2528//    {2529//        enc1 = keyStr.indexOf(input.charAt(i++));2530//        enc2 = keyStr.indexOf(input.charAt(i++));2531//        enc3 = keyStr.indexOf(input.charAt(i++));2532//        enc4 = keyStr.indexOf(input.charAt(i++));2533//        chr1 = (enc1 << 2) | (enc2 >> 4);2534//        chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);2535//        chr3 = ((enc3 & 3) << 6) | enc4;2536//        output = output + String.fromCharCode(chr1);2537//        if (enc3 != 64) 2538//        {2539//            output = output + String.fromCharCode(chr2);2540//        }2541//        if (enc4 != 64) 2542//        {2543//            output = output + String.fromCharCode(chr3);2544//        }2545//    } while (i < input.length);2546//    return output;2547//}2548function $createCookie(name,value,days) {2549	if (days) {2550		var date = new Date();2551		date.setTime(date.getTime()+(days*24*60*60*1000));2552		var expires = "; expires="+date.toGMTString();2553	}2554	else var expires = "";2555	document.cookie = name+"="+value+expires+"; path=/";2556}2557function $readCookie(name) {2558	var nameEQ = name + "=";2559	var ca = document.cookie.split(';');2560	for(var i=0;i < ca.length;i++) {2561		var c = ca[i];2562		while (c.charAt(0)==' ') c = c.substring(1,c.length);2563		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);2564	}2565	return null;2566}2567function $eraseCookie(name) {2568	createCookie(name,"",-1);2569}2570function $containsSpecialChars(inputString, excludeChars)2571{2572    var validateResult = -1;2573    var specialChars = "&!@#$%^&*()+=-[]\\\';,./{}|\":<>?_~";2574    var chinSpecialChars1 = "ââ ï¼â¤â¥â¤ï¼ï¼â®â¯â·Â±ï¼ï¼ÃÃ·â«â®ââ§â¨âââªâ©ââµâ´â¥â¥â ââââ½â";2575    var chinSpecialChars2 = "â¼â½â¾â¿âââââ¬ââ®â¯â°â°â±â±â²â³âââââ â¡â¢â£ââââââââââ";2576    var chinSpecialChars3 = "Â§âââââââââ¡ââ°Ââ â³â²â»ââââãÂ¤Â°ï¼ï¼ï¼ ï¼¼ï¸¿ï¼¿ï¿£âââ";2577    var chinSpecialChars4 = "ããããï¼»ï¼½ï½ï½ãããããããââ¦ââ¢Ëã";2578    var chinSpecialChars5 = "ããËËãËËËËããã¢ããããããã§ããã£ããããããã¨ãã ããããããã©ãã¡ã¥";2579    var ExcludeList = excludeChars.split(" ");2580    //remove excluded chars form list    2581    for (var k = 0; k < ExcludeList.length; k++)2582    {2583        specialChars = specialChars.replace(ExcludeList[k],"");2584        chinSpecialChars1 = chinSpecialChars1.replace(ExcludeList[k],"");2585        chinSpecialChars2 = chinSpecialChars2.replace(ExcludeList[k],"");2586        chinSpecialChars3 = chinSpecialChars3.replace(ExcludeList[k],"");2587        chinSpecialChars4 = chinSpecialChars4.replace(ExcludeList[k],"");2588        chinSpecialChars5 = chinSpecialChars5.replace(ExcludeList[k],"");2589        2590    }2591    2592    for (var i = 0; i < inputString.length; i++) 2593    {2594        if (specialChars.indexOf(inputString.charAt(i)) != -1) 2595        {2596            validateResult = i;2597        }2598        if (chinSpecialChars1.indexOf(inputString.charAt(i)) != -1) 2599        {2600            validateResult = true;2601        }2602        if (chinSpecialChars2.indexOf(inputString.charAt(i)) != -1) 2603        {2604            validateResult = true;2605        }2606        if (chinSpecialChars3.indexOf(inputString.charAt(i)) != -1) 2607        {2608            validateResult = true;2609        }2610        if (chinSpecialChars4.indexOf(inputString.charAt(i)) != -1) 2611        {2612            validateResult = true;2613        }2614        if (chinSpecialChars5.indexOf(inputString.charAt(i)) != -1) 2615        {2616            validateResult = true;2617        }2618    }2619    return validateResult;2620}2621function convertToGuidString(normalstring)2622{2623    if (normalstring == "0")2624   {2625        normalstring = "00000000-0000-0000-0000-000000000000";2626   } 2627    var newstring = normalstring;2628    var part1 = "";2629    var part2 = "";2630    var part3 = "";2631    var part4 = "";2632    var part5 = "";     2633    if (normalstring.indexOf('-') == -1)2634   {2635        normalstring = ReplaceID(normalstring, 'part_', '');2636        part1 = normalstring.substring(0, 8);2637        part2 = normalstring.substring(8, 12);2638        part3 = normalstring.substring(12, 16);2639        part4 = normalstring.substring(16, 20);2640        part5 = normalstring.substring(20);2641        newstring = part1 + "-" + part2 + "-" + part3 + "-" + part4 + "-" + part5;2642   } 2643   return newstring;2644}2645function convertFromGuidString(guidstring)2646{2647    var newstring = ReplaceID(guidstring, "-", "");2648    newstring = newstring.toUpperCase();2649    return newstring;   2650}2651// Allows the developer to find HTML elements of a specific classname2652function getElementsByClassName(node, classname)2653{2654    var a = [];2655    var re = new RegExp('(^| )'+classname+'( |$)');2656    var els = node.getElementsByTagName("*");2657    for(var i=0,j=els.length; i<j; i++)2658        if(re.test(els[i].className))a.push(els[i]);2659    return a;2660}2661function hasClassName(el, name) {2662    // Return true if the given element currently has the given class2663    // name. 2664    var re = new RegExp('(?:^|\\s)'+name+'(?:\\s|$)');2665  2666    if (el.className.match(re) != -1 && el.className.match(re) != null)2667    {2668        return true;2669    }2670    else2671    {2672        return false;2673    }2674  2675}2676function addClassName(el, name)2677{2678    if (!hasClassName(el, name)) el.className = (el.className+' '+name);2679}2680function removeClassName(el, name) {2681    // Remove the given class name from the element's className property.2682  2683    /*var re = new RegExp('(^|\\s)'+name+'(?:\\s|$)');2684    el.className = el.className.replace(re, '$1');*/2685    2686    var curClasses = el.className.split(" ");2687    var newClasses = [];2688    2689    for (var i = 0; i < curClasses.length; i++)2690    {2691        if (curClasses[i] != "" && curClasses[i] != name) newClasses.push(curClasses[i]);2692    }2693    2694    el.className = newClasses.join(" ");2695      2696}2697function toggleClassName(el, name)2698{2699    if (hasClassName(el, name))2700    {2701        removeClassName(el, name);2702    }2703    else2704    {2705        addClassName(el, name);2706    }2707}2708function getPageOffsetLeft(el) {2709  var x;2710  // Return the x coordinate of an element relative to the page.2711  x = el.offsetLeft;2712  if (el.offsetParent != null)2713    x += getPageOffsetLeft(el.offsetParent);2714  return x;2715}2716function getPageOffsetTop(el) {2717  var y;2718  // Return the x coordinate of an element relative to the page.2719  y = el.offsetTop;2720  if (el.offsetParent != null)2721    y += getPageOffsetTop(el.offsetParent);2722  return y;2723}2724function $showException(objErr,CloseMethod, extraPath)2725{2726    var finalErr = "";2727    var closeMethod = "doHidePopup()";2728    2729    if ((CloseMethod != null) && (typeof(CloseMethod) != "undefined"))2730    {2731        closeMethod = CloseMethod;2732    }2733       2734    2735    finalErr += "<Table cellspacing=2 cellpadding=0 border=0><tr><td colspan=2 align=left class='smllabelbold'>An unexpected error occurred, please review the following information:</td></tr><tr><td colspan=2>&nbsp;</td></tr>";2736    2737    if (objErr.Title != null)2738    {2739        finalErr += "<tr><td valign=top align=left class='smllabelbold'>Title:</td><td align=left class='smllabel'>" + objErr.Title + "</td></tr>";2740    }2741    2742    if (objErr.Type != null)2743    {    2744        finalErr += "<tr><td valign=top align=left class='smllabelbold'>Type:</td><td align=left class='smllabel'>" +  objErr.Type + "</td></tr>";2745    }2746    2747    if (objErr.Description != null)2748    {2749        finalErr += "<tr><td valign=top align=left class='smllabelbold'>Description:</td><td align=left class='smllabel'>" + objErr.Description + "</td></tr>"2750    }2751    2752    if (objErr.StackTrace != null)2753    {2754        finalErr += "<tr><td valign=top align=left class='smllabelbold'>StackTrace:</td><td align=left class='smllabel'>" + objErr.StackTrace + "</td></tr>"2755    }    2756    2757    finalErr += "</table>";2758    if (!extraPath)2759   {2760    extraPath = "";2761   } 2762    doPopupIframe("Error",finalErr,450,200,"OK",closeMethod,"","","","","20000","",extraPath, "", "error");2763}2764function $CustomError()2765{2766    this.Title;2767    this.Type;2768    this.Description;2769    this.StackTrace;2770}2771function $addEvent(obj, evType, fn)2772{2773	//if(evType.indexOf("on"))2774	//{2775	//    evType = ReplaceID(evType,"on","");2776	//}2777	var evTypeRef = '__' + evType;2778	if (obj[evTypeRef])2779	{2780		if (array_search(fn, obj[evTypeRef]) > -1) return;2781	}2782	else2783	{2784		obj[evTypeRef] = [];2785		if (obj['on'+evType]) obj[evTypeRef][0] = obj['on'+evType];2786		obj['on'+evType] = handleEvent;2787	}2788	obj[evTypeRef][obj[evTypeRef].length] = fn;2789}2790/* Adds multiple events to an object that fires the same function */2791function $addEvents(obj, evs, fn)2792{2793    for (var i = evs.length; --i >= 0;)2794	{2795		$addEvent(el, evs[i], func);2796	}2797}2798function $removeEvent(obj, evType, fn)2799{2800    var evTypeRef = '__' + evType;2801    if (obj != null)2802    {2803	    if (obj[evTypeRef])2804	    {2805		    var i = array_search(fn, obj[evTypeRef]);2806		    if (i > -1) delete obj[evTypeRef][i];2807	    }2808	}2809}2810/* Remove multiple events from an object that fires the same function */2811function $removeEvents(obj, evs, fn)2812{2813    for (var i = evs.length; --i >= 0;)2814	{2815		$removeEvent(el, evs[i], func);2816	}2817}2818function handleEvent(e)2819{2820	e = e || window.event;2821	var evTypeRef = '__' + e.type;2822	var retValue = true;2823	for (var i = 0, j = this[evTypeRef].length; i < j; i++)2824	{2825		if (this[evTypeRef][i])2826		{2827			this.__fn = this[evTypeRef][i];2828			retValue = this.__fn(e) && retValue;2829		}2830	}2831	if (this.__fn) try { delete this.__fn; } catch(e) { this.__fn = null; }2832	return retValue;2833}2834function array_search(val, arr)2835{2836	var i = arr.length;2837	while (i--)2838		if (arr[i] && arr[i] === val) break;2839	return i;2840}2841/* SVE: 15/02/2007: shows a mini version of the busydivtag, when only a certain div should be disabled */2842function miniBusyDiv(divTagID)2843{2844//    if (_MustShowPop)2845//   {2846//        return;2847//   } 2848   if ($id('miniBusy_' + divTagID)) 2849   {2850        var controlMiniState = ($id('miniBusy_' + divTagID));2851        controlMiniState.parentNode.removeChild(controlMiniState); 2852   }  2853  2854    var controlwidth = ($id(divTagID)).offsetWidth;2855    var controlheight = ($id(divTagID)).offsetHeight;2856    var controlzindex =   10000;2857    var controltop  = getElementTrueTop($id(divTagID));2858    var controlleft  = getElementTrueLeft($id(divTagID));2859       2860    var controlBusyDiv = document.createElement("div");2861    controlBusyDiv.id = 'miniBusy_' + divTagID; 2862    controlBusyDiv.style.width = controlwidth;2863    controlBusyDiv.style.height = controlheight;2864    controlBusyDiv.style.zIndex =  controlzindex;2865    controlBusyDiv.style.left =  controlleft;2866    controlBusyDiv.style.top =  controltop;  2867    controlBusyDiv.style.position = "absolute";2868    controlBusyDiv.style.background = "white";2869    controlBusyDiv.style.border = "2px solid whitesmoke"; 2870    controlBusyDiv.style.filter = "Alpha(opacity=85)"; 2871    controlBusyDiv.innerHTML = "<table height='100%' width='100%'><tr valign='middle'><td align='center'><img src='../images/Blue_Big_Rotate.gif' /></td></tr></table>"; 2872    ($id(divTagID)).disabled = "disabled"; 2873    document.body.appendChild(controlBusyDiv);  2874}2875function miniBusyDone(divTagID)2876{2877    if ($id(divTagID))2878   { 2879        if ($id('miniBusy_' + divTagID)) 2880       {2881            var controlBusyDiv = ($id('miniBusy_' + divTagID));2882            controlBusyDiv.parentNode.removeChild(controlBusyDiv); 2883       } 2884       ($id(divTagID)).disabled = "";2885   }2886}2887/* end mini busy div */2888function generatePopupHTML(id, heading, info, content, buttons, height, width, closeButtonName, closeFunction, infoHeader, infoContent, pathExtra,  popupImage)2889{2890    if (!pathExtra)2891   {2892        pathExtra = "";2893   } 2894   2895   if (!popupImage)2896   {2897        popupImage = "";2898   }2899    var htmlValue = "";2900   2901    htmlValue += '<table width="100%" height="100%" cellpadding="0" border="0" cellspacing="0" id="' + id + '">'; 2902    htmlValue += '			<tr>';2903	htmlValue += '			<td valign=top align=left >';2904    htmlValue += '		           <table id="body" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" >'; 2905    htmlValue += '		            	<tr >';2906    htmlValue += '							<td valign=top><IMG SRC="' + pathExtra +  '../images/popup_top_left.gif"></td>';2907    htmlValue += '	    				    <td class="toptab_repeat  " width="100%" >';2908    htmlValue += '								<table cellpadding="0" cellspacing="0" width="100%" >';2909    htmlValue += '									<tr>';2910    htmlValue += '										<td colspan="2"><IMG height="3px" SRC="' + pathExtra +  '../images/spacer.gif"></td>';2911    htmlValue += '									</tr>';2912    htmlValue += '									<tr>';2913    htmlValue += '										<td >';2914    htmlValue += '										    <table width=100%>';2915    htmlValue += '										        <tr>';2916    htmlValue += '										            <td class="white_heading" >&nbsp;' +  heading + '</td>';2917    if  ((closeFunction != null) &&  (closeFunction.length > 0))2918    { 2919        htmlValue += '										             <td align=right>';2920        htmlValue += '                                                         <img src="' + pathExtra +  '../images/close.gif" onclick="' + closeFunction + '" style="cursor:hand;" /></td>';2921   } 2922    htmlValue += '										        </tr>';   2923    htmlValue += '										    </table>';2924    htmlValue += '                                       </td>';2925    htmlValue += '			                        </tr>';2926    htmlValue += '								</table>';2927    htmlValue += '							</td>';2928    htmlValue += '							<td align="right" valign=top><IMG SRC="' + pathExtra +  '../images/popup_top_right.gif"></td>';2929    htmlValue += '						   </tr>';2930    htmlValue += '						<tr>';2931    htmlValue += '							<td colspan="3" height="100%" bgcolor="white">';2932    htmlValue += '								<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="white">';2933    htmlValue += '									<tr>';2934    htmlValue += '										<td class="tabs_left_plain_repeat" width="3px"><img width="3px" src="' + pathExtra +  '../images/spacer.gif"></td>';2935    htmlValue += '										<td width="100%" height="100%">';2936    htmlValue += '											<table width="100%" height="100%" cellpadding="1" cellspacing="1"  border="0">';2937    htmlValue += '												<tr>';2938    htmlValue += '										            <td style="width: 1px;"></td>';2939    htmlValue += '										        </tr>';2940    if (info.length > 0)2941   { 2942        htmlValue += '												<tr>';2943        if (popupImage.length > 0)2944        {2945            htmlValue += '<td  colspan="2" valign="top" width="100%"><div id="info" style="height:30px; overflow:auto;width:100%;" class="info"> ' + info + '</div>';2946        }2947        else2948        {2949            htmlValue += '<td  valign="top" width="100%"><div id="info" style="height:30px; overflow:auto;width:100%;" class="info"> ' + info + '</div>';2950        }2951        htmlValue += '                                                   </td>';2952        htmlValue += '												</tr>';2953   } 2954    htmlValue += '												<tr valign=top>';2955  if (popupImage.length > 0)2956   {2957         htmlValue += '<td style=\"width:48px;\"><img src="' + pathExtra + '../images/' + popupImage + '48x48.gif" /></td>'; 2958         htmlValue += '													<td   height=' +  (parseInt(height) + 10) ;2959   }2960   else2961   {2962        htmlValue += '													<td colspan="2" style="padding-left:10px;" height="' +  (parseInt(height) + 10) + 'px"';2963   }2964    if (content.length > 0)2965    { 2966        htmlValue +=                                                           ' class=black_bdtxt >' + content;2967    } 2968   else2969   {2970        htmlValue +=                                                         '>';2971   } 2972    htmlValue += '													</td>';2973    htmlValue += '                                               </tr>';2974    htmlValue += '											</table>';2975    htmlValue += '										</td>';2976    htmlValue += '										<td class="tabs_right_plain_repeat" style="border-right: solid 1px #E0E0E0" width=4px><img width=4px src="' + pathExtra +  '../images/spacer.gif"></td>';2977    htmlValue += '									</tr>';2978    htmlValue += '								</table>';2979    htmlValue += '							</td>';2980    htmlValue += '						</tr>';2981   //if buttons should be added into the popup 2982    if (buttons.length > 0)2983   {  2984   2985        //left edge of buttons2986        htmlValue += '					<tr>';2987        htmlValue += '						    <td colspan=3>';2988        htmlValue += '						        <table cellpadding=0 cellspacing=0 border=0 width="100%">';2989        htmlValue += '						            <tr>';2990        2991        if (infoHeader.length > 0)2992        {2993            htmlValue += '						                <td rowspan=2><img src="' + pathExtra +  '../images/help_button.gif" onclick="ShowK2Help(' + infoHeader + ')" /></td>';2994            //onclick=showHelpPopup("help' + id + '")2995        }2996        else2997        {2998           htmlValue += '						                <td rowspan=2><img src="' + pathExtra +  '../images/button_left_two_edges.gif" /></td>';2999        }3000        htmlValue += '						                <td class="button_bar_repeat" width=100%></td>';3001        htmlValue += '							            <td class="button_bar_repeat" valign=top width=4px><img src="' + pathExtra +  '../images/button_left.gif" /></td>';3002        3003        var btnValues = buttons.split("âº");3004        var btnValue = '';3005        var fn = '';3006        var looper = 0;3007        for (var i=0; i<btnValues.length; i++)3008        {3009            if (i % 2 == 0)3010            {3011                //new button & values3012                btnValue = btnValues[i];3013                if (btnValue.length > 0)3014               { 3015                    fn = btnValues[i + 1];3016                    if (fn.split("|")[1] != null)3017                    {3018                        _popEvents[fn.split("|")[1]] = fn.split("|")[0];3019                        fn = fn.split("|")[0];            3020                    }     3021                3022                    htmlValue += '						            <td style="cursor:hand;" class="button_repeat"  id="' + btnValue +'" onclick="' + fn +'" onmouseover=\'popupButtonMouseOver(event, "' +  pathExtra +'")\' onmouseout=\'popupButtonMouseOut(event, "' +  pathExtra +'")\' nowrap>' +  btnValue+ '</td>';3023                    looper += 1; 3024               }3025               3026                if ((i + 2) < btnValues.length)3027                {3028                    htmlValue += '							            <td ><img src="' + pathExtra +  '../images/toolbar_repeat-.gif" /></td>';3029                    looper +=1;3030                }3031                else3032                {3033                    htmlValue += '							            <td rowspan=2 ><img src="' + pathExtra +  '../images/buttonbar_right2.gif" /></td>';3034                    looper +=2;3035                }3036             }3037        }3038    3039        //repeater for looper 3040        htmlValue += '						            </tr>';3041        htmlValue += '						            <tr>';3042        htmlValue += '						                <td class=button_bar_bottom_repeat colspan=' + looper + ' width=100% height=4px ><img src="' + pathExtra +  '../images/spacer.gif" /></td>';3043        htmlValue += '						            </tr>';3044        htmlValue += '						        </table>';3045        htmlValue += '						    </td>';3046        htmlValue += '						</tr>';3047        htmlValue += '					</table>';3048        htmlValue += '				</td>';3049        htmlValue += '			</tr>';3050    }3051   else // just the "normal" closing tags - without place for buttons3052   {3053       htmlValue += '					<tr>';3054        htmlValue += '						    <td colspan=3>';3055        htmlValue += '						        <table cellpadding=0 cellspacing=0 border=0 width="100%">';3056        htmlValue += '						            <tr>';3057        htmlValue += '						                <td rowspan=2><img src="' + pathExtra +  '../images/bottom_left_clear.gif" /></td>';3058        htmlValue += '						                <td width=100% style="background:white;"></td>';3059        htmlValue += '							            <td rowspan=2 ><img src="' + pathExtra +  '../images/buttonbar_right_clear.gif" /></td>';3060        htmlValue += '						            </tr>';3061        htmlValue += '						            <tr>';3062        htmlValue += '						                <td class=button_bar_bottom_repeat width=100%  ><img src="' + pathExtra +  '../images/spacer.gif" /></td>';3063        htmlValue += '						            </tr>';3064        htmlValue += '						        </table>';3065        htmlValue += '						    </td>';3066        htmlValue += '						</tr>';3067        htmlValue += '					</table>';3068        htmlValue += '				</td>';3069        htmlValue += '			</tr>';3070   }  3071    htmlValue += '		</table>';3072   3073//   htmlValue += '<tr><td>';3074//   htmlValue += generateInfoPopupHTML('blablabla','morebla die bla <br>again and again', width, 0);3075//   htmlValue += '</td></tr>';    3076     3077     return htmlValue; 3078}3079function setPopupButtonStatus(id, status)3080{3081    //id = id of control3082   //status = new status (disabled, enabled)3083   //todo:  remove the click events from the buttons (or do the check from the functions?)3084   ($id(id)).setAttribute("status", status); 3085   if (status == "disabled")3086   {3087        ($id(id)).className = "button_repeat_disabled";3088   }3089   else3090   {3091        ($id(id)).className = "button_repeat";3092   }3093}3094function generateInfoPopupHTML(InfoHeader, InfoText, width, height, pathExtra)3095{3096    var htmlValue = '';3097    if ((!width)||(width < 100))3098   {3099        width = 100;3100   }  3101    htmlValue += '<table cellpadding=0 cellspacing=0 border=0 width="' + width +'">';3102    htmlValue += '   <tr>';3103    htmlValue += '       <td width=6px><img src="' + pathExtra +  '../images/help_left_top.gif" /></td>';3104    htmlValue += '       <td class=help_top_repeat></td>';3105    htmlValue += '       <td ><img src="' + pathExtra +  '../images/help_top_right.gif" /></td>';3106    htmlValue += '   </tr>';3107    htmlValue += '   <tr>';3108    htmlValue += '       <td class=help_left_repeat height=100% width=6px></td>';3109    htmlValue += '       <td width=100% class=help_body><b><i>' + InfoHeader + '</i></b><br>';3110    htmlValue += InfoText;3111    htmlValue += '       </td>';3112    htmlValue += '       <td class=help_right_repeat></td>';3113    htmlValue += '   </tr>';3114    htmlValue += '   <tr>';3115    htmlValue += '       <td colspan=3>';3116    htmlValue += '           <table cellpadding=0 cellspacing=0>';3117    htmlValue += '               <tr>';3118    htmlValue += '                   <td colspan=2 align=left width=52px><img src="' + pathExtra +  '../images/help_left_bottom.gif" /></td>';3119    htmlValue += '                   <td class=help_bottom_repeat width=100%></td>';3120    htmlValue += '                   <td valign=top><img src="' + pathExtra +  '../images/help_right_bottom.gif" /></td>';3121    htmlValue += '               </tr>';3122    htmlValue += '          </table>';3123    htmlValue += '       </td>';3124    htmlValue += '     </tr>';3125    htmlValue += '</table>';3126   3127    return htmlValue; 3128}3129function createHelpPopup(ID, InfoHeader, InfoText, width, height, pathExtra)3130{3131    var helpDiv;3132    if ($id(ID))3133   {3134        helpDiv = ($id(ID));3135   }3136   else3137   {3138        helpDiv = document.createElement("DIV");3139        helpDiv.id = ID;3140        document.appendChild(helpDiv);3141   }      3142   helpDiv.innerHTML = generateInfoPopupHTML(InfoHeader, InfoText, width, height, pathExtra);3143   helpDiv.style.display = "none";3144   helpDiv.style.position = "absolute";3145}3146function showHelpPopup(ID, top, left)3147{3148    var helpDiv;3149    if ($id(ID))3150   {3151        helpDiv = ($id(ID));3152        helpDiv.style.display = "";3153        if (!top)3154        {3155            top = event.clientY;3156        }3157        if (!left)3158        {3159            left = event.clientX;3160        }3161        helpDiv.style.top = top;3162        helpDiv.style.left = left;3163   }3164}3165function hideHelpPopup(ID)3166{3167     var helpDiv;3168    if ($id(ID))3169    {3170        helpDiv = ($id(ID));3171        helpDiv.style.display = "none";3172    }3173}3174function $showPopup(HeadingText, ContentText, ControlID, Height, Width, IframeSrc, CloseFunction, ButtonValues, ZIndex, BusyDivID, ExtraPath, InfoText, HelpHeader, HelpContents, Drag, popupImage)3175{3176    //Text in the header of the popup3177    if (!HeadingText)3178   {3179        HeadingText = "";3180   } 3181   //Text to be displayed in the popup, if no control is popped up3182   if (!ContentText)3183   {3184        ContentText = "";3185   } 3186    //control to display in the popup3187   if (!ControlID)3188   {3189        ControlID = "";3190   }3191   //height of the popup3192   if (!Height)3193   {3194        Height = "";3195   } 3196   //width of the popup3197   if (!Width)3198   {3199        Width = "";3200   }3201   //src of the iframe that will be popped up3202   if (!IframeSrc)3203   {3204        IframeSrc = "";3205   }3206   //function to execute on the close button3207   if (!CloseFunction)3208   {3209        CloseFunction = "";3210   }3211   //list of buttons with relevant functions3212   if (!ButtonValues)3213   {3214        ButtonValues = "";3215   }3216   //zindex of popup3217   if (!ZIndex)3218   {3219        ZIndex = "";3220   }3221   //name of busy div to be displayed3222   if (!BusyDivID)3223   {3224        BusyDivID = "";3225   }3226   //extra path which will be appended to src of images of popup3227   if (!ExtraPath)3228   {3229        ExtraPath = "";3230   }3231   //information text of popup (green section)3232   if (!InfoText)3233   {3234        InfoText = "";3235   }3236   //Help ID to be passed to the help file3237   if (!HelpHeader)3238   {3239        HelpHeader = "";3240   }3241   //contents of help (redundant)3242   if (!HelpContents)3243   {3244        HelpContents = "";3245   }3246   //whether the popup should be draggable - not implemented3247   if (!Drag)3248   {3249        Drag = "";3250   }3251   //image to be displayed next to the message in the popup3252   //options: warning, info, error, help3253   if (!popupImage)3254   {3255        popupImage = "";3256   }3257   3258   //declaration of variables3259    var IframeZIndex = 10019;3260    var DivZIndex = 10020; 3261    var currentIndex = 9020; 3262    var divAlert ; 3263    var ControlDiv;3264    var ifr; 3265   3266   //calculation of relevant zIndeces3267    if (ControlID.length > 0)3268   { 3269        if (($id(ControlID)).style.zIndex)3270        {3271            currentIndex = ($id(ControlID)).style.zIndex;    3272        }      3273        else3274        {3275            ($id(ControlID)).style.zIndex = currentIndex;3276        }3277         DivZIndex = parseInt(parseInt(currentIndex) - parseInt(1));3278         IframeZIndex = parseInt(parseInt(currentIndex) - parseInt(2));3279   } 3280    3281   //generate/reference foreground iframe  3282    if ((ControlID.length == 0) && (IframeSrc.length > 0))3283   {3284        var IframeControl = ($id("IFrameSrc"));3285        if(!(IframeControl))3286        {3287            IframeControl = document.createElement("IFRAME");3288            IframeControl.id = "IFrameSrc";3289            IframeControl.frameBorder =0;   3290            document.body.appendChild(IframeControl);3291        }3292        IframeControl.style.width = Width;3293        IframeControl.style.height = (parseInt(Height) + 15);3294        IframeControl.src = IframeSrc;3295        3296        IframeControl.style.zIndex = (parseInt(DivZIndex) + parseInt(2));3297        ControlID = IframeControl.id;3298   }3299    //Busy Div tag & zIndex3300    if (ZIndex == undefined)3301   {3302        ZIndex= "";3303   } 3304    if ((ZIndex=="undefined")||(ZIndex.length == 0))3305    {3306        3307        if (ControlID.length > 0)3308        {3309            busyDivTag((parseInt(DivZIndex)-parseInt(2)), "busy_" + ControlID);3310        } 3311        else3312        {3313            if ((BusyDivID=="undefined")||(BusyDivID.length == 0))3314            {3315                busyDivTag();3316             }3317            else3318            {3319                busyDivTag((parseInt(DivZIndex)-parseInt(2)),  "busy_" + BusyDivID);3320            }  3321        }3322    }3323    else3324    {3325         IframeZIndex = (parseInt(ZIndex) + parseInt(1));3326         DivZIndex = (parseInt(ZIndex) + parseInt(2));3327         busyDivTag(ZIndex,BusyDivID);3328    }3329   3330   //display of control3331   if (!ControlID)3332   {3333        ControlID = "";3334   }3335   else  if ($id(ControlID))3336   { 3337        ControlDiv = $id(ControlID);3338        ControlDiv.style.display = "block"; 3339        if (!Height)3340       {3341            Height =(parseInt(ControlDiv.style.height.replace("px","")));3342       } 3343       3344       if (!Width)3345       {3346            Width =  (parseInt(ControlDiv.style.width.replace("px","")));3347       }3348      3349        if ((Height == "") || isNaN(Height))3350	        Height = ControlDiv.offsetHeight;3351    		3352        if ((Width == "") || isNaN(Width))3353	        Width = ControlDiv.offsetWidth;	3354   }3355   3356   if ((CloseFunction.length == 0)||(CloseFunction == "doHidePopup()"))3357   {3358       //close function of the popup3359       CloseFunction = "doHidePopup('" + ControlID + "')";3360   }3361    var screenL = document.documentElement.offsetWidth - Width ;3362    var screenH = document.documentElement.offsetHeight - Height; 3363    if (InfoText.length > 0)3364    {3365        screenH = screenH - 110;3366    }3367    var xtraPopupHeight=70;3368    var top = ((screenH-xtraPopupHeight)/2) +  parseInt(returnScrollDimensions(0));3369    if (top<0)3370    {3371        top=0;3372    } 3373    var left = (screenL/2) + parseInt(returnScrollDimensions(1));3374    //poisitioning of div    3375    var stDiv = "top:" + parseInt(top-5) + "px;left:" + parseInt(left-5) + "px;width:" + (parseInt(Width)+10) + "px;height:" + (parseInt(Height)+10) + "px;"3376    3377   if ($id("container" + ControlID))3378   {3379        divAlert = ($id("container" + ControlID));3380   }3381   else3382   {3383       divAlert = document.createElement("DIV"); 3384       divAlert.id = "container" + ControlID;3385       divAlert.className = "dragmain";3386     3387      //add control/parentdiv to array of controls which can be moved3388      if ($id(ControlID))3389      {3390        popupControls.push(($id(ControlID)));3391      }3392      else3393      {3394        popupControls.push(divAlert);3395      }3396      3397        if ((ControlID.length == 0)||(IframeSrc.length > 0))3398        {3399            document.body.appendChild(divAlert);3400        }3401        else3402        {3403            ($id(ControlID)).parentNode.appendChild(divAlert);3404        }3405   } 3406    //set the innerhtml of the div3407   divAlert.innerHTML = generatePopupHTML('tblContainer' + ControlID, HeadingText, InfoText, ContentText, ButtonValues, Height, Width, "X", CloseFunction, HelpHeader, HelpContents, ExtraPath, popupImage)3408   divAlert.style.cssText = "position:absolute;display:none;z-index:"+ DivZIndex +";" + stDiv;3409            3410    //add background iframe3411   if ($id("iframepopups" + ControlID))3412   {3413     ifr = ($id("iframepopups"  + ControlID));3414   } 3415   else3416   {3417     ifr = document.createElement("IFRAME");3418     ifr.id = "iframepopups"  + ControlID;3419     divAlert.parentElement.appendChild(ifr);3420    }3421   ifr.className="dragmeIfr"; 3422    ifr.frameBorder = "0";3423    var table = $id("tblContainer" + ControlID);3424    var st = "top:" + parseInt(top) + "px;z-index:" + IframeZIndex+";position:absolute;left:" + parseInt(left) + "px;width:" + (parseInt(Width)-5) + "px;height:" + (parseInt(Height)-5) + "px"; 3425    3426    //toggle the relevant visibility of the div and iframe  3427    $DivSetVisible(true,table,ifr,st);3428     3429     if (ControlDiv)3430     {3431        //Control style 3432        var stcontrol = "";3433        if (InfoText.length > 0)3434        {3435             stcontrol = ";top:" + (parseInt(top) + parseInt(75)) + "px;z-index:" + parseInt(parseInt(DivZIndex) + parseInt(1)) + ";position:absolute;left:" + (parseInt(left))  + "px;";3436        }3437        else3438        { 3439             stcontrol = ";top:" + (parseInt(top) + parseInt(33)) + "px;z-index:" + parseInt(parseInt(DivZIndex) + parseInt(1)) + ";position:absolute;left:" + (parseInt(left))  + "px;";3440        } 3441        ControlDiv.style.cssText += stcontrol;3442   }3443    divAlert.style.display = "block";3444    divAlert.focus(); 3445   3446//     if (HelpHeader.length > 0)3447//     {3448//        createHelpPopup("help" + 'tblContainer' + ControlID, HelpHeader, HelpContents, 0, 200, ExtraPath);3449//     } 3450}3451function getElementTrueLeft(inputObj)3452{3453    var returnValue = inputObj.offsetLeft;3454    3455    while((inputObj = inputObj.offsetParent) != null)3456    {3457        if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;3458    }3459    3460    return returnValue;3461}3462function getElementTrueTop(inputObj)3463{  3464    var returnValue = inputObj.offsetTop;3465    3466    while((inputObj = inputObj.offsetParent) != null)3467    {3468        if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;3469    }3470    return returnValue;3471}3472function popupButtonMouseOver(e, pathExtra)3473{3474    var openevent = (e) ? e : window.event;3475    var tg = (e.target) ? e.target : e.srcElement3476    if (tg.getAttribute("status") == "disabled")3477   {3478        return false;3479   } 3480    tg.className = "green_button_repeat3"; 3481    if (tg.previousSibling)3482    {3483        if (tg.previousSibling.childNodes.length > 0)3484       {3485            if ((tg.previousSibling.childNodes[0].tagName.toLowerCase()  == "img") && (tg.previousSibling.childNodes[0].src.toLowerCase().indexOf("left") > 0))3486            {3487                tg.previousSibling.childNodes[0].src =   pathExtra + "../images/green_button_left.gif";3488            }3489       } 3490    }3491    if (tg.nextSibling)3492    {3493        if (tg.nextSibling.childNodes.length > 0)3494       {3495            if ((tg.nextSibling.childNodes[0].tagName.toLowerCase()  == "img") && (tg.nextSibling.childNodes[0].src.toLowerCase().indexOf("right") > 0))3496            {3497                tg.nextSibling.childNodes[0].src =   pathExtra + "../images/buttonbar_green_right.gif";3498            }3499       } 3500    } 3501    3502}3503function popupButtonMouseOut(e, pathExtra)3504{3505    var openevent = (e) ? e : window.event;3506    var tg = (e.target) ? e.target : e.srcElement3507    if (tg.getAttribute("status") == "disabled")3508   {3509        return false;3510   }  3511    tg.className = "button_repeat";3512     if (tg.previousSibling)3513    {3514        if (tg.previousSibling.childNodes.length > 0)3515       {3516            if ((tg.previousSibling.childNodes[0].tagName.toLowerCase()  == "img") && (tg.previousSibling.childNodes[0].src.toLowerCase().indexOf("left") > 0))3517            {3518                tg.previousSibling.childNodes[0].src =   pathExtra + "../images/button_left.gif";3519            }3520       } 3521    }3522    if (tg.nextSibling)3523    {3524        if (tg.nextSibling.childNodes.length > 0)3525       {3526            if ((tg.nextSibling.childNodes[0].tagName.toLowerCase()  == "img") && (tg.nextSibling.childNodes[0].src.toLowerCase().indexOf("right") > 0))3527            {3528                tg.nextSibling.childNodes[0].src =   pathExtra + "../images/buttonbar_right2.gif";3529            }3530       } 3531    }3532}3533//Pass the URL , it will return the filename3534function $getFileName(URL)3535{3536    var tr = URL;3537    var strBack = "";3538    len = tr.length 3539    rs = 0 3540    for (i = len; i > 0; i--) 3541    { 3542            vb = tr.substring(i,i+1) 3543            if (vb == "/" && rs == 0) 3544             { 3545                strBack =  tr.substring(i+1,len);3546                rs = 1 3547             } 3548    }3549    3550    return strBack;3551}3552function $swopImage(URL,to,from)3553{3554    //http://bp1/images/area1.gif3555    //area1.gif3556    var filename = $getFileName(URL);3557    var fileTemp = filename;3558    if(filename == "")3559    {3560        alert('Error in swop Image');3561    } 3562    else3563    {3564        fileTemp = $rep(fileTemp,to,from);3565        fileTemp = $rep(URL,filename,fileTemp);3566    }3567    3568    return fileTemp;3569}3570//////////3571function showSimplePopupDiv(popuptablename, nohide, top, left)3572{3573    //shows the context menu type, showing the popuptable name's innerHTML3574   // need to add your own getTopPos & getLeftPos function in your own JS for  checkoutsideWidth & checkoutsideBottomPopUp to work - specifically done like this to reuse code, but work with calendar3575    var htmlValue = '';3576    htmlValue +=' <table class="context_menu_main"> ';3577    htmlValue +='     <tr> ';3578    htmlValue +='            <td class="context_menu_second"> ';3579    if (!nohide)3580    {3581        htmlValue +='                <table cellpadding="1" cellspacing="0" onmouseleave="closeSimplePopupDiv()">';3582    }3583    else3584    {3585        htmlValue +='                <table cellpadding="1" cellspacing="0">';3586    }3587    htmlValue +=  ($id(popuptablename)).innerHTML;3588    htmlValue +='                </table>' 3589    htmlValue +='            </td> ';3590    htmlValue +='       </tr> ';3591    htmlValue +='    </table> ';3592    3593    var popupDiv =($id("simplePopupDiv"));3594    if (popupDiv) 3595    {3596        popupDiv.innerHTML = htmlValue;3597    }3598    else3599    {3600        popupDiv = document.createElement("div");3601        popupDiv.style.position = "absolute";3602        popupDiv.style.display = "none";3603        popupDiv.style.backgroundColor = "white";3604        popupDiv.id= "simplePopupDiv";3605        popupDiv.innerHTML = htmlValue;3606        document.body.appendChild(popupDiv);3607    }3608    3609    //do the physical popup section3610    var IfrRef = $id("backgroundframe");3611    if (!IfrRef)3612    {3613        IfrRef = document.createElement("iframe");3614        IfrRef.id = "backgroundframe";3615        document.body.appendChild(IfrRef);3616    }3617    3618    popupDiv.style.zIndex=9031;3619    popupDiv.style.display = "block";3620    IfrRef.style.position = 'absolute';3621    IfrRef.style.width = popupDiv.offsetWidth ;3622    IfrRef.style.height = popupDiv.offsetHeight ;3623    IfrRef.style.zIndex = popupDiv.style.zIndex - 1;3624    IfrRef.style.display = "block";3625    IfrRef.style.backgroundColor = "black";3626    3627     var iPos = 0;3628     var xPosRec = 0;3629     3630    if (event)3631    {3632        var obj= event.srcElement;3633    3634        iPos = checkoutsideWidth(obj,IfrRef.style.width, "MenuStructureScrollDiv");3635        xPosRec = checkoutsideBottomPopUp(obj,IfrRef.style.height, "MenuStructureScrollDiv");3636    }3637    else3638    {3639        iPos = left;3640        xPosRec = top;3641    }3642    3643   IfrRef.style.left = parseInt(iPos);3644   IfrRef.style.top = parseInt(xPosRec);3645   3646   popupDiv.style.left = parseInt(iPos);3647   popupDiv.style.top = parseInt(xPosRec);3648}3649function closeSimplePopupDiv()3650{3651    var IfrRef = $id("backgroundframe");3652    var div = ($id("simplePopupDiv"));3653    3654    if (div)3655    {3656        div.style.display = "none";3657    }3658    if (IfrRef)3659    {3660        IfrRef.style.display = "none";3661    }3662    3663     var tg = ($id("imageActionSelected"));3664     if (tg)3665     {3666        tg.src = "../images/black_context_arrow.gif";3667        tg.id = "";3668        tg.className = "normalItem";3669    }3670}3671function ShowK2Help(helpID)3672{3673    if (helpID == 0)3674        helpID = "";3675        3676    if (helpID != "")3677        window.open(buildURL("WorkspaceHelp/WorkspaceHelp.aspx?HelpID=" + helpID, null,"directories=0, location=0, menubar=0, titlebar=0, toolbar=0"));3678    else3679        window.open(buildURL("WorkspaceHelp/WorkspaceHelp.aspx", null,"directories=0, location=0, menubar=0, titlebar=0, toolbar=0"));3680}3681function ValidateDate(FromDate, ToDate, pagePath)3682{3683    if (FromDate > ToDate)3684    {3685        doPopup(Generic_js_DateValidationHeading, Generic_js_StartDateEndDate, 400 , 75, Generic_js_ButtonOk, "doHidePopup('dateCompare')|13", "", "", "", "", 11500, "dateCompare", pagePath,"","error");3686        return true;3687    }3688    else3689    {3690        return false;3691    }3692}3693function generateGuid()3694{3695    var result, i, j;3696    result = '';3697    for(j = 0; j < 32; j++)3698    {3699        if( j == 8 || j == 12|| j == 16|| j == 20)3700        {3701            result = result + '-';3702        }3703        i = Math.floor(Math.random()*16).toString(16).toUpperCase();3704        result = result + i;3705    }3706    return result;...

tools.js

Source:tools.js

1/* jshint expr: true */2(function () {3    "use strict";4}());5define = define || function () {6    //7};8define(9    [10        "jquery",11        "jqueryui",12        "howler",13    ],14    function ($) {15        window.log = console.log;16        /*17         *18         *      Extending jQuery!  How cool is this?19         *20         *      A few functions to deal with various input types, their21         *      various change events, and methods for retrieving values22         *23         *24         *25         */26        // gets input type, like "button" or "radio"27        // usage: let type = $("#thisElement").getInputType();28        // NOTE can't use fat-arrow function here, because it screws with "this"29        $.fn.getInputType = function () {30            if (!$(this)) return log("No $(this) for getInputType!"); // NEW TEST sometimes it seems there's no "this"!31            const type = $(this).attr("type");32            const tagName = $(this)[0].tagName;33            return (type || tagName).toLowerCase();34        };35        // gets the input value for various types of input36        // like this: let value = $("#someElement").getInputValue();37        $.fn.getInputValue = function () {38            const type = this.getInputType();39            if (["text", "number", "textarea", "range", "select"].indexOf(type) !== -1) return this.val();40            if (type === "checkbox") return this.is(":checked") ? 1 : 0;41            if (type === "radio") {42                const name = $(this[0]).prop("name");43                return $(`input[name='${name}'']:checked`).val();44            }45            return null;46        };47        // gets the appropriate change event to listen for for various48        // kinds of inputs, e.g., "change", "click", or "input"49        $.fn.getInputChangeEvent = function () {50            const type = this.getInputType();51            const inputTypes = ["checkbox", "text", "textarea", "number", "radio", "select"];52            if (inputTypes.indexOf(type) !== -1) return "change";53            if (type === "button" || type === "submit") return "click";54            if (type === "range") return "input"; // 'input' responds while sliding; 'change' responds only when finished sliding55            return null;56        };57        let tools = {};58        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *59         *60         *61         *62         *      Simple timer - starts, stops, clears, does something every second, etc.63         *64         *65         *66         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */67        function timer(obj = {}) {68            obj = $.extend({69                onEachFrame: function () {70                    // log("Frame!");71                },72                onEachSecond: function () {73                    // log(lastSecond + " seconds");74                },75                onStart: function () {76                    log("Started");77                },78                onStop: function () {79                    // log("Stopped");80                },81                onPause: function () {82                    log("Paused");83                },84                onClear: function () {85                    // log("Cleared!");86                },87            }, obj);88            let t1 = Date.now();89            let timeElapsed = 0;90            let secondsCounter = 0;91            let timerIsRunning = false;92            function eachFrame() {93                t2 = Date.now()94                if (timerIsRunning) timeElapsed += (t2 - t1);95                if (timerIsRunning) secondsCounter += (t2 - t1);96                t1 = t2;97                checkForSecond();98                obj.onEachFrame();99                window.requestAnimationFrame(eachFrame);100            }101            function checkForSecond() {102                if (secondsCounter < 1000) return;103                secondsCounter -= 1000;104                obj.onEachSecond();105            }106            function start() {107                if (timerIsRunning) return;108                timerIsRunning = true;109                t1 = Date.now();110                eachFrame();111                obj.onStart();112            }113            function stop() {114                if (!timerIsRunning) return this;115                timerIsRunning = false;116                t1 = null;117                obj.onStop();118                return this;119            }120            function getTimeElapsed() {121                return timeElapsed;122            }123            function getSecondsElapsed() {124                return Math.floor(getTimeElapsed() / 1000);125            }126            function isRunning() {127                return timerIsRunning;128            }129            function pause() {130                timerIsRunning = false;131                t1 = null;132                obj.onPause();133                return this;134            }135            function reset() {136                stop();137                t1 = null;138                t2 = null;139                lastSecond = null;140                timeElapsed = 0;141                obj.onClear();142                return this;143            }144            return {145                isRunning,146                pause,147                reset,148                start,149                stop,150                getTimeElapsed,151                getSecondsElapsed,152            };153        }154        function Timer(obj = {}) {155            const controller = new TimerController(Ticker, Display, Interval);156            const public = this;157            function TimerController(Ticker, Display, Interval) {158                const ticker = new Ticker();159                const display = new Display();160                display.getMs = () => ticker.getElapsedMs();161            };162            function Ticker() {163                let elapsedMs = 0;164                let isRunning = false;165                let t1 = Date.now();166                let elapsedSeconds = 0;167                setInterval(() => {168                    const t2 = Date.now();169                    if (isRunning) elapsedMs += t2 - t1;170                    if (isRunning) checkForSecond(t2 - t1);171                    t1 = t2;172                }, 20);173                function checkForSecond(ms) {174                    elapsedMs += ms;175                    if (elapsedSeconds < 1000) return;176                    elapsedSeconds -= 1000;177                    this.onElapsedSecond();178                }179                this.getElapsedMs = () => elapsedMs;180                this.onElapsedSecond = () => undefined;181                this.changeRunningState = val => isRunning = val ?? !isRunning;182            }183            function Display() {184                const pad = t => t < 10 ? "0" + t : t;185                this.getMs = () => undefined;186                this.getFormattedTime = () => {187                    const ms = this.getMs();188                    const totalSeconds = Math.floor(ms / 1000);189                    const displaySeconds = totalSeconds % 60;190                    const minutes = Math.floor(totalSeconds / 60);191                    const hundredths = Math.floor(ms / 10) % 100;192                    return {193                        raw: {194                            totalSeconds,195                            displaySeconds,196                            minutes,197                            hundredths198                        },199                        padded: {200                            totalSeconds: pad(totalSeconds),201                            displaySeconds: pad(displaySeconds),202                            minutes: pad(minutes),203                            hundredths: pad(hundredths),204                        },205                    };206                }207            }208            // return {209            //     isRunning,210            //     pause,211            //     reset,212            //     start,213            //     stop,214            //     getTimeElapsed,215            //     getSecondsElapsed,216            // };217        }218        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *219         *220         *221         *222         *      Analyzing arrays to see if they intersect partially, completely, etc.223         *224         *225         *226         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */227        function arrayIntersectHandler(a1, a2) {228            if (arguments.length !== 2 || !Array.isArray(a1) || !Array.isArray(a2)) {229                return log("Didn't the right number of arrays!");230            }231            if (!a1.length || !a2.length) return false;232            const intersection = a1.filter(item => a2.indexOf(item) !== -1);233            const numOverlap = intersection.length;234            const arraysDoIntersect = !!numOverlap;235            const arraysDontOverlap = !arraysDoIntersect;236            const arraysOverlapCompletely = a1.every(item => a2.indexOf(item) !== -1) || a2.every(item => a1.indexOf(item) !== -1);237            return {238                numOverlap,239                arraysDoIntersect,240                arraysDontOverlap,241                arraysOverlapCompletely,242            };243        }244        function arraysDoIntersect(a1, a2) {245            return arrayIntersectHandler(a1, a2).arraysDoIntersect;246        }247        tools.arraysDoIntersect = arraysDoIntersect;248        function arraysOverlapCompletely(a1, a2) {249            return arrayIntersectHandler(a1, a2).arraysOverlapCompletely;250        }251        tools.arraysOverlapCompletely = arraysOverlapCompletely;252        function stringsIntersect(s1, s2, obj = {}) {253            const a1 = s1.split(" " ?? obj.breakOn);254            const a2 = s2.split(" " ?? obj.breakOn);255            return arraysDoIntersect(a1, a2);256        }257        tools.stringsIntersect = stringsIntersect;258        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *259         *260         *261         *262         *      Just a shortcut for the audio voices263         *264         *265         *266         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */267        const getAudioVoices = (function () {268            const baseArray = ["Emma", "Joanna", "Justin", "Matthew"];269            return function (doShuffle = false) {270                return doShuffle ? shuffleArray(baseArray) : baseArray;271            };272        }());273        tools.getAudioVoices = getAudioVoices;274        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *275         *276         *277         *278         *      Picking a random voice for the audio279         *280         *281         *282         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */283        const audioVoice = (function () {284            const voicesArray = getAudioVoices();285            const shuffledArray = getAudioVoices(true);286            let voicePointer = 0;287            return {288                rotateVoice: () => voicePointer++,289                getCurrentVoice: () => shuffledArray[voicePointer % voicesArray.length],290                getAllVoices: (obj = {}) => obj.shuffle ? shuffledArray : voicesArray,291            };292        }());293        tools.rotateVoice = audioVoice.rotateVoice;294        tools.getCurrentVoice = audioVoice.getCurrentVoice;295        tools.getAllVoices = audioVoice.getAllVoices;296        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *297         *298         *299         *      Simply plays a sound. Stops on any keypress.300         *301         *302         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */303        const simplePlayer = (function () {304            let isPlaying = false;305            let playerSettings = {};306            let howl = null;307            function set(obj = {}) {308                $.extend(playerSettings, obj);309                return true;310            }311            function play(file, obj = {}) {312                if (!file) return;313                howl && howl.stop();314                if (isPlaying) return;315                isPlaying = false;316                if (file.toString().indexOf(".mp3") === -1) file += ".mp3";317                const voice = obj.voice || audioVoice.pickRandom();318                howl = new Howl({319                    src: playerSettings.useCustomPath ? [file] : [`/audio/${voice}/${file}`],320                    autoplay: playerSettings.autoplay || true,321                    onplay: function () {322                        $(window).on("keydown", stop);323                        playerSettings.onplay && playerSettings.onplay();324                        obj.onplay && obj.onplay();325                    },326                    onend: function () {327                        $(window).off("keydown", stop);328                        isPlaying = false;329                        playerSettings.onstop && playerSettings.onstop();330                        obj.onstop && obj.onstop();331                    },332                    onstop: function () {333                        $(window).off("keydown", stop);334                        isPlaying = false;335                        playerSettings.onstop && playerSettings.onstop();336                        obj.onstop && obj.onstop();337                    },338                    onloaderror: function (e) {339                        log("Couldn't load " + file);340                    }341                });342            }343            function stop(e) {344                e.preventDefault();345                howl && howl.stop();346            }347            return {348                play,349                stop,350                set,351            };352        }());353        tools.simplePlayer = simplePlayer;354        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *355         *356         *357         *358         *      Loads a JavaScript file dynamically359         *360         *361         *362         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */363        function loadScript(scriptSrc, callback) {364            let scriptTag = document.createElement("script");365            scriptTag.src = scriptSrc;366            document.head.appendChild(scriptTag);367            scriptTag.onload = function () {368                callback && callback();369            };370        }371        tools.loadScript = loadScript;372        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *373         *374         *375         *376         *      Returns the average width of an array of jQuery elements377         *378         *379         *380         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */381        function getAverageWidth(elements = []) {382            let totalWidth = 0;383            elements.forEach($span => {384                $span = forceJQuery($span);385                totalWidth += $span.outerWidth();386            });387            return totalWidth / elements.length;388        }389        tools.getAverageWidth = getAverageWidth;390        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *391         *392         *393         *394         *      Forcing an element to be jQuery395         *396         *397         *398         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */399        function forceJQuery(element) {400            return element instanceof $ ? element : $(element);401        }402        tools.forceJQuery = forceJQuery;403        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *404         *405         *406         *407         *      Couldn't be simpler408         *409         *410         *411         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */412        function isMobile() {413            return typeof window.orientation !== "undefined";414        }415        tools.isMobile = isMobile;416        tools.isNotMobile = () => !isMobile();417        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *418         *419         *420         *421         *      Scrolls an element to the middle of the page (actually, the top of the element)422         *423         *424         *425         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */426        function scrollToMiddle(elem) {427            elem = (elem instanceof $) ? elem[0] : elem; // extracting HTML element from jQuery428            const absoluteElementTop = elem.getBoundingClientRect().top + window.pageYOffset;429            const middle = absoluteElementTop - (window.innerHeight / 2);430            window.scrollTo(0, middle);431        }432        tools.scrollToMiddle = scrollToMiddle;433        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *434         *435         *436         *437         *      Handles the saving an object or array in localStorage (or sessionStorage) as JSON438         *439         *440         *441         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */442        function objectStorage(masterKey, sessionOrLocalStorage = "sessionStorage") {443            if (!masterKey) return log("objectStorage requires a key for the local (or session) storage!");444            const storage = window[sessionOrLocalStorage]; // either "localStorage" or "sessionStorage"445            let json = safeParseJSON(storage[masterKey]);446            return function (p) {447                /*448                    Usage:449                    tools.userInfo()                       --> GETS the WHOLE string, parsed as JSON450                    tools.userInfo("clear")                --> DELETES the object entirely from storage451                    tools.userInfo("username")             --> GETS the "username" value from the object452                    tools.userInfo("username", "James")    --> SETS the "username" to "James"453                    tools.userInfo({ one: 1, two: 2 })     --> SETS multiple values to the object454                    tools.userInfo([1, 2, 3,])             --> SETS the whole ARRAY into storage455                */456                const numArgs = arguments.length;457                if (!numArgs) return Object.keys(json).length ? json : null; // returning null if it's an empty object458                const arg1 = arguments[0];459                const arg2 = arguments[1];460                // saving key + value, like "storeObject('numStudent', 3)"461                if (numArgs === 2) { // key + value, presumably462                    json[arg1] = arg2;463                    storage[masterKey] = JSON.stringify(json);464                    return json;465                }466                if (numArgs === 1) {467                    if (arg1 === "clear") return storage.removeItem(masterKey);468                    if (typeof arg1 === "string") return json[arg1];469                    // overwriting the whole value with array new array470                    if (Array.isArray(p)) {471                        storage[masterKey] = JSON.stringify(p);472                        return p;473                    }474                    // extending the values475                    if (typeof p === "object") {476                        $.extend(json, p);477                        storage[masterKey] = JSON.stringify(json);478                        return json;479                    }480                }481                return false;482            };483        }484        tools.objectStorage = objectStorage;485        // shortcut methods for objectStorage486        tools.objectLocalStorage = function (masterKey) {487            return objectStorage(masterKey, "localStorage");488        };489        tools.objectSessionStorage = function (masterKey) {490            return objectStorage(masterKey, "sessionStorage");491        };492        /*493            Testing whether localStorage works or not, and alerting a warning if not494        */495        function warnPrivateBrowsing() {496            try {497                localStorage.setItem("testItem", "test_value");498                localStorage.removeItem("testItem");499            } catch (e) {500                alert("ãã®ãµã¤ãã¯ãã©ã¤ãã¼ãã»ãã©ã¦ãºã«å¯¾å¿ãã¦ãã¾ããï¼\n\nãã©ã¤ãã¼ãã»ãã©ã¦ãºãè§£é¤ãã¦ãã ããï¼\n\n - by Woodï¼");501            }502        }503        tools.warnPrivateBrowsing = warnPrivateBrowsing;504        function getArrayIndex(obj) {505            if (!obj || typeof obj !== "object" || !obj.array || !obj.find) return false;506            if (obj.searchFrom && obj.searchFrom !== "start" && obj.searchFrom !== "end") {507                return log("searchFrom property must be 'start' or 'end'");508            }509            if (!obj.find || typeof obj.find !== "function") {510                return log("getArrayIndex requires a 'find' property that is a function!");511            }512            const array = obj.array;513            const searchFrom = obj.searchFrom || "start";514            const meetsSearchCondition = obj.find;515            const onNull = obj.onNull;516            // loops through an array, either forwards or backwards, and517            // returns the index of the searched-for value, else -1518            function searchArrayByDirection(startValue, testCondition, direction) {519                for (let i = startValue; testCondition(i); i += direction) {520                    if (meetsSearchCondition(array[i])) return i;521                }522                onNull && onNull();523                return -1;524            }525            if (searchFrom === "start") {526                return searchArrayByDirection(0, function (i) {527                    return i < array.length;528                }, 1);529            } else {530                return searchArrayByDirection(array.length - 1, function (i) {531                    return i >= 0;532                }, -1);533            }534        }535        tools.getArrayIndex = getArrayIndex;536        const pickColor = (function () {537            const baseColors = {538                light: shuffleArray([539                    "yellow",540                    "orange",541                    "springgreen",542                    "powderblue",543                    "lightcyan",544                    "greenyellow",545                    "aqua",546                ]),547                dark: shuffleArray([548                    "navy",549                    "blue",550                    "purple",551                    "darkred",552                    "darkslateblue",553                    "indigo",554                    "darkcyan",555                    "green",556                    "darkgreen",557                ]),558            };559            baseColors.allColors = [...baseColors.light, ...baseColors.dark];560            let index = 0;561            return function (colorType) {562                if (!(colorType in baseColors)) return log("Requires either 'light', 'dark', or 'allColors'!");563                const numColors = baseColors[colorType].length;564                return () => baseColors[colorType][++index % numColors];565            };566        }());567        tools.pickColor = pickColor("allColors");568        tools.pickDarkColor = pickColor("dark");569        tools.pickLightColor = pickColor("light");570        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *571         *572         *573         *      Takes an array and removes random elements574         *      until it's a specified length575         *576         *577         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */578        function whittleDownArray(array, desiredLength) {579            if (arguments.length === 0 || !Array.isArray(array)) return log("whittleDownArray got some bad parameteres!");580            if (!desiredLength) return array;581            while (array.length > desiredLength) pickOneFrom(array, true); // true means "delete this index"582            return array;583        }584        tools.whittleDownArray = whittleDownArray;585        /*586         *587         *      Removes elements from an object whose keys are not in a given array588         *589         *      Example: whittleDownObject(obj).toKeysIn(array);590         *591         *      NOTE this "returns" nothing, since objects are passed by reference592         *593         *594         */595        function whittleDownObject(object) {596            if (!object || typeof object !== "object" || Object.keys(object).length < 1) {597                return log("whittleDownObject requires an object as the first parameter!");598            }599            return {600                toKeysIn: function toKeysIn(array) {601                    if (!array || !Array.isArray(array) || !array.length) {602                        return log("whittleDownObject requires an array as the second parameter!");603                    }604                    // looping through the object, removing any elements where605                    // the key isn't in the array606                    for (let key in object) if (array.indexOf(key) === -1) delete object[key];607                }608            };609        }610        tools.whittleDownObject = whittleDownObject;611        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *612         *613         *614         *615         *      Links a checkbox with a localStorage key, toggling between "true" and "false"616         *617         *618         *619         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */620        function checkboxStateHandler(obj = {}) {621            obj = $.extend({622                checkbox: null, // REQUIRED623                localStorageKey: null, // REQUIRED624                checkedValue: "true",625                uncheckedValue: "false",626                defaultToChecked: false, // whether to check by default on first use627                onChange: function () {628                    //629                },630                onCheck: function () {631                    //632                },633                onUncheck: function () {634                    //635                },636            }, obj);637            if (!obj.checkbox || !obj.localStorageKey) {638                return log("checkBoxStateHandler requires 'checkbox' and 'localStorageKey' properties!");639            }640            const $checkbox = tools.forceJQuery(obj.checkbox);641            const key = obj.localStorageKey;642            const checkedValue = obj.checkedValue;643            const uncheckedValue = obj.uncheckedValue;644            // checking by default IF it has never been set before AND 'defaultToChecked' is true645            if (!localStorage.hasOwnProperty(key) && obj.defaultToChecked) {646                localStorage.setItem(key, checkedValue);647                setCheckedStateTo(true);648                obj.onChange && obj.onChange();649            }650            $checkbox.on("change", function () {651                localStorage[key] = isChecked() ? checkedValue : uncheckedValue;652                obj.onChange();653                $checkbox.is(":checked") ? obj.onCheck() : obj.onUncheck();654            });655            function setCheckedStateTo(thisValue = false) {656                $checkbox.prop("checked", thisValue);657                return this;658            }659            function isChecked() {660                return $checkbox.is(":checked");661            }662            function disable() {663                $checkbox.prop("disabled", true);664                return this;665            }666            function enable() {667                $checkbox.prop("disabled", false);668                return this;669            }670            $checkbox.prop("checked", localStorage[key] === checkedValue);671            return {672                isChecked,673                disable,674                enable,675            };676        }677        tools.checkboxStateHandler = checkboxStateHandler;678        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *679         *680         *681         *682         *      Links a radio input with a localStorage key, toggling between "true" and "false"683         *684         *685         *686         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */687        function radioStateHandler(obj = {}) {688            obj = $.extend({689                radioName: null, // REQUIRED690                localStorageKey: null, // REQUIRED691                onChange: function () {692                    //693                },694            }, obj);695            const radioName = obj.radioName;696            const $radios = $(`input[type='radio'][name='${radioName}']`);697            const localStorageKey = obj.localStorageKey;698            $radios.on("change", function () {699                localStorage[localStorageKey] = getValue();700                obj.onChange();701            });702            function getValue() {703                return $(`input[type='radio'][name='${radioName}']:checked`).val();704            }705            function setValue(value) {706                $(`input[type='radio'][name='${radioName}'][value='${value}']`).prop("checked", true);707                return this;708            }709            function disable() {710                $radios.prop("disabled", true);711            }712            function enable() {713                $radios.prop("disabled", false);714            }715            setValue(localStorage[localStorageKey]);716            return {717                getValue,718                setValue,719                disable,720                enable,721            };722        }723        tools.radioStateHandler = radioStateHandler;724        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *725         *726         *727         *728         *      Links a select input with a localStorage key, toggling between "true" and "false"729         *730         *731         *732         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */733        function selectStateHandler(obj = {}) {734            obj = $.extend({735                select: null, // REQUIRED, jQuery or not736                localStorageKey: null, // REQUIRED737                options: [],738                onChange: function () {739                    //740                },741            }, obj);742            const $select = forceJQuery(obj.select);743            const localStorageKey = obj.localStorageKey;744            setOptions(obj.options);745            $select.on("change", function () {746                localStorage[localStorageKey] = getValue();747                obj.onChange();748            });749            function setOptions(array) {750                forceArray(array).forEach(function (item) {751                    const value = (typeof item === "object" && item.value) ? item.value : item;752                    const label = (typeof item === "object" && item.label) ? item.label : item;753                    $select.append(`<option value="${value}">${label}</option>`);754                });755                return true;756            }757            function getValue() {758                return $select.val();759            }760            function setValue(value) {761                $select.val(value);762                return this;763            }764            function disable() {765                $select.prop("disabled", true);766            }767            function enable() {768                $select.prop("disabled", false);769            }770            setValue(localStorage[localStorageKey]);771            return {772                getValue,773                setValue,774                disable,775                enable,776                setOptions,777            };778        }779        tools.selectStateHandler = selectStateHandler;780        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *781         *782         *783         *      naturally sorts an array of items, or an array of objects by some key in the objects784         *785         *786         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */787        function naturallySort(array, key) {788            array.sort(function (a, b) {789                let k1 = a,790                    k2 = b;791                if (key) {792                    k1 = k1[key];793                    k2 = k2[key];794                }795                return k1.toString().localeCompare(k2.toString(), undefined, { // WHOOOA I don't understand this796                    numeric: true,797                    sensitivity: "base"798                });799            });800            return true;801        }802        tools.naturallySort = naturallySort;803        /*804         *805         *806         *      Converts an image to a dataURI, via a canvas element (which is not added to the DOM)807         *808         *809         */810        function imageToDataURL(image, obj = {}) {811            const ratio = (function () {812                if (obj.maxWidth && obj.maxHeight) {813                    return Math.min(obj.maxWidth / image.width, obj.maxHeight / image.height);814                } else if (obj.maxWidth) {815                    return obj.maxWidth / image.width;816                } else if (obj.maxHeight) {817                    return obj.maxHeight / image.height;818                }819                return 1;820            }());821            // creating a canvas element, but never adding it to the DOM822            const canvas = document.createElement("canvas");823            canvas.width = image.width * ratio;824            canvas.height = image.height * ratio;825            canvas.getContext("2d").drawImage(image, 0, 0, canvas.width, canvas.height);826            return canvas.toDataURL();827        }828        tools.imageToDataURL = imageToDataURL;829        /*830         *831         *832         *      Converts an image to a dataURI, via a canvas element833         *834         *835         */836        function dataURLToBlob(obj = {}) {837            if (!obj.url) return log("dataURLToBlob got some bad parameters");838            const callback = obj.onFinish;839            let parts,840                contentType,841                raw,842                blob,843                dataURL = obj.url;844            if (dataURL.indexOf(";base64,") === -1) {845                parts = dataURL.split(',');846                contentType = parts[0].split(':')[1];847                raw = parts[1];848                blob = new Blob([raw], { type: contentType });849                obj.onFinish && obj.onFinish(blob);850                return;851            }852            parts = dataURL.split(";base64,");853            contentType = parts[0].split(':')[1];854            raw = window.atob(parts[1]);855            const uInt8Array = new Uint8Array(raw.length);856            for (let i = 0; i < raw.length; ++i) uInt8Array[i] = raw.charCodeAt(i);857            blob = new Blob([uInt8Array], { type: contentType });858            obj.onFinish && obj.onFinish(blob);859        }860        tools.dataURLToBlob = dataURLToBlob;861        /*862         *863         *864         *      Converts a Konva layer (canvas) to a PNG image, so it can be printed865         *866         *867         *868         */869        function konvaLayerToImage(layer) {870            const imageData = layer.getCanvas().toDataURL();871            const canvas = layer.getCanvas()._canvas; // funky872            const $image = $(`<img src='${imageData}'>`).css({873                width: layer.width() + "px", // NOTE have to force width & height, for cases where874                height: layer.height() + "px", // the pixel ration may be weird875            });876            $(canvas).replaceWith($image);877            return true;878        }879        tools.konvaLayerToImage = konvaLayerToImage;880        function objectToArray(thing) {881            /* * * * * * * * * * * * * * * * * * * * * * * *882             *883             *884             *      changes an object to an array, like this:885             *886             *      {dog: ç¬} --> ["dog", "ç¬"]887             *888             *889             * * * * * * * * * * * * * * * * * * * * * * * * */890            if (Array.isArray(thing)) return thing;891            let array = [];892            for (let word in thing) array.push([word, thing[word]]);893            return array;894        }895        tools.objectToArray = objectToArray;896        // adjusting quotes (slanted to straight) and removing any 2+ consecutive spaces897        function removeExtraWhiteSpace(string, obj = {}) {898            string = string.replace(/â|â/g, "'"); // slanted single quotes (open and close) to straight899            string = string.replace(/â|â/g, '"'); // slanted double quotes (open and close) to straight900            string = string.replace(/\s{2,}/g, " ").trim();901            return string;902        }903        tools.removeExtraWhiteSpace = removeExtraWhiteSpace;904        function straightQuotesToSlanted(string) {905            // string = string.replace(/(\w)'(\w)/g, "$1â$2"); // apostrophe906            // string = string.replace(/ "/g, " â"); // opening double quote907            // string = string.replace(/(\w)"/g, "$1â"); // closing double quote908            return string;909        }910        tools.straightQuotesToSlanted = straightQuotesToSlanted;911        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *912         *913         *914         *      1.  Splits a string into an array of words,915         *      2.  Trims white space from all elements (words), and916         *      3.  Optionally removes underscores917         *      4.  Optionally shuffles918         *919         *920         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */921        function trimAllElements(array, options = {}) {922            if (typeof array === "string") {923                array = removeExtraWhiteSpace(array);924                array = array.split(" ");925            }926            if (!Array.isArray(array)) return log("trimAll requires an array or a string!");927            // trimming each item (string) and replacing underscores with spaces, optionally928            array = array.map(item => {929                item = item.trim();930                item = removeExtraWhiteSpace(item);931                if (options.removeUnderscores) item = item.replace(/_/gi, " ");932                item = item.replace(/â|â/g, "'"); // slanted single quotes to straight933                item = item.replace(/â|â/g, "\""); // slanted double quotes to straight934                return item;935            });936            if (options.shuffle) array = shuffleArray(array, options.alwaysMoveFirst);937            return array;938        }939        tools.trimAllElements = trimAllElements;940        // adds an item to an array IF it isn't there already941        function pushUnique(item, array) {942            if (arguments.length !== 2 || !Array.isArray(array)) return log("Bad arguments!");943            array.indexOf(item) === -1 && array.push(item);944            return true;945        }946        tools.pushUnique = pushUnique;947        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * *948         *949         *950         *951         *      "turn (to the) left"        --> ["turn left, turn to the left"]952         *      "(an) apple"                --> ["apple", "an apple"]953         *      "[one's, your] left"        --> ["one's left", "your left"] NOTE separated by comma, not slash!954         *955         *956         *957         * * * * * * * * * * * * * * * * * * * * * * * * * * * * */958        function getCandidateAnswers(string, divider = "/") {959            string = removeExtraWhiteSpace(string);960            let candidatesArray = string.split(divider).map(answer => removeExtraWhiteSpace(answer));961            // adding scrubbed versions to the array962            candidatesArray.forEach(answer => {963                answer = scrubString(answer);964                pushUnique(answer, candidatesArray);965                // adding versions WITH optional bits, and without966                const withoutOptional = answer.replace(/\(.*?[^\)]\)/g, "");967                const withOptional = answer.replace(/\(|\)/g, "");968                const withoutDashes = answer.replace(/-/g, " "); // replacing dashes with SPACES969                pushUnique(withoutOptional, candidatesArray);970                pushUnique(withOptional, candidatesArray);971                pushUnique(withoutDashes, candidatesArray);972                // "lose [one's, your, my] way" --> ["lose one's way", "lose your way", "lose my way"]973                if (answer.indexOf("[") !== -1 && answer.indexOf("]") !== -1) {974                    const alternates = answer.split("[")[1].split("]")[0].split(",").map(word => word.trim());975                    alternates.forEach(alternate => {976                        const newString = answer.replace(/\[.[^\]]{0,}\]/, alternate); // any text between square brackets977                        pushUnique(newString, candidatesArray);978                    });979                }980            });981            candidatesArray = candidatesArray.map(item => removeExtraWhiteSpace(item));982            return candidatesArray;983        }984        tools.getCandidateAnswers = getCandidateAnswers;985        function getIdealAnswer(string) {986            return removeParenthetical(getCandidateAnswers(string)[0]).trim();987        }988        tools.getIdealAnswer = getIdealAnswer;989        // limiting to alphanumeric, spaces, (), [], and select punctuation990        function scrubString(text) {991            return text.replace(/[^\w\s\(\)\[\]\/',_-]/gi, "");992        }993        tools.scrubString = scrubString;994        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * *995         *996         *997         *      Stripping any text between (parentheses) or [brackets] from a string,998         *      and returning the first letter999         *1000         *1001         * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1002        function getFirstRealLetter(string) {1003            string = string.replace(/\(.[^\)]*\)/g, ""); // removing anything in ( ) - same as "removeParenthetical" below1004            string = string.replace(/\[.[^\]]*\]/g, ""); // removing anything in [ ]1005            string = removeExtraWhiteSpace(string);1006            return string.charAt(0);1007        }1008        tools.getFirstRealLetter = getFirstRealLetter;1009        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * *1010         *1011         *1012         *      Removes any text between parentheses, and any spaces after1013         *1014         *      "(the) United States (of America)" --> "United States"1015         *1016         *1017         * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1018        function removeParenthetical(string) {1019            string = string.replace(/\([^\(\)]*\)/gi, ""); // removing anything in parentheses1020            string = string.replace(/\[[^\[\]]*\]/gi, ""); // removing anything in square brackets1021            string = string.replace(/<[^<>]*>/gi, ""); // removing anything in angle brackets1022            return string;1023        }1024        tools.removeParenthetical = removeParenthetical;1025        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * *1026         *1027         *1028         *      Takes an array and returns a shuffled version of it1029         *1030         *      ALWAYS returns a differently ordered version1031         *      UNLESS there are only two elements, in which case it1032         *      MAY return an identical version1033         *1034         *1035         * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1036        function shuffleArray(originalArray) {1037            if (!Array.isArray(originalArray)) return log("shuffleArray requires an array!");1038            let arrayCopy = originalArray.concat(); // cloning the array1039            let shuffledArray = [];1040            while (arrayCopy.length > 0) shuffledArray.push(pickOneFrom(arrayCopy, true)); // true => delete that element1041            // ensuring that arrays of length 3+ are changed1042            if (shuffledArray.length >= 3) {1043                while (arraysAreIdentical(shuffledArray, originalArray)) shuffledArray = shuffleArray(originalArray);1044            }1045            return shuffledArray;1046        }1047        tools.shuffle = shuffleArray;1048        // gets the x & y coordinates of mouse click or touch, relative to any offset parent1049        function pointerPosition(event, offsetParent) {1050            const offsetLeft = offsetParent ? offsetParent.offset().left : 0;1051            const offsetTop = offsetParent ? offsetParent.offset().top : 0;1052            let x, y;1053            // calculating position, for either touch or click1054            if (event.type === "touchstart" || event.type === "touchend") {1055                const touch = event.originalEvent.touches[0] || event.originalEvent.changedTouches[0];1056                x = touch.pageX - offsetLeft;1057                y = touch.pageY - offsetTop;1058            } else {1059                x = event.pageX - offsetLeft;1060                y = event.pageY - offsetTop;1061            }1062            return { x, y, };1063        }1064        tools.pointerPosition = pointerPosition;1065        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1066         *1067         *1068         *      Picks a random index (integer) from an array,1069         *1070         *      or else a random int, 0 <= int < some given number1071         *1072         *1073         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1074        function pickIntFrom(arrayOrNumber) {1075            if (!arrayOrNumber || !(Array.isArray(arrayOrNumber) || !isNaN(arrayOrNumber))) {1076                return log("pickIntFrom requires an array or a number as a parameter!");1077            }1078            if (Array.isArray(arrayOrNumber)) {1079                return Math.floor(Math.random() * arrayOrNumber.length);1080            }1081            return Math.floor(Math.random() * arrayOrNumber);1082        }1083        tools.pickIntFrom = pickIntFrom;1084        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1085         *1086         *1087         *1088         *      Returns a random ELEMENT from an array (not just the index integer),1089         *1090         *      and deletes that element, optionally1091         *1092         *1093         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1094        function pickOneFrom(array, deleteChosenItem) {1095            if (!array || !Array.isArray(array) || array.length < 1) {1096                return log("tools.pickOneFrom requires an array!");1097            }1098            const index = pickIntFrom(array);1099            const item = array[index];1100            if (deleteChosenItem) array.splice(index, 1);1101            return item;1102        }1103        tools.pickOneFrom = pickOneFrom;1104        function removeOneFrom(array) {1105            return pickOneFrom(array, true);1106        }1107        tools.removeOneFrom = removeOneFrom;1108        function elementOnScreen($element, callback, obj = null) {1109            if (!$element || !callback) return false;1110            $element = tools.forceJQuery($element);1111            // wiring up the scroll listener, and triggering once1112            $(window).off("scroll", scrollHandler).on("scroll", scrollHandler).trigger("scroll");1113            function scrollHandler() {1114                const elementTop = $element.offset().top;1115                const screenBottom = $(window).scrollTop() + $(window).height();1116                if (elementTop > screenBottom || $element.is(":hidden")) return;1117                $(window).off("scroll", scrollHandler);1118                callback();1119            }1120            function activate() {1121                $(window).off("scroll", scrollHandler).on("scroll", scrollHandler);1122            }1123            return {1124                activate1125            };1126        }1127        tools.elementOnScreen = elementOnScreen;1128        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * *1129         *1130         *1131         *      Simply returns whether an element is on screen, vertically1132         *      NOTE doesn't check left and right1133         *1134         *1135         * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1136        function elementIsOnScreen($element) {1137            const elementTop = $element.offset().top;1138            const elementBottom = $element.offset().bottom;1139            const screenTop = $(window).scrollTop();1140            const screenBottom = $(window).scrollTop() + $(window).height();1141            return !(elementTop > screenBottom || elementBottom < screenTop);1142        }1143        tools.elementIsOnScreen = elementIsOnScreen;1144        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1145         *1146         *1147         *      Checks whether arrays contain the same elements, though not necessarily in the1148         *1149         *      same order.  NOTE that this is different than "arraysAreIdentical" below.1150         *1151         *      Does NOT work on nested arrays!1152         *1153         *1154         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1155        function arraysContainSameElements(a1, a2) {1156            if (!Array.isArray(a1) || !Array.isArray(a2) || a1.length !== a2.length) return false;1157            const intersection = a1.filter(element => a2.indexOf(element) !== -1);1158            return intersection.length === a1.length;1159        }1160        tools.arraysContainSameElements = arraysContainSameElements;1161        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1162         *1163         *1164         *      Checks whether arrays are identical - same elements in the same order1165         *1166         *      Also checks for nested arrays (useful?) but DOES NOT WORK with nested objects!1167         *1168         *1169         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1170        function arraysAreIdentical(a1, a2) {1171            if (!Array.isArray(a1) || !Array.isArray(a2) || a1.length !== a2.length) return false;1172            for (let i = 0; i < a1.length; i++) {1173                if (Array.isArray(a1[i])) {1174                    if (!arraysAreIdentical(a1[i], a2[i])) return false;1175                } else if (a1[i] !== a2[i]) {1176                    return false;1177                }1178            }1179            return true;1180        }1181        tools.arraysAreIdentical = arraysAreIdentical;1182        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * *1183         *1184         *1185         *      Tries to parse a string into JSON, and1186         *      returns an empty object if it fails1187         *1188         *1189         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1190        function safeParseJSON(string) {1191            try {1192                return JSON.parse(string) || {};1193            } catch (err) {1194                return {};1195            }1196        }1197        tools.safeParseJSON = safeParseJSON;1198        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1199         *1200         *1201         *1202         *      Takes a string with words surrounded by * (astrixes) and replaces those * with1203         *      other strings, such as span tags1204         *1205         *      NOTE that the opening and closing replacement string may be different1206         *1207         *      Usage:1208         *      replaceStars("This is *bold*", "<b>", "</b>");  -->   "This is <b>bold</b>"1209         *1210         *1211         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1212        function replaceStars(string, before, after = null) {1213            if (arguments.length < 2 || arguments.length > 3) return;1214            after = after || before; // if after is null, setting it to same as the "before" element1215            // returning the string unchanged if there are no stars1216            if (string.indexOf("*") === -1) return string;1217            // exiting if stars are not of an even number1218            if (string.match(/\*/g).length % 2 !== 0) {1219                return log("Odd number of stars!");1220            }1221            return string.replace(/\*(.[^\*]{0,})\*/g, before + "$1" + after);1222        }1223        tools.replaceStars = replaceStars;1224        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1225         *1226         *1227         *1228         *      In a text input (or textarea), toggles square brackets around selected text1229         *      (inserts them if not present, removes them if they are)1230         *1231         *      Usage: "Shift + Ctrl + [" (opening square backet)1232         *1233         *1234         *1235         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1236        function toggleBrackets($input, e, p = {}) {1237            const keyCode = p.which || 219; // opening square bracket1238            const openingCharacter = p.openingCharacter || "[";1239            const closingCharacter = p.closingCharacter || "]";1240            const oldVal = $input.val();1241            if (e.which !== keyCode || !e.ctrlKey || !e.shiftKey) return;1242            // auto-selecting the current word, if nothing is selected1243            selectWholeWord($input);1244            const start = $input.prop("selectionStart"); // COOL! getting the start and end of an input's selected area1245            const end = $input.prop("selectionEnd");1246            const alreadySurrounded = oldVal.substring(start - 1, start) === openingCharacter && oldVal.substring(end, end + 1 === closingCharacter);1247            let newVal;1248            if (!alreadySurrounded) {1249                newVal = oldVal.substring(0, start) + openingCharacter + oldVal.substring(start, end) + closingCharacter + oldVal.substring(end, oldVal.length);1250            } else {1251                newVal = oldVal.substring(0, start - 1) + oldVal.substring(start, end) + oldVal.substring(end + 1, oldVal.length);1252            }1253            $input.val(newVal);1254            // re-selecting the selected test, just for good measure1255            const adjustment = alreadySurrounded ? -1 : 1; // moving the selected area by 1, depending1256            $input.prop({ selectionStart: start + adjustment, selectionEnd: end + adjustment }).change();1257        }1258        tools.toggleBrackets = toggleBrackets;1259        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1260         *1261         *1262         *1263         *      In a text input, selects the whole word (if nothing is otherwise selected)1264         *1265         *      or whole words, if words are partially selected1266         *1267         *1268         *1269         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1270        function selectWholeWord($input) {1271            const string = $input.val();1272            let start = $input.prop("selectionStart");1273            let end = $input.prop("selectionEnd");1274            while (string.charAt(start - 1).match(/\w\b/) && start >= 0) start--;1275            while (string.charAt(end).match(/\w\b/) && end < string.length) end++;1276            $input.prop({ selectionStart: start, selectionEnd: end });1277        }1278        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1279         *1280         *1281         *1282         *      In a text input (or textarea), replaces the next space (based on the insertion point)1283         *      with an underscore.1284         *1285         *      Usage: Shift + Ctrl + "u"    (NOTE: can't use "_" 'cause that doubles as "-" minus on Windows - fuck!)1286         *1287         *1288         *1289         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1290        function toggleUnderscores($input, e, p = {}) {1291            const keyCode = p.which || 85; // 85 = "u" for "underscore"1292            if (e.which !== keyCode || !e.ctrlKey || !e.shiftKey) return;1293            e.preventDefault();1294            const string = $input.val();1295            const selectionStart = $input.prop("selectionStart");1296            const selectionEnd = $input.prop("selectionEnd");1297            const p1 = string.substring(0, selectionStart);1298            const p2 = string.substring(selectionEnd, string.length).replace(/\s/, "_"); // only the first space, 'cause no global "g" flag1299            $input.val(p1 + p2).prop({ selectionStart: selectionStart, selectionEnd: selectionStart }).change();1300        }1301        tools.toggleUnderscores = toggleUnderscores;1302        // keeps track of user info (name, grade, etc.) in sessionStorage1303        tools.userInfo = tools.objectLocalStorage("user_info");1304        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1305         *1306         *1307         *      Abstracting away the tediousness of making something fullscreen1308         *1309         *      NOTE some browsers don't use promises, so we can't use: elem.requestFullscreen().then()1310         *1311         *1312         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1313        function requestFullscreen($elem, obj = {}) {1314            const elem = ($elem instanceof $) ? $elem[0] : $elem; // extracting the raw HTML if it's jQuery1315            elem.requestFullscreen = elem.webkitRequestFullscreen || elem.msRequestFullscreen || elem.requestFullscreen;1316            try {1317                elem.requestFullscreen();1318                obj.onFullscreen && obj.onFullscreen();1319                return true;1320            } catch (err) {1321                obj.onError && obj.onError(err);1322                return false;1323            }1324        }1325        tools.requestFullscreen = requestFullscreen;1326        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * *1327         *1328         *1329         *      Handles the ".my-template" stuff, detaching and returning1330         *      an element that can be cloned many times1331         *1332         *1333         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1334        function makeTemplate($element, obj = {}) {1335            $element = forceJQuery($element);1336            const classToRemove = obj.klass || "my-template";1337            $element.removeClass(classToRemove);1338            $element.detach();1339            return $element;1340        }1341        tools.makeTemplate = makeTemplate;1342        /*1343         *      UNDER CONSTRUCTION!!1344         *1345         */1346        // function sentenceWithDummyWords(string) {1347        //1348        //     if (!string || typeof string !== "string") {1349        //         console.log("sentenceWithDummyWords needs a string");1350        //         return false;1351        //     }1352        //1353        //     if (string.includes("Â¥") && string.includes("[")) {1354        //         console.log("Either a Â¥ *OR* square brackets, butthead!");1355        //         return false;1356        //     }1357        //1358        //     let divider = string.includes("Â¥") ? "Â¥" : "[";1359        //1360        //     let twoArrays = string.split(divider);1361        //1362        //1363        //     return {1364        //         //1365        //     };1366        // }1367        // tools.sentenceWithDummyWords = sentenceWithDummyWords;1368        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1369         *1370         *1371         *      the dateTime of the pageLoad, so we only get chats1372         *        that showed up AFTER the page was loaded1373         *1374         *1375         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1376        const getPageLoadDateTime = (function () {1377            const pageLoadTime = (new Date()).getTime();1378            return function () {1379                return (new Date(pageLoadTime));1380            };1381        }());1382        tools.pageLoadDateTime = getPageLoadDateTime;1383        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1384         *1385         *1386         *      Shortcut for creating a range1387         *      NOTE that the loop returns THROUGH the end value1388         *1389         *1390         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1391        function range(startValue, throughValue) {1392            if (arguments.length !== 2) {1393                return console.log("tools.range takes two arguments, a startValue and a throughValue!");1394            }1395            let array = [];1396            for (let i = startValue; i <= throughValue; i++) array.push(i);1397            return array;1398        }1399        tools.range = range;1400        /*1401         *1402         *      Gets the index of the first element in an array that meets1403         *      some condition, as defined by a testIsTrueFor function1404         *1405         *1406         */1407        function getIndexOfElementInArray(array, testIsTrueFor) {1408            for (let i = 0; i < array.length; i++) {1409                if (testIsTrueFor(array[i])) return i;1410            }1411            return -1;1412        }1413        tools.getIndexOfElementInArray = getIndexOfElementInArray;1414        /*1415         *1416         *      Removes the first element in an array that meets1417         *      some condition, as defined by a testFunction1418         *1419         *1420         */1421        function removeElement(array, testFunction) {1422            const index = getIndexOfElementInArray(array, testFunction);1423            array.splice(index, 1);1424        }1425        tools.removeElement = removeElement;1426        /*1427         *1428         *      Calculates the number of rows and columns for a grid of objects, e.g.1429         *1430         *      4 objects => 2x21431         *      5 objects => 3x21432         *      6 objects => 3x21433         *      7 objects => 3x31434         *      8 objects => 3x31435         *      ...1436         *      15 objects => 5x51437         *1438         *1439         */1440        // function calculateGrid(numItems) {1441        //1442        //     const squareRouteRoundedUp = Math.ceil(Math.sqrt(numItems));1443        //     const numRows = squareRouteRoundedUp;1444        //1445        //     let numColumns = squareRouteRoundedUp;1446        //1447        //     if (numRows * (numColumns - 1) >= numItems) {1448        //         numColumns--;1449        //     }1450        //1451        //     return { numRows, numColumns };1452        // }1453        // tools.calculateGrid = calculateGrid;1454        /*1455         *1456         *      converts MySQL timestamp to a readable format, e.g.1457         *1458         *      2018-04-06 13.15.06 -> Mar 06, 20181459         *1460         */1461        const readableDate = (function () {1462            const months = ["Jan", "Feb", "March", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];1463            return function (timestamp) {1464                const yearMonthDate = timestamp.split(" ")[0].split("-");1465                const year = yearMonthDate[0];1466                const month = months[parseInt(yearMonthDate[1]) - 1];1467                const date = yearMonthDate[2];1468                return month + " " + date + ", " + year;1469            };1470        }());1471        tools.readableDate = readableDate;1472        function promptStringWithTrim(obj = {}) {1473            obj = $.extend({1474                label: "",1475                placeholder: "default",1476                minLength: 21477            }, obj);1478            let inputString = prompt(obj.label, obj.placeholder);1479            if (!inputString || inputString <= obj.minLength) return;1480            inputString = inputString.trim();1481            if (!inputString || inputString <= obj.minLength) return;1482            return inputString;1483        }1484        tools.promptStringWithTrim = promptStringWithTrim;1485        function getSelectOptionWidth($select) {1486            const fontSize = $select.css("font-size");1487            const fontFamily = $select.css("font-family");1488            const fontWeight = $select.css("font-weight");1489            const text = $select.find("option:selected").text();1490            const $span = $("<span></span>").text(text).css({1491                visibility: "hidden",1492                position: "fixed",1493                top: "100%",1494                fontSize: fontSize,1495                fontFamily: fontFamily,1496                fontWeight: fontWeight1497            }).appendTo("html");1498            const width = $span.outerWidth(true);1499            $span.remove();1500            return width;1501        }1502        tools.getSelectOptionWidth = getSelectOptionWidth;1503        /*1504         *1505         *      Returns true if an element has class "this-input-is-momentarily-disabled";1506         *      otherwise, adds that class and then removes it after some number of miliseconds1507         *      (100 by default)1508         *1509         *      Used to temporarily disable an input - e.g., when "blur" and "sumbit"1510         *      events call each other on an input, leading to stack overflow1511         *1512         *1513         */1514        const momentarilyDisable = (function () {1515            const className = "this-input-is-momentarily-disabled";1516            return function ($input, callback, obj = {}) {1517                obj = $.extend({1518                    delay: 100 //ms1519                }, obj);1520                if (!$input.hasClass(className)) {1521                    $input.addClass(className);1522                    setTimeout(function () {1523                        $input.removeClass(className);1524                    }, obj.delay);1525                    callback();1526                }1527            };1528        }());1529        tools.momentarilyDisable = momentarilyDisable;1530        const brackets = (function () {1531            function areBalanced(str) {1532                if (!str) return;1533                let nextExpectedType = "["; // first must be opening bracket1534                return str.split("").every(function (char) {1535                    if (char === "[" || char === "]") {1536                        if (char !== nextExpectedType) return false;1537                        nextExpectedType = (nextExpectedType === "[") ? "]" : "[";1538                    }1539                    return true;1540                });1541            }1542            function sameNumber(str) {1543                if (!str) return;1544                const num = numberOfBrackets(str);1545                if (num[0] === num[1]) return true;1546                return false;1547            }1548            function numberOfBrackets(string) {1549                const numOpeningBrackers = (string.match(/\[/gi) || []).length;1550                const numClosingBrackets = (string.match(/\]/gi) || []).length;1551                return [numOpeningBrackers, numClosingBrackets];1552            }1553            function noBrackets(string) {1554                const num = numberOfBrackets(string);1555                return (num[0] === 0) && (num[1] === 0);1556            }1557            function areBrackets(str) {1558                return !noBrackets(str);1559            }1560            function areBalancedAndSameNumber(str) {1561                return areBalanced(str) && sameNumber(str); // && areBrackets(str);1562            }1563            function notBalanced(s) {1564                return !areBalanced(s);1565            }1566            function notSameNumber(s) {1567                return !sameNumber(s);1568            }1569            function notBalancedAndSame(s) {1570                return !areBalancedAndSameNumber(s);1571            }1572            return {1573                areBalanced,1574                sameNumber,1575                areBalancedAndSameNumber,1576                notBalanced,1577                notSameNumber,1578                notBalancedAndSame,1579                numberOfBrackets,1580                noBrackets,1581            };1582        }());1583        tools.brackets = brackets;1584        /*1585         *      Takes one argument and returns that "array version" of that item1586         *1587         *      This is so we can use Array.forEach, even when1588         *1589         */1590        function forceArray(item = []) {1591            return Array.isArray(item) ? item : [item];1592        }1593        tools.forceArray = forceArray;1594        const currentlyPressedKeys = (function () {1595            /*1596             *1597             *       Keeps track of which keys are currently pressed1598             *1599             *1600             */1601            let keysDown = {};1602            // adding or removing keyCodes from the keysDown object1603            // whenever a key is pressed or released1604            $(window).on("keyup keydown", function (e) {1605                e.type === "keydown" ? keysDown[e.which] = true : delete keysDown[e.which];1606            });1607            function getAll() {1608                return keysDown;1609            }1610            function getArray() {1611                return Object.keys(keysDown);1612            }1613            function isPressed(keyCode) {1614                return forceArray(keyCode).some(function (thisKeycode) {1615                    return keysDown.hasOwnProperty(thisKeycode);1616                });1617            }1618            function allArePressed(keyCodes) {1619                return forceArray(keyCodes).every(function (thisKeycode) {1620                    return keysDown.hasOwnProperty(thisKeycode);1621                });1622            }1623            function numPressed() {1624                return getArray().length;1625            }1626            return {1627                getAll,1628                getArray,1629                isPressed,1630                numPressed,1631                allArePressed,1632            };1633        }());1634        tools.currentlyPressedKeys = currentlyPressedKeys;1635        tools.numKeysPressed = currentlyPressedKeys.numPressed;1636        tools.keyIsPressed = currentlyPressedKeys.isPressed;1637        tools.keysAreAllPressed = currentlyPressedKeys.allArePressed;1638        // returns True if ANY arrow keys are pressed1639        function anyArrowKeysPressed() {1640            return currentlyPressedKeys.isPressed([37, 38, 39, 40]);1641        }1642        tools.anyArrowKeysPressed = anyArrowKeysPressed;1643        // returns True if NO arrow keys are pressed1644        function noArrowKeysPressed() {1645            return !anyArrowKeysPressed();1646        }1647        tools.noArrowKeysPressed = noArrowKeysPressed;1648        // returns an array of all the currently pressed arrow keys1649        function currentlyPressedArrowKeys() {1650            let array = [];1651            [37, 38, 39, 40].forEach(function (thisKey) {1652                currentlyPressedKeys.isPressed(thisKey) && array.push();1653            });1654            return array;1655        }1656        tools.currentlyPressedArrowKeys = currentlyPressedArrowKeys;1657        // matches keydown (and keyup) events with callback functions1658        const keyevent = (function () {1659            let anyKeyUpFunctions = [];1660            let bindings = {1661                keydown: {}, // e.g. {"37": someFunc}1662                keyup: {}1663            };1664            let anyKeyDownFunctions = [];1665            function anyKeyDown(func) {1666                anyKeyDownFunctions.push(func);1667            }1668            function anyKeyUp(func) {1669                anyKeyUpFunctions.push(func);1670            }1671            $(window).on("keydown keyup", function (e) {1672                // first, calling functions that are linked to ANY keydown or keyup1673                const funcs = (e.type === "keydown") ? anyKeyDownFunctions : anyKeyUpFunctions;1674                funcs.forEach(thisFunc => thisFunc(e));1675                e.which = e.which || e.keyCode;1676                if (!e.which) return;1677                const keyCode = e.which.toString(); // 'cause the numbers are object keys, which are string1678                const eventType = e.type; // keydown or keyup1679                // calling the associated function, if any1680                if (bindings[eventType][keyCode]) {1681                    e.preventDefault();1682                    bindings[eventType][keyCode].callback(e);1683                    // deleting the binding after it's used, if the "callOnce" property is true1684                    if (bindings[eventType][keyCode] && bindings[eventType][keyCode].callOnce) {1685                        delete bindings[eventType][keyCode];1686                    }1687                }1688            });1689            function bindKeyEvent(p) {1690                if (!p || typeof p !== "object" ||1691                    !p.keys ||1692                    !p.onOrOff ||1693                    !(p.onOrOff === "on" || p.onOrOff === "off") ||1694                    (isNaN(p.keys) && !Array.isArray(p.keys)) ||1695                    (p.callback && typeof p.callback !== "function") ||1696                    !p.event ||1697                    !(p.event === "keydown" || p.event === "keyup")) {1698                    log("bindKeyEvent got some bad arguments!");1699                    return false;1700                }1701                const e = p.event;1702                const keys = p.keys;1703                forceArray(keys).forEach(function (thisKey) {1704                    thisKey = thisKey.toString(); // 'cause it's a key in an object1705                    if (p.onOrOff === "on") {1706                        bindings[e][thisKey] = {1707                            callback: p.callback,1708                            callOnce: !!p.callOnce1709                        };1710                    } else {1711                        delete bindings[e][thisKey];1712                    }1713                });1714                return keyevent;1715            }1716            function keydown(keys, callback, callOnce) {1717                return bindKeyEvent({1718                    keys: keys,1719                    callback: callback,1720                    callOnce: callOnce,1721                    onOrOff: "on",1722                    event: "keydown"1723                });1724            }1725            function keyup(keys, callback, callOnce) {1726                return bindKeyEvent({1727                    keys: keys,1728                    callback: callback,1729                    callOnce: callOnce,1730                    onOrOff: "on",1731                    event: "keyup"1732                });1733            }1734            function keydownOnce(keys, callback) {1735                return bindKeyEvent({1736                    keys: keys,1737                    callback: callback,1738                    onOrOff: "on",1739                    callOnce: true,1740                    event: "keydown"1741                });1742            }1743            function keyupOnce(keys, callback) {1744                return bindKeyEvent({1745                    keys: keys,1746                    callback: callback,1747                    onOrOff: "on",1748                    callOnce: true,1749                    event: "keyup"1750                });1751            }1752            function keydownOff(keys) {1753                return bindKeyEvent({1754                    keys: keys,1755                    onOrOff: "off",1756                    event: "keydown"1757                });1758            }1759            function keyupOff(keys) {1760                return bindKeyEvent({1761                    keys: keys,1762                    onOrOff: "off",1763                    event: "keyup"1764                });1765            }1766            function hasKeydownEvent(key) {1767                return !!bindings.keydown[key];1768            }1769            function hasKeyupEvent(key) {1770                return !!bindings.keyup[key];1771            }1772            function hasSomeEvent(key) {1773                return !!(hasKeydownEvent(key) || hasKeyupEvent(key));1774            }1775            function clearAll(event) {1776                if (event) {1777                    bindings[event] = {};1778                } else {1779                    bindings.keydown = {};1780                    bindings.keyup = {};1781                }1782            }1783            // returning "on" or "off" functionality1784            return {1785                keydown,1786                keyup,1787                keydownOnce,1788                keydownOff,1789                keyupOff,1790                hasKeydownEvent,1791                hasKeyupEvent,1792                clearAll,1793                hasSomeEvent,1794                anyKeyDown,1795                anyKeyUp,1796            };1797        }());1798        tools.keydown = keyevent.keydown;1799        tools.keydownOnce = keyevent.keydownOnce;1800        tools.keydownOff = keyevent.keydownOff;1801        tools.keyup = keyevent.keyup;1802        tools.keyupOnce = keyevent.keyupOnce;1803        tools.keyupOff = keyevent.keyupOff;1804        tools.hasKeydownEvent = keyevent.hasKeydownEvent;1805        tools.hasKeyupEvent = keyevent.hasKeyupEvent;1806        tools.clearKeyEvents = keyevent.clearAll;1807        tools.hasSomeEvent = keyevent.hasSomeEvent;1808        tools.anyKeyDown = keyevent.anyKeyDown;1809        tools.anyKeyUp = keyevent.anyKeyUp;1810        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1811         *1812         *1813         *1814         *      Listens for any user interaction with the device, and calls a callback1815         *1816         *1817         *1818         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1819        const onUserInteraction = (function () {1820            // NOTE removed "keydown" from the events list, 'cause it's easily spoofed by simply1821            // holding down any key (thanks, Kyota!) and anyway "keyup" is sufficient.1822            // Also erased "mousedown" 'cause it can probably be spoofed too1823            let eventsToListenFor = "scroll mouseup mousemove DOMMouseScroll mousewheel touchmove touchend";1824            // adding keyup listeners ONLY for desktop; this is because other1825            // plugins (e.g. "tiltSimulatesArrowKeys") may simulate keypresses1826            // on mobile, even though there's no actual keyboard1827            if (!tools.isMobile()) { eventsToListenFor += " keyup"; }1828            return function (callback) {1829                if (!callback || typeof callback !== "function") {1830                    log("onUserIntraction requires a callback function!");1831                    return false;1832                }1833                // activating by default1834                activate();1835                function activate() {1836                    $(window).on(eventsToListenFor, callback);1837                }1838                function deactivate() {1839                    $(window).off(eventsToListenFor, callback);1840                }1841                return {1842                    deactivate,1843                    activate,1844                };1845            };1846        }());1847        tools.onUserInteraction = onUserInteraction;1848        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1849         *1850         *1851         *      Returns the first several items from an array, e.g.,1852         *      items [0 ~ 4] of an array of ten items1853         *1854         *1855         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1856        function getFirstFromArray(number, array) {1857            if (!array || !number ||1858                !Array.isArray(array) ||1859                isNaN(number) ||1860                number < 1 ||1861                number > array.length) {1862                log("Got some bad parameters!");1863                return false;1864            }1865            return array.slice(0, number);1866        }1867        tools.getFirstFromArray = getFirstFromArray;1868        /*1869         *1870         *1871         *      returns TRUE if any element is repeated in the array, otherwise FALSE1872         *1873         *1874         */1875        function arrayContainsDuplicates(array) {1876            var previousItems = [];1877            return array.some(function (thisElement) {1878                if (previousItems.indexOf(thisElement) !== -1) return true;1879                previousItems.push(thisElement);1880            });1881        }1882        tools.arrayContainsDuplicates = arrayContainsDuplicates;1883        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1884         *1885         *1886         *      returns TRUE if an array contains no duplicates1887         *1888         *1889         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1890        function arrayAllUnique(array) {1891            return !arrayContainsDuplicates(array);1892        }1893        tools.arrayAllUnique = arrayAllUnique;1894        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1895         *1896         *1897         *      Checks whether two objects (or arrays, which are objects) are identical1898         *1899         *      Returns "identical", "different", or FALSE if they're not comparable1900         *1901         *      NOTE this works for objects (or arrays) with values of primitive1902         *      types, but not for functions with constructors, etc.1903         *1904         *1905         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1906        function objectsAreIdentical(a1, a2) {1907            if (arguments.length !== 2) return;1908            // checking that they're both objects, or both arrays, and that1909            // their lengths are the same,1910            if (typeof a1 !== "object" ||1911                typeof a2 !== "object" ||1912                typeof a1 === "function" ||1913                typeof a2 === "function" ||1914                Array.isArray(a1) !== Array.isArray(a2) ||1915                Object.keys(a1).length !== Object.keys(a2).length) {1916                return false;1917            }1918            // returning false if ANY members are not identical1919            const areIdentical = Object.keys(a1).every(function (thisKey) {1920                if (!(thisKey in a2)) return;1921                // recursion!1922                if (typeof a1[thisKey] === "object" || typeof a2[thisKey] === "object") {1923                    return objectsAreIdentical(a1[thisKey], a2[thisKey]);1924                }1925                // simply comparing elements1926                return a1[thisKey] === a2[thisKey];1927            });1928            return areIdentical ? "identical" : "different";1929        }1930        tools.objectsAreIdentical = objectsAreIdentical;1931        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1932         *1933         *1934         *      Removes angle brackets and anything between them1935         *1936         *1937         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1938        function removeSSMLTags(string) {1939            return string.replace(/<.*?>/g, "");1940        }1941        tools.removeSSMLTags = removeSSMLTags;1942        function isJapanese(string) {1943            /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1944             *1945             *1946             *      Returns TRUE if ANY characters in the string are Japanese1947             *1948             *      Codes mean:1949             *1950             *          3000 - 303f:    Japanese-style punctuation1951             *          3040 - 309f:    Hiragana1952             *          30a0 - 30ff:    Katakana1953             *          ff00 - ff9f:    Full-width Roman characters and half-width Katakana1954             *          4e00 - 9faf:    CJK unified ideographs - Common and uncommon Kanji1955             *          3400 - 4dbf:    CJK unified ideographs Extension A - Rare Kanji1956             *1957             *1958             * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */1959            return !!string.match(/[\u3000-\u303f\u3040-\u309f\u30a0-\u30ff\uff00-\uff9f\u4e00-\u9faf\u3400-\u4dbf]/);1960        }1961        tools.isJapanese = isJapanese;1962        function isEnglish(string) {1963            return !isJapanese(string);1964        }1965        tools.isEnglish = isEnglish;1966        function countLanguageShifts(str) {1967            const letters = str.split("");1968            if (!letters) return log("Didn't get any text to process!");1969            return letters.filter((currentLetter, index) => {1970                const precedingLetter = letters[index - 1] ?? currentLetter;1971                return areDifferentLanguages(currentLetter, precedingLetter);1972            }).length;1973        }1974        tools.countLanguageShifts = countLanguageShifts;1975        const areDifferentLanguages = (t1, t2) => isJapanese(t1) !== isJapanese(t2);1976        tools.areDifferentLanguages = areDifferentLanguages;1977        function getIndexOfShift(t) {1978            const letters = t.split("");1979            for (let i = 0; i < letters.length; i++) {1980                const currentLetter = letters[i];1981                const precedingLetter = letters[i - 1] ?? currentLetter;1982                if (isJapanese(currentLetter) !== isJapanese(precedingLetter)) return i;1983            }1984        }1985        tools.getIndexOfShift = getIndexOfShift;1986        function splitAtLanguageShift(t) {1987            const index = getIndexOfShift(t);1988            const first = t.substr(0, index).trim();1989            const second = t.substr(index, t.length - index).trim();1990            return {1991                english: !isJapanese(first) ? first : second,1992                japanese: isJapanese(first) ? first : second,1993            };1994        }1995        tools.splitAtLanguageShift = splitAtLanguageShift;1996        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *1997         *1998         *1999         *      Checks that a string has no forward slashes, while allowing "</", used in SSML tags2000         *2001         *2002         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */2003        function isSpeakable(text) {2004            return !text.match(/[^<]\/]/g);2005        }2006        tools.isSpeakable = isSpeakable;2007        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *2008         *2009         *2010         *      Takes a string with underscores, brackets, etc., and returns a scrubbed version,2011         *      with underscores removed, dummy words at end removed, and with the first word2012         *      in bracketed text extracted. Like this...2013         *2014         *2015         *      From:       "There_is (only) [one, two] thing_to_do! [dummy words]"2016         *      To:         "There is one thing to do!"2017         *2018         *2019         *2020         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */2021        function scrubForVoiceSynthesis(string) {2022            if (!tools.isEnglish(string)) return;2023            string = string.replace(/_/g, " "); // removing underscores2024            string = string.replace(/\(.+?\)/g, ""); // removing anything in parentheses2025            string = string.replace(/\[.[^\[]*\]$/, ""); // removing any bracketed content at end of string2026            string = string.replace(/\[(.+?)(,.*?)*\]/g, "$1"); // extracting first word from words in brackets, separated by commas2027            string = string.replace(/\s{2,}/g, " ").trim(); // removing multiple spaces2028            return string;2029        }2030        tools.scrubForVoiceSynthesis = scrubForVoiceSynthesis;2031        function chances(fraction) {2032            if (!fraction || isNaN(fraction) || fraction >= 1 || fraction <= 0) {2033                return log("chances requires a fraction (or decimal number) between 0 and 1!");2034            }2035            return Math.random() < fraction;2036        }2037        tools.chances = chances;2038        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *2039         *2040         *2041         *      Uses the "chances" function above to return true 50% of the time2042         *2043         *2044         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */2045        function coinToss() {2046            return chances(1 / 2);2047        }2048        tools.coinToss = coinToss;2049        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *2050         *2051         *2052         *      Tests for deviceorientation, and executes a callback if it isn't supported.2053         *2054         *      Mostly this is for iOS Safari, which is being stupid.2055         *2056         *2057         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */2058        // function ifNoTiltSupport(callback) {2059        //     if (tools.isMobile()) {2060        //         let timeout = setTimeout(callback, 1000);2061        //         window.addEventListener("deviceorientation", (e) => clearTimeout(timeout));2062        //     }2063        // }2064        // tools.ifNoTiltSupport = ifNoTiltSupport;2065        function jqueryuiModal(obj) {2066            if (!obj || typeof obj !== "object" || !obj.title || !obj.body) {2067                return console.log("jqueryuiModal requires an object with properties 'title' and 'body'!");2068            }2069            obj.buttons = forceArray(obj.buttons);2070            const modalID = "jquery-ui-modal";2071            $(`<div id='${modalID}' title='${obj.title}'></div>`).appendTo("body");2072            $(`<p>${obj.body}</p>`).appendTo($(`#${modalID}`));2073            $("#jquery-ui-modal").dialog({2074                buttons: obj.buttons ? obj.buttons : null2075            });2076        }2077        tools.jqueryuiModal = jqueryuiModal;2078        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *2079         *2080         *2081         *2082         *      Wiring up any body touchend event to trigger permission for orentation change2083         *2084         *      NOTE that this only activates the permission dialog; it does not wire up any listeners,2085         *      though it does call a callback2086         *2087         *2088         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */2089        function activateTiltDetection(obj = {}) {2090            const onDesktop = obj.onDesktop || function () { };2091            const onSuccess = obj.onSuccess || function () { };2092            const onFail = obj.onFail || function () { };2093            if (!tools.isMobile()) return onDesktop();2094            $("body").on("touchend", getTiltPermission);2095            function getTiltPermission() {2096                $("body").off("touchend", getTiltPermission);2097                DeviceMotionEvent.requestPermission().then(function (response) {2098                    if (response === "granted") onSuccess();2099                }).catch(function (e) {2100                    onFail();2101                    log("Failed!");2102                    log.error(e);2103                });2104            }2105        }2106        tools.activateTiltDetection = activateTiltDetection;2107        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *2108         *2109         *2110         *      Returns an object with properties x and y, that are constantly updated2111         *2112         *2113         *2114         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */2115        function DeviceTiltDetector(params) {2116            params = $.extend({2117                maxTilt: 10 // higher == less sensitive2118            }, params || {});2119            const maxTilt = params.maxTilt;2120            this.maxTilt = maxTilt;2121            // returning null properties if not mobile2122            if (!window.hasOwnProperty("orientation")) {2123                this.x = null;2124                this.y = null;2125                this.maxTilt = null;2126                return true;2127            }2128            // saving tilt info every time the device moves2129            registerNewTilt = event => {2130                const tilt = getTilt(event);2131                this.x = Math.max(Math.min(tilt.x, maxTilt), -maxTilt); // left-to-right2132                this.y = Math.max(Math.min(tilt.y, maxTilt), -maxTilt); // back-to-front2133            };2134            // saving tilt info every time the device moves2135            // NOTE adding this "requestPermission" bullshit2136            DeviceMotionEvent.requestPermission().then(function (response) {2137                response === "granted" && window.addEventListener("deviceorientation", registerNewTilt);2138            }).catch(function (e) {2139                console.error(e);2140            });2141            $(window).trigger("orientationchange");2142        }2143        tools.DeviceTiltDetector = DeviceTiltDetector;2144        // swapping x, y in portrait / landscape mode2145        function getTilt(event) {2146            const directions = {2147                "0": { x: event.gamma, y: event.beta },2148                "180": { x: -event.gamma, y: -event.beta }, // NEW 'cause some tables support this now!2149                "90": { x: event.beta, y: -event.gamma },2150                "-90": { x: -event.beta, y: event.gamma },2151            };2152            return directions[window.orientation];2153        }2154        tools.getTilt = getTilt;2155        function pauser(p) {2156            /* * * * * * * * * * * * * * * * * * * * * * * * * * * * *2157             *2158             *2159             *      Takes an array of keyCodes (e.g. [80] == p) and2160             *      toggles a variable ("isPaused") on keyDown2161             *2162             *      NEW:2163             *      Also takes a button or checkbox2164             *2165             *      NEW:2166             *      Added methods "disable", "enable", and "destroy"2167             *2168             *2169             *2170             * * * * * * * * * * * * * * * * * * * * * * * * * * * * */2171            if (!p || typeof p !== "object") {2172                return log("tools.pauser got some bad parameters!");2173            }2174            const settings = $.extend({2175                keyCodes: [80], // the 'p' key **  NOTE this can be a single number, or an array of numbers2176                startValue: false, // false == not paused2177                element: null, // a jQuery element, such as button or checkbox2178                pausedClass: null, // class to add to the element when paused2179                resumedClass: null, // class to add to the element when not paused2180                onPause: function () {2181                    // do something on pause2182                },2183                onResume: function () {2184                    // do something on pause2185                }2186            }, p || {});2187            const $element = settings.element;2188            const kCodes = forceArray(settings.keyCodes);2189            let isPaused = settings.startValue; // false by default2190            let pauserDisabled = false; // USE THIS to comletely disable the pauser2191            keyevent.keydown(kCodes, togglePausedState);2192            // wiring up the element, if specified (e.g. button or checkbox)2193            // NOTE we're using the "click" event even on checkboxes, rather than the "change" method2194            if ($element && $element instanceof jQuery) $element.click(togglePausedState);2195            function togglePausedState() {2196                if (pauserDisabled) return;2197                isPaused = !isPaused;2198                isPaused ? settings.onPause() : settings.onResume();2199                $element && toggleElementState();2200            }2201            function toggleElementState() {2202                $element.toggleClass(settings.pausedClass, !!(isPaused));2203                $element.toggleClass(settings.resumedClass, !(isPaused));2204                $element.is(":checkbox") && $element.prop("checked", isPaused ? true : false); // only affects checkboxes2205            }2206            function getPausedState() {2207                return isPaused;2208            }2209            function disable() {2210                pauserDisabled = true;2211            }2212            function enable() {2213                pauserDisabled = false;2214            }2215            function destroy() {2216                $element && $element.off("click", togglePausedState);2217                keyevent.keydownOff(kCodes);2218            }2219            return {2220                isPaused: getPausedState,2221                togglePausedState: togglePausedState,2222                disable: disable,2223                enable: enable,2224                destroy: destroy2225            };2226        }2227        tools.pauser = pauser;2228        function secondsToOtherFormats(timeInSeconds) {2229            const seconds = timeInSeconds % 60;2230            const minutes = Math.floor(timeInSeconds / 60 % 60);2231            const hours = Math.floor(timeInSeconds / 3600);2232            const totalMinutes = Math.floor(timeInSeconds / 60);2233            return { seconds, minutes, hours, totalMinutes, timeInSeconds, };2234        }2235        tools.secondsToOtherFormats = secondsToOtherFormats;2236        // converts seconds (not miliseconds!) to h:m.s format2237        function secondsToHMS(time, obj = {}) {2238            const settings = $.extend({2239                hoursTag: "h ",2240                minutesTag: "m ",2241                secondsTag: "s",2242                useHours: true,2243                useMinutes: true,2244                useSeconds: true,2245                useLeadingZeroes: true,2246                prefix: "",2247                suffix: "",2248            }, obj);2249            time = secondsToOtherFormats(time);2250            function addLeadingZero(number) {2251                number = parseInt(number);2252                if (number >= 0 && number <= 9) return "0" + number;2253                return number.toString();2254            }2255            let hours = time.hours ?? "",2256                minutes = time.minutes ?? "",2257                seconds = time.seconds;2258            // only adding leading 0's IF there's something to the LEFT2259            if (settings.useLeadingZeroes) {2260                if (time.hours) minutes = addLeadingZero(minutes);2261                if (time.totalMinutes) seconds = addLeadingZero(seconds);2262            }2263            if (hours) hours += settings.hoursTag;2264            if (minutes) minutes += settings.minutesTag;2265            if (seconds) seconds += settings.secondsTag;2266            return hours + minutes + seconds;2267        }2268        tools.secondsToHMS = secondsToHMS;2269        const easer = (function () {2270            return function (power, duration, type) {2271                if (arguments.length !== 3 || isNaN(power) || isNaN(duration) || (type !== "easeIn" && type !== "easeOut")) {2272                    return false;2273                }2274                const easingTypes = {2275                    easeIn: function (t, d) {2276                        d = d || duration;2277                        return Math.pow((t / d), power);2278                    },2279                    easeOut: function (t, d) {2280                        d = d || duration;2281                        return 1 - Math.pow(1 - (t / d), power);2282                    }2283                };2284                return easingTypes[type];2285            };2286        }());2287        tools.easer = easer;2288        function windowHasFocus() {2289            return !document.hidden && document.hasFocus();2290        }2291        tools.windowHasFocus = windowHasFocus;2292        function lightenElementsIncrementally(obj) {2293            if (!obj || typeof obj !== "object" || !obj.elements || isNaN(obj.minOpacity)) {2294                return log("lightenIncrementally received no params, or they're not right!");2295            }2296            let currentOpacity = obj.minOpacity;2297            const lightnessIncrement = (1 - obj.minOpacity) / obj.elements.length;2298            obj.elements.each(function () {2299                $(this).css({ opacity: currentOpacity });2300                currentOpacity += lightnessIncrement;2301            });2302            return true;2303        }2304        tools.lightenElementsIncrementally = lightenElementsIncrementally;2305        function shrinkToFit($inner, $outer, options = {}) {2306            /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *2307             *2308             *2309             *      Shrinks the font-size of an INNER div until it fits entirely inside an2310             *      OUTER div.2311             *2312             *      Ideal for text within cards.2313             *2314             *2315             * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */2316            if (arguments.length < 2) {2317                return console.warn("tools.shrinkToFit requires inner and outer jQuery elements!");2318            }2319            $inner = forceJQuery($inner);2320            $outer = forceJQuery($outer);2321            const upperLimit = options.tryCeiling || 20;2322            const shrinkIncrement = options.shrinkIncrement || 2;2323            const outerHeight = () => parseInt($outer.height());2324            const innerHeight = () => parseInt($inner.height());2325            const outerWidth = () => parseInt($outer.width());2326            const innerWidth = () => parseInt($inner.width());2327            // actually shrinking the font2328            let counter = 0;2329            while ((innerHeight() > outerHeight() || innerWidth() > outerWidth()) && counter < upperLimit) {2330                counter++;2331                const currentFontSize = parseInt($inner.css("font-size"));2332                const newFontSize = currentFontSize - shrinkIncrement;2333                $inner.css({ fontSize: newFontSize });2334            }2335            return $outer;2336        }2337        tools.shrinkToFit = shrinkToFit;2338        function fadeAndReload(opacity = 0.3) {2339            $("body").css({ opacity });2340            window.location.reload();2341        }2342        tools.fadeAndReload = fadeAndReload;2343        function doubleConfirm(text) {2344            if (!window.confirm(text) || !window.confirm("** " + text + " **")) return false;2345            return true;2346        }2347        tools.doubleConfirm = doubleConfirm;2348        tools.page = {2349            rememberScroll: function () {2350                $(window).scroll(() => sessionStorage.scrollPosition = $("body").scrollTop());2351            },2352            restoreScroll: function () {2353                $("body").scrollTop(sessionStorage.scrollPosition);2354            }2355        };2356        function doAfterNoUserInteraction(object) {2357            /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *2358             *2359             *2360             *      object.callback = some function to call when user hasn't interacted for however long2361             *2362             *      object.interval (optional) = how many seconds to wait before calling the callback2363             *2364             *2365             * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */2366            // param scrubbing2367            if (!object || typeof object !== "object" || !object.callback || typeof object.callback !== "function") {2368                return log("tools.beCheckingForUserInput requires an object passed in with a callback property, which must be a function!");2369            }2370            // defaults to 15 seconds2371            object.interval = object.interval || 15;2372            let checkInterval; // will hold a setTimeout2373            let hasFinished = false;2374            // on any user interaction, clearing any old intervals and starting a new one2375            restartCheckInterval(); // starting once without user interaction2376            function restartCheckInterval() {2377                clearTimeout(checkInterval);2378                checkInterval = setTimeout(function () {2379                    if (hasFinished) return;2380                    object.callback();2381                    hasFinished = true;2382                }, object.interval * 1000);2383            }2384            // adding all sorts of listeners for any sort of user input2385            $("body, html").on("scroll mousedown mousemove DOMMouseScroll mousewheel keydown keyup touchstart touchmove touchend", restartCheckInterval);2386            function cancel() {2387                hasFinished = true;2388            }2389            // returning a way to manually cancel the thing2390            return { cancel, };2391        }2392        tools.doAfterNoUserInteraction = doAfterNoUserInteraction;2393        function getTime() {2394            return (new Date()).getTime();2395        }2396        tools.getTime = getTime;2397        function secondsFromNow(time) {2398            return getTime() + time;2399        }2400        tools.secondsFromNow = secondsFromNow;2401        function showMistakenVocab(words) {2402            /*2403             *2404             *      returns a string in the format "cat-ç«<br>dog-ç¬<br>horse-é¦¬"2405             *2406             */2407            words = words || {};2408            let returnString = "";2409            for (var key in words) {2410                const value = words[key];2411                returnString += `${key} - <i>${value}</i><br>`;2412            }2413            return returnString;2414        }2415        tools.showMistakenVocab = showMistakenVocab;2416        function getFontSize($object) {2417            if (!$object) {2418                log("tools.getFontSize requires a jQuery object passed in!");2419                return false;2420            }2421            return parseInt($object.css("font-size"));2422        }2423        tools.getFontSize = getFontSize;2424        function refreshAfterWakingFromSleep(object = {}) {2425            /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *2426             *2427             *      Reloads the page if the computer has been asleep2428             *      for more than 2 minutes2429             *2430             *      This relies on the fact that javascript (and therefor this function)2431             *      stops when the computer's asleep2432             *2433             * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */2434            // making the object an object, if none is passed in2435            const updateInterval = object.updateInterval || 2000; // update every 2 seconds2436            const maxAllowed = object.allowedSleepInterval || 120 * 1000; // allowing 120 seconds between2437            let lastTime = (new Date()).getTime();2438            setInterval(function () {2439                const currentTime = (new Date()).getTime();2440                const elapsedTime = currentTime - lastTime;2441                if (elapsedTime < maxAllowed) {2442                    lastTime = currentTime;2443                } else {2444                    location.reload();2445                }2446            }, updateInterval);2447        }2448        tools.refreshAfterWakingFromSleep = refreshAfterWakingFromSleep;2449        // triggering the change event on any focussed object on Enter key down2450        function enterKeyTriggersChangeEvent() {2451            /*2452             *2453             *      NOTE this is necessary only when not using a <form> tag!2454             *2455             */2456            keyevent.keydown(13, function () {2457                $(":focus").trigger("change");2458            });2459        }2460        tools.enterKeyTriggersChangeEvent = enterKeyTriggersChangeEvent;2461        // converts å¨è§ and åè§ alphanumeric stuff, as well as ? and ! marks2462        // NOTE this does not work with æ¼¢å2463        function zenHanConvert(string) {2464            /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *2465             *2466             *2467             *      Two-part function! So, for example...2468             *2469             *      zenHanConvert("ï¼ï¼ï¼ï¼").to("hankaku");2470             *2471             *2472             * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */2473            // error checking2474            if (!string || typeof string !== "string" || string.length < 1) {2475                log("tools.convertZenkaku needs a string as the first paramter!");2476                return;2477            }2478            return {2479                to: function (convertTo) {2480                    if (!convertTo || !(convertTo === "zenkaku" || convertTo === "hankaku")) {2481                        log("tools.convertZenkaku takes a string, either 'zenkaku' or 'hankaku', as the second paramter!");2482                        return;2483                    }2484                    // å¨è§ã«2485                    if (convertTo === "zenkaku") {2486                        return string.replace(/[A-Za-z0-9?!]/g, function (s) {2487                            return String.fromCharCode(s.charCodeAt(0) + 0xFEE0);2488                        });2489                    }2490                    // åè§ã«2491                    if (convertTo === "hankaku") {2492                        return string.replace(/[ï¼¡-ï¼ºï½-ï½ï¼-ï¼ï¼ï¼]/g, function (s) {2493                            return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);2494                        });2495                    }2496                }2497            };2498        }2499        tools.zenHanConvert = zenHanConvert;2500        function fitOnOneLine($div) {2501            if (!$div) {2502                log("tools.fitOnOneLine requires a jquery id of the container holding the text!");2503                return;2504            }2505            if ($div.text() === "") {2506                log("tools.fitOnOneLine received no text that needs shrinking!");2507                return;2508            }2509            // adding an invisible for-testing div at the bottom to measure the text in2510            if ($("#fit-on-one-line-thing").length === 0) {2511                $("html").append("<div style='clear: both; opacity: 0; visibility: 0;'><span id='fit-on-one-line-thing'></span></div>");2512            }2513            const $fitOnOneLineThing = $("#fit-on-one-line-thing");2514            let fontSize = parseInt($div.css("font-size"));2515            let safetyCounter = 0;2516            $fitOnOneLineThing.text($div.text()).css({ fontSize: fontSize });2517            while (($fitOnOneLineThing.width() > $div.parent().width() || $fitOnOneLineThing.height() > $div.parent().height()) && safetyCounter < 20) {2518                safetyCounter++;2519                fontSize -= 1;2520                $fitOnOneLineThing.css({ fontSize: fontSize });2521            }2522            // finally, setting the font size of the original object2523            $div.css({ fontSize: fontSize - 2 });2524            return true;2525        }2526        tools.fitOnOneLine = fitOnOneLine;2527        function setMobileScreenWidth(width, callback) {2528            // exiting if there is no meta-tag with an id of "viewport"2529            if ($("#viewport").length < 1) {2530                log("tools.setMobileScreenWidth requires a meta tag with id='viewport'");2531                return;2532            }2533            width = width || 320; // default width2534            // using the default width if the screen is smaller than 400px (so this won't apply to desktop)2535            if (screen.width <= 400) {2536                $("#viewport").prop("content", "width = " + width + ", initial-scale=1.0, maximum-scale=1.0, user-scalable=no");2537                if (callback) { callback(); }2538            }2539        }2540        tools.setMobileScreenWidth = setMobileScreenWidth;2541        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *2542         *2543         *2544         *      Returns "Japanese" if there are ANY Japanese characters2545         *2546         *      in the string; otherwise, returns "English"2547         *2548         *2549         * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */2550        const languageOf = (function () {2551            // regex testing for Japanese hiragana, katakana, and kanji2552            const japaneseLetters = /[\u3040-\u309F]|[\u30A0-\u30FF]|[\u4E00-\u9FAF]/;2553            return function (string) {2554                if (!string || typeof string !== "string" || string.length === 0) {2555                    return "tools.languageOf requires a string!";2556                }2557                return japaneseLetters.test(string) ? "Japanese" : "English";2558            };2559        }());2560        tools.languageOf = languageOf;2561        const numbToTouch = (function () {2562            return function ($elementsArray, string) {2563                tools.forceArray($elementsArray).forEach(function ($element) {2564                    if (!$element && $element.length < 1) return; // is the && right here? Should be ||?2565                    $element.off("touchstart", disableTouch);2566                    if (string !== "off") $element.on("touchstart", disableTouch);2567                    function disableTouch(e) {2568                        if (e.touches) e = e.touches[0];2569                        return false;2570                    }2571                });2572            };2573        }());2574        tools.numbToTouch = numbToTouch;2575        function shrinkFont($container, percent) {2576            if (!$container || !($container instanceof $)) return log("tools.shrinkFont requires a jQuery DOM element as the first parameter!");2577            // how much of the element to fill (default 90%)2578            percent = percent || 0.9;2579            // used to break out of infinite loops2580            let counter = 0;2581            let finalFontSize = 16; // nice, round default?2582            function getContainerHeight() {2583                return parseInt($container.height());2584            }2585            function getFontSize() {2586                return parseInt($container.css("font-size"));2587            }2588            // exiting here if it's already one line, or if the font is already ridiculously small2589            if (getContainerHeight() < getFontSize * 1.5 || getFontSize < 4) return true;2590            // shrinking the font size2591            while (getContainerHeight() > (getFontSize * 1.5) && counter < 40) {2592                counter++;2593                finalFontSize = getFontSize - 1;2594                // log("finalFontSize is: " + finalFontSize);2595                $container.css({ fontSize: finalFontSize });2596            }2597            // calculating the final font size2598            finalFontSize *= percent;2599            $container.css({ fontSize: finalFontSize });2600        }2601        tools.shrinkFont = shrinkFont;2602        // returns 'click' if it's desktop, or 'touchend' if it's mobile2603        tools.clickOrTouch = tools.isMobile() ? "touchend" : "click"; // NEW TEST changed from "touchstart" to "touchend"2604        function score(obj) {2605            const settings = $.extend({2606                timerAutoStart: false2607            }, obj || {});2608            let time1; // time at the FIRST answer, constant2609            let time2; // time of the LAST answer, updated with each problem2610            let myInterval;2611            let timerHasStarted = false;2612            function markTimeOfAnswer() {2613                score.number_correct++;2614                time2 = (new Date()).getTime();2615                return this;2616            }2617            function getAverageTimeBetweenAnswers() {2618                const avgTime = (time2 - time1) / score.number_correct; // miliseconds2619                return {2620                    miliseconds: avgTime, // miliseconds2621                    seconds: Math.round(avgTime / 1000),2622                    twoDecimal: Math.round(avgTime / 10) / 100 // e.g. 1789 => 1.792623                };2624            }2625            function startTimer() {2626                if (timerHasStarted) return;2627                timerHasStarted = true;2628                time1 = (new Date()).getTime();2629                myInterval = setInterval(incrementTimer, 1000);2630                return this;2631            }2632            function incrementTimer() {2633                const currentTime = (new Date()).getTime();2634                const timeElapsed = Math.floor((currentTime - time1) / 1000);2635                score.time_taken = timeElapsed;2636                return this;2637            }2638            function stopTimer() {2639                clearInterval(myInterval);2640                return this;2641            }2642            function getNumberAnswered() {2643                return this.number_correct + this.number_mistakes;2644            }2645            if (settings.timerAutoStart) startTimer();2646            return {2647                time_taken: function () {2648                    return score.time_taken;2649                },2650                number_correct: 0,2651                number_mistakes: 0,2652                total_number_problems: null,2653                stopTimer,2654                startTimer,2655                markTimeOfAnswer,2656                getAverageTimeBetweenAnswers,2657                getNumberAnswered,2658            };2659        }2660        tools.score = score;2661        // returning the tools object so it works with Require.js2662        return tools;2663    }...

app.js

Source:app.js

...695		alienPools.onCanvasCount[t] = 0;696	});697	waveData.curWave = (keyState.c) ? Math.floor(waveData.curWave/5) * 5 : 0;698	waveData.leftInCurWave = Object.assign({}, waveData.waves[waveData.curWave].aliens); 699	clearKeyEvents();700	powerupPool.active = -1;701	powerupPool.time = powerupPool.timeout;702	waveData.newWave = true;703	waveData.newWaveTime = waveData.newWaveTimeout;704	resetShip();705}706init = () => {707	canvas = document.getElementById('gameArea');708	display = {709		missiles: document.getElementById('missiles'),710		bombs: document.getElementById('bombs'),711		shield: document.getElementById('shield'),712		score: document.getElementById('score')713	};...

vocabulary.js

Source:vocabulary.js

1/* jshint expr: true */2define(3    [4        "jquery",5        "assignment",6        "tools",7        "helpers/problemsAndChoicesList",8        "helpers/AudioLoader",9        "helpers/SoundEffects",10        "helpers/Timer",11        "helpers/scorebox",12        "helpers/shakeElement",13        "helpers/tangocho",14        "TweenMax",15        "TweenMax_CSSPlugin",16        "TweenMax_EasePack",17    ],18    function(19        $,20        assignment,21        tools,22        myVocabList,23        AudioLoader,24        SoundEffects,25        Timer,26        myScorebox,27        shakeElement,28        tangocho,29        TweenMax30    ) {31        let mistakesLine,32            timeLimit,33            recycle,34            audio,35            timer,36            myJSON,37            scorebox,38            problemNowActive = false,39            vocabList = {},40            sentencesMode = false,41            autoShowHint = false,42            autoAdvance = false,43            score = tools.score({44                number_guesses: 045            });46        const $startButton = $("#start-button"),47            $playButton = $("#play-button");48        const newChoice = (function() {49            const $choiceMaster = $(".choice-holder.my-template").detach().removeClass("my-template");50            const revertDuration = 100;51            const dragStartClass = "now-dragging mousedown";52            const dragStopClass = "now-dragging mousedown";53            return function(problem, japaneseWord, englishWord, index, isSentencesMode) {54                englishWord = tools.getIdealAnswer(englishWord);55                const $choiceHolder = $choiceMaster.clone().draggable({56                    revert: true,57                    revertDuration: revertDuration,58                    stack: ".choice-holder",59                    axis: "y",60                    containment: "#choices-bounds",61                    start: function() {62                        $(this).addClass(dragStartClass);63                    },64                    stop: function() {65                        $(this).removeClass(dragStopClass);66                    }67                }).addClass(isSentencesMode ? "align-left" : "").css({68                    height: (90 / problem.choices.length) + "%"69                }).data({70                    japanese: japaneseWord,71                    english: englishWord,72                    isCorrect: index === problem.indexOfCorrectAnswer,73                });74                $choiceHolder.find(".text-holder").text(japaneseWord);75                return $choiceHolder;76            };77        }());78        const dropZone = (function() {79            const $textHolder = $("#drop-here-message");80            const $dropZone = $("#drop-zone");81            const textHolderFontSize = $textHolder.css("fontSize");82            const originalText = $textHolder.text();83            const height = parseInt($("#choices-bounds").height() / 4);84            let nextButtonIsActive = false;85            $dropZone.click(function() {86                $playButton.click();87            }).droppable({88                accept: ".active-choice",89                drop: function(event, ui) {90                    checkAnswer($(ui.draggable));91                }92            }).css({ height: height * 0.9 });93            function showHint() {94                const hintText = tools.getIdealAnswer(vocabList.getTargetEnglish());95                $textHolder.text(hintText).addClass("hint-showing");96                tools.shrinkToFit($textHolder, $dropZone);97            }98            function restore() {99                nextButtonIsActive = false;100                $dropZone.removeClass("next-button-mode");101                $dropZone.off("click").on("click", function() {102                    $playButton.click();103                });104                $textHolder.text(originalText).removeClass("hint-showing");105                $textHolder.css({106                    fontSize: textHolderFontSize107                });108            }109            function setHeight() {110                restore();111                $dropZone.css({ height: $(".choice-holder").height() });112            }113            function nextButtonMode(d) {114                d = d || {};115                nextButtonIsActive = true;116                setTimeout(function() {117                    $dropZone.addClass("next-button-mode");118                    $dropZone.off("click").on("click", nextProblem);119                }, d.delay);120            }121            function isNextButtonMode() {122                return nextButtonIsActive;123            }124            return {125                showHint,126                restore,127                nextButtonMode,128                isNextButtonMode,129                setHeight130            };131        }());132        const sounds = new SoundEffects({133            sounds: {134                correct: "/sounds/vocabulary/tick.mp3",135                wrong: "/sounds/vocabulary/wrongSound.mp3",136                tick: "/sounds/vocabulary/tick.mp3"137            },138            playThisOnCheckboxCheck: "tick"139        });140        const hintButton = (function() {141            const $hintButton = $("#hint-button");142            const originalText = $hintButton.text();143            let isDisabled = false;144            let numTimesUsed = 0;145            autoShowHint && $hintButton.remove();146            $hintButton.click(hintButtonHandler);147            function hintButtonHandler() {148                if (problemNowActive && !isDisabled) {149                    numTimesUsed++;150                    dropZone.showHint();151                    $hintButton.addClass("hint-showing");152                }153            }154            function enable() {155                if (autoShowHint) { return null; }156                $hintButton.text(originalText).removeClass("hint-showing");157                dropZone.restore();158                isDisabled = false;159            }160            function getNumTimesUsed() {161                return numTimesUsed;162            }163            return {164                enable,165                getNumTimesUsed,166                trigger: hintButtonHandler167            };168        }());169        function wireUpStartButton() {170            assignment.startButton({171                button: $startButton,172                buttonText: "ã¹ã¿ã¼ã",173                buttonAlternate: $("#frame"),174                callback: function() {175                    timer.start();176                    score.startTimer();177                    scorebox.clock.start();178                    wireUpKeyboard(); // doing this here, so it doesn't collide with the startButton179                    setTimeout(function() {180                        nextProblem();181                    }, 200);182                }183            });184            $("body").addClass("all-audio-loaded");185        }186        assignment.getProblemData(function(d) {187            myJSON = d;188            myJSON.number_sentakushi = myJSON.number_sentakushi || 3;189            timeLimit = myJSON.assignment.time_limit;190            recycle = myJSON.assignment.recycle;191            mistakesLine = myJSON.assignment.mistakes_limit;192            assignment.controlPanel.useVoices();193            wireUpStartButton();194            // myJSON.problem = myJSON.problem.map(pair => {195            //     return pair.map(item => {196            //         return tools.isEnglish(item) ? tools.getIdealAnswer(item) : item;197            //     });198            // });199            assignment.removeProblemsWithoutAudio(myJSON);200            if (myJSON.number_problems) {201                myJSON.number_problems = parseInt(myJSON.number_problems);202                if (myJSON.number_problems < myJSON.problem.length) {203                    tools.whittleDownArray(myJSON.problem, myJSON.number_problems);204                }205            }206            const numProblems = myJSON.problem.length;207            scorebox = myScorebox({208                correctCounter: {209                    numberSegments: myJSON.problem.length,210                    recycle: recycle ? true : false,211                    fill: "blue"212                },213                wrongCounter: {214                    numberSegments: mistakesLine,215                    recycle: mistakesLine ? false : true,216                    fill: "red"217                },218                clock: {219                    duration: timeLimit ? (timeLimit * 1000) : 60 * 1000,220                    labelText: timeLimit ? timeLimit : "0",221                    repeat: true,222                    dotMode: timeLimit ? false : true,223                    labelFill: "darkorange",224                    backgroundColor: "darkorange"225                }226            });227            timer = new Timer({228                pauseStart: true,229                countdownFrom: timeLimit,230                // onWarn: function() {231                //     //232                // },233                eachSecond: function() {234                    const time = tools.secondsToHMS(timer.time(), {235                        useHours: false,236                        minutesTag: "m ",237                        secondsTag: "s",238                        useLeadingZeroes: false239                    });240                    scorebox.clock.label(time);241                },242                onFinish: function() {243                    endSequence(recycle ? "timeTrial" : "timeUp");244                }245            });246            assignment.directions.show("vocabulary", {247                directions: myJSON.assignment.directions,248                mistakes: mistakesLine,249                numProblems: recycle ? null : numProblems,250                time: timeLimit,251                timeTrial: recycle ? true : false252            });253            vocabList = myVocabList({254                problems: myJSON.problem,255                number_problems: numProblems,256                audioFiles: myJSON.audioFiles,257                numberSentakushi: myJSON.number_sentakushi || 3,258                recycleProblems: recycle ? true : false // optionally recycling words, so they never run out259            });260            sentencesMode = myJSON.misc.hasOwnProperty("sentencesMode") ?261                myJSON.misc.sentencesMode :262                vocabList.isSentences;263            // setting autoAdvance to "true" for vocabulary and "false" for sentencesMode,264            // or whatever is in myJSON.misc.autoAdvance265            if (myJSON.misc.hasOwnProperty("autoAdvance")) {266                autoAdvance = myJSON.misc.autoAdvance;267            } else {268                autoAdvance = sentencesMode ? false : true;269            }270            // setting autoAdvance to "true" for vocabulary and "false" for sentencesMode,271            // or whatever is in myJSON.misc.autoAdvance272            if (myJSON.misc.autoShowHint) {273                autoShowHint = myJSON.misc.autoShowHint;274            }275            audio = AudioLoader({276                audioFiles: myJSON.audioFiles, // NOTE not all of these words may be loaded; only the ones that are in getRemainingWords, below277                wordsList: vocabList.getRemainingWords(),278                playButton: "playIcon", // passing in the button on which to show "play" and "pause" symbols279                onReady: wireUpStartButton, // when all have loaded (if preloading) or immediately280                getWordToPlay: function() { // (optional) function to retrieve which word to play next, so we don't have to spoon-feed the word in281                    return vocabList.getTargetEnglish();282                },283                onPlay: function() {284                    $(".play-button-icon").addClass("now-playing");285                    problemNowActive = true;286                },287                onEnded: function() {288                    $(".play-button-icon").removeClass("now-playing");289                },290            });291            assignment.fixedProblemHolder({292                onSlideUp: function() {293                    $("#directions").hide();294                },295                onSlideDown: function() {296                    $("#directions").show();297                }298            });299        });300        function nextProblem() {301            $(".carriage.old").remove();302            const $carriageOld = $("<div class='carriage old'></div>").appendTo("#choices-holder");303            $(".choice-holder").removeClass("active-choice").appendTo($carriageOld);304            const problem = vocabList.pickRandomProblem();305            hintButton.enable();306            TweenMax.to($carriageOld, 0.75, {307                left: "110%",308                onComplete: function() {309                    $carriageOld.remove();310                }311            });312            $(".carriage.new").remove();313            const $carriageNew = $("<div class='carriage new'/>").appendTo("#choices-holder");314            problem.choices.forEach(function(choice, index) {315                const japaneseWord = choice;316                const englishWord = vocabList.getEnglishFor(choice);317                const $choiceHolder = newChoice(problem, japaneseWord, englishWord, index, sentencesMode);318                $carriageNew.append($choiceHolder);319                TweenMax.to($carriageNew, 0.75, {320                    left: "0%"321                });322            });323            dropZone.setHeight();324            autoShowHint && dropZone.showHint();325            setTimeout(function() {326                problemNowActive = true;327                audio.play();328            }, 500);329        }330        function checkAnswer($droppedObject) {331            if (!problemNowActive) return false;332            score.number_guesses++;333            const divider = sentencesMode ? "<br>" : " = ";334            const $textHolder = $droppedObject.find(".text-holder");335            $textHolder.html($droppedObject.data("japanese") + divider + $droppedObject.data("english"));336            tools.shrinkToFit($textHolder, $droppedObject);337            $droppedObject.data("isCorrect") ? rightAnswerHandler($droppedObject) : wrongAnswerHandler($droppedObject);338        }339        function rightAnswerHandler($droppedObject) {340            scorebox.correctCounter.increment();341            score.number_correct++;342            audio.stopAll();343            problemNowActive = false;344            sounds.play("correct");345            $droppedObject.addClass("answered-correct");346            vocabList.removeCurrentProblem();347            $(".choice-holder").draggable("disable");348            if (vocabList.getNumberRemaining() <= 0) {349                endSequence("allAnswered");350                return;351            }352            if (!autoAdvance) {353                dropZone.nextButtonMode({ delay: 0 });354            } else {355                setTimeout(nextProblem, 500);356            }357        }358        function wrongAnswerHandler($droppedObject) {359            sounds.play("wrong");360            shakeElement($("#choices-bounds"));361            score.number_mistakes += 1;362            scorebox.wrongCounter.increment();363            // sending mistaken vocabulary items to the user's tangocho364            const englishWord1 = tools.getIdealAnswer($droppedObject.data("english"));365            const japaneseWord1 = $droppedObject.data("japanese");366            const englishWord2 = tools.getIdealAnswer(vocabList.getTargetEnglish()); // can't use englishWord1, 'cause the real English may not be suitable for dsiplaying367            const japaneseWord2 = vocabList.getJapaneseFor(vocabList.getTargetEnglish());368            if (myJSON.assignment.use_user_vocab) {369                tangocho.add({ english: englishWord1, japanese: japaneseWord1 });370                tangocho.add({ english: englishWord2, japanese: japaneseWord2 });371            }372            $droppedObject.addClass("answered-wrong");373            if (mistakesLine && score.number_mistakes >= mistakesLine) {374                endSequence("tooManyMistakes");375                return;376            }377        }378        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */379        const endSequence = (function() {380            let hasBeenCalled = false;381            const passConditions = {382                tooManyMistakes: false,383                timeUp: false,384                allAnswered: true,385                timeTrial: true386            };387            return function(result) {388                if (hasBeenCalled) return;389                hasBeenCalled = true;390                timer && timer.stop();391                scorebox.clock && scorebox.clock.stop();392                score.stopTimer();393                assignment.gambariTimeStop();394                audio.disable().stopAll();395                tools.clearKeyEvents;396                const results = {397                    time_taken: score.time_taken(),398                    number_problems: vocabList.numberOfProblems,399                    number_mistakes: score.number_mistakes,400                    passed: passConditions[result]401                };402                assignment.send_results(results, function() {403                    setTimeout(function() {404                        // passing in the object to put the assignment_results stuff into, and the data to display405                        const data = [406                            { label: "æé", value: results.time_taken + " ç§" },407                            { label: "åé¡æ°", value: results.number_problems ? results.number_problems + " å" : "-" },408                            { label: "æ£è§£", value: score.number_correct + " å" },409                            { label: "ééã", value: score.number_mistakes + " å" }410                        ];411                        // adding mistaken vocabulary items to be displayed on the assignmentResults412                        const wordsToReview = tools.showMistakenVocab(tangocho.getItems());413                        if (wordsToReview && myJSON.assignment.use_user_vocab) {414                            data.push({415                                label: "å¾©ç¿ãããï¼",416                                value: wordsToReview417                            });418                        }419                        assignment.showAssignmentResults({420                            container: $("#mainProblemsHolder"),421                            result: result,422                            data: data423                        });424                        let percentCorrect = results.number_problems / score.number_guesses;425                        percentCorrect = Math.min(percentCorrect, 1);426                        percentCorrect = Math.max(percentCorrect, 0);427                    }, 1000);428                });429                return true;430            };431        }());432        $playButton.click(function() {433            problemNowActive && audio.play();434        });435        function wireUpKeyboard() {436            // keys 1 ~ 6 trigger "checkAnswer" on the appropriate .choice-holder437            tools.keydown([49, 50, 51, 52, 53, 54], (function() {438                // using this so the key can only be pressed once every 500ms,439                // to avoid accidental consecutive key presses440                const minTimeBetweenKeyPresses = 500;441                let lastTimePressed = (new Date()).getTime();442                return function(e) {443                    const $choice = $(".active-choice").eq(e.keyCode - 49);444                    if ($choice.length < 1) { return; }445                    // calculating whether enough time has passed since the last key press446                    const currentTime = (new Date()).getTime();447                    const milisecondsPassed = currentTime - lastTimePressed;448                    const enoughTimeHasPassed = (milisecondsPassed > minTimeBetweenKeyPresses);449                    if (enoughTimeHasPassed) {450                        lastTimePressed = currentTime;451                        checkAnswer($choice);452                    }453                };454            }()));455            tools.keydown(72, hintButton.trigger); // "H"456            tools.keydown(32, function() {457                $playButton.click();458            });459            tools.keydown(13, function() {460                if (dropZone.isNextButtonMode()) {461                    $("#next-button").click();462                    return;463                }464            });465        }466    }...

main.js

Source:main.js

...424			self.shapes[i].reset(isOutside);425		}426427		self.mainWindow.context.stroke();428		self.clearKeyEvents();429		self.update();430	};431432433	self.getAngle = function(){434		var angleX, angleY, angleZ;435436437438439		return [angleX, angleY, angleZ];440	};441	442
...

keyboard-e2e-specs.js

Source:keyboard-e2e-specs.js

...59    await driver.pressKeyCode(29, 193);60    let el = await getElement(driver, TEXTVIEW_CLASS);61    return await driver.getText(el);62  };63  await clearKeyEvents(driver);64  let text = await runTest();65  if (text === '') {66    // the test is flakey... try again67    text = await runTest();68  }69  text.should.include('keyCode=KEYCODE_A');70  text.should.include('metaState=META_SHIFT_ON');71}72async function runKeyEventTest (driver) {73  let runTest = async function () {74    await driver.pressKeyCode(82);75    let el = await getElement(driver, TEXTVIEW_CLASS);76    return await driver.getText(el);77  };78  await clearKeyEvents(driver);79  let text = await runTest();80  if (text === '') {81    // the test is flakey... try again82    text = await runTest();83  }84  text.should.include('[keycode=82]');85  text.should.include('keyCode=KEYCODE_MENU');86}87const tests = [88  {label: 'editing a text field', text: 'Life, the Universe and Everything.'},89  {label: 'sending \'&-\'', text: '&-'},90  {label: 'sending \'&\' and \'-\' in other text', text: 'In the mid-1990s he ate fish & chips as mayor-elect.'},91  {label: 'sending \'-\' in text', text: 'Super-test.'},92  {label: 'sending numbers', text: '0123456789'},...

PopupMenu.js

Source:PopupMenu.js

...120121	// Capture key events in the menu122	alib.events.listen(this, "onHide", function(evt) { 123		if (evt.data.popMenu.menu) {124			evt.data.popMenu.menu.clearKeyEvents();125		}126	}, {popMenu:this});127128}129130/**131 * Toggle menu132 *133 * @public134 */135alib.ui.PopupMenu.prototype.setVisible = function()136{137	if (!this.isRendered)138		this.render();
...

Menu.js

Source:Menu.js

1/**2 * @fileOverview Menu class used to build menus3 *4 * This class is a work in progress5 *6 * Example:7 * <code>8 * 	var menu = new alib.ui.Menu();9 * 	menu.addItem(new alib.ui.MenuItem("Item 1"), true, "opt_item_id");10 * 	menu.addItem(new alib.ui.MenuItem("Item 2"), true, "opt_item2_id");11 * 	menu.render(document.getElementById('divid'));12 * </code>13 *14 * @author:	joe, sky.stebnicki@aereus.com; 15 * 			Copyright (c) 2012 Aereus Corporation. All rights reserved.16 */1718/**19 * Creates an instance ui menu20 *21 * @constructor22 */23alib.ui.Menu = function(options)24{25	/**26	 * Main div contianer created when rendered27	 *28	 * @type {DOMElement}29	 */30	this.mainCon = null;3132	/**33	 * Options object34	 *35	 * @type {Object}36	 */37	this.options = options || new Object();3839	/**40	 * Array of entries41	 *42	 * @type {Array}43	 */44	this.entries = new Array();4546	/**47	 * Index of selected entry48	 *49	 * @type {int}50	 */51	this.selectedEntry = -1;5253	/**54	 * Flag to determine if we should show a filter search box55	 *56	 * @type {bool}57	 */58	this.isFiltered = this.options.filtered || false;5960	/**61	 * Flag to set this as a submenu of a parent menu62	 *63	 * @type {bool}64	 */65	this.isSubmenu = this.options.submenu || false;6667	/**68	 * Search input69	 *70	 * @type {DOMElement.input}71	 */72	this.filteredInput = null;7374	/**75	 * Filter container76	 *77	 * @type {DOMElement.div}78	 */79	this.filterCon = null;8081	/**82	 * Mobile mode flag83	 *84	 * @type {bool}85	 */86	this.mobile = this.options.mobile || ((alib.dom.getClientWidth() < 800)?true:false);87}8889/**90 * Add a menu item to the menu91 *92 * @param {alib.ui.MenuItem} item93 */94alib.ui.Menu.prototype.addItem = function(item)95{96	this.entries.push(item);97	this.refresh(); // If alredy rendered then redraw with new item98	99	alib.events.triggerEvent(this, "onAddItem");100}101102/**103 * Clear all current items in the menu104 */105alib.ui.Menu.prototype.clear = function()106{107	this.mainCon.innerHTML = "";108	this.entries = new Array();109}110111/**112 * Refresh based on added items113 */114alib.ui.Menu.prototype.refresh = function()115{116	if (!this.mainCon)117		return;118119	// Clear rendered div because IE appears to leave it orphaned while clearing all child content120	for (var i in this.entries)121	{122		if (this.entries[i].con)123			this.entries[i].con.parentNode.removeChild(this.entries[i].con);124	}125126	if (this.filterCon != null)127		this.filterCon.innerHTML = "";128129	//this.mainCon.innerHTML = "";130131	this.render();132}133134/**135 * Render this item into the DOM tree136 *137 * @param {DOMElement} con The container to render this menu into138 */139alib.ui.Menu.prototype.render = function(con)140{141	if (!this.mainCon && con)142	{143		this.mainCon = alib.dom.createElement("div", con);144		alib.dom.styleSetClass(this.mainCon, "alibMenu");145	}146147	// If filtered then add search box148	if (this.isFiltered)149	{150		if (!this.filterCon)151			this.filterCon = alib.dom.createElement("div", this.mainCon);152153		this.renderFilterForm(this.filterCon);154	}155156	for (var i in this.entries)157	{158		this.entries[i].render(this.mainCon, this);159	}160}161162/**163 * Create filtered search box164 *165 * @param {DOMElement} con166 */167alib.ui.Menu.prototype.renderFilterForm = function(con)168{169	var filterCon = alib.dom.createElement("div", con);170	alib.dom.styleSet(filterCon, "margin", "0 5px 0 5px");171	alib.dom.styleSet(filterCon, "min-width", "100px");172173	var input = alib.dom.createElement("input", filterCon);174	input.type = "text";175	alib.dom.styleSet(input, "width", "98%");176	this.filteredInput = input;177178	alib.events.listen(input, "keyup", function(evt) {179		evt.data.menu.filterSearch(this.value);180	}, {menu:this});181}182183/**184 * Search through all the items in the array for a query string and hide anything that does not match185 *186 * @param {string} strQuery187 */188alib.ui.Menu.prototype.filterSearch = function(strQuery)189{190	for (var i in this.entries)191	{192		this.entries[i].applyVisibleFilter(strQuery);193	}194}195196/**197 * Search through all the items in the array for an id if set198 *199 * @param {string} strQuery200 * @return {alib.ui.MenuItem}201 */202alib.ui.Menu.prototype.getItemById = function(id)203{204	for (var i in this.entries)205	{206		if (this.entries[i].id == id)207			return this.entries[i];208	}209210	return null;211}212213/**214 * Put this menu in mobile mode215 *216 * @param {bool} on If in, then render this in one box217 * @return {alib.ui.MenuItem}218 */219alib.ui.Menu.prototype.setMobileMode = function(on) {220	this.mobile = on;221}222223/**224 * Move down an item from current position, or select first225 */226alib.ui.Menu.prototype.moveDown = function() {227	if (this.entries.length == 0)228		return;229230	// Make sure some items are visible231	var isVisible = false;232	for (var i in this.entries)233	{234		if (this.entries[i].visible)235			isVisible = true;236	}237	if (!isVisible)238		return;239240	this.selectedEntry++;241242	// If beyond range then wrap to 0243	if (this.selectedEntry > (this.entries.length - 1))244		this.selectedEntry = 0;245246	// If next item is not visible, then skip to next247	if (!this.entries[this.selectedEntry].visible)248		return this.moveDown();249250	// Hover active, remove over class from all others251	for (var i in this.entries)252		this.entries[i].setSelected((i==this.selectedEntry)?true:false);253}254255/**256 * Move down an item from current position, or select first257 */258alib.ui.Menu.prototype.moveUp = function() {259	if (this.entries.length == 0)260		return;261262	// Make sure some items are visible263	var isVisible = false;264	for (var i in this.entries)265	{266		if (this.entries[i].visible)267			isVisible = true;268	}269	if (!isVisible)270		return;271272	if (this.selectedEntry <= 0)273		this.selectedEntry = this.entries.length - 1;274	else275		this.selectedEntry--;276277	// If next item is not visible, then skip to next278	if (!this.entries[this.selectedEntry].visible)279		return this.moveUp();280281	// Hover active, remove over class from all others282	for (var i in this.entries)283		this.entries[i].setSelected((i==this.selectedEntry)?true:false);284}285286/**287 * Listen for arrow keys and return288 */289alib.ui.Menu.prototype.captureKeyEvents = function() {290291	var me = this;292	var onkeyDownHndler = function(evt) {293		if (!evt) evt = event;294		var a = evt.keyCode;295		296		switch (a)297		{298		// Up arrow299		case 38:300			me.moveUp();301			return false;302			break;303304		// Down arrow305		case 40:306			me.moveDown();307			return false;308			break;309310		// Return or tab gets hit311		case 13:312			if (me.selectedEntry)313				me.entries[me.selectedEntry].click();314			return true;315			/*316			if (actb_display)317			{318				actb_curr.m_inac = false;319				actb_caretmove = 1;320				actb_penter();321				return false;322			}323			else324			{325				return true;326			}327			*/328			break;329330		default:331			return true;332			break;333		}334	};335336	alib.dom.addEvent(document, "keydown", onkeyDownHndler);337	//alib.dom.addEvent(document,"keypress", actb_keypress);338339	this.clearKeyEvents = function(){340		alib.dom.removeEvent(document,"keydown",onkeyDownHndler);341		//alib.dom.removeEvent(document,"keypress",actb_keypress);342	}343}344345/**346 * Clear key event listeners347 */348alib.ui.Menu.prototype.clearKeyEvents = function() {349	// Will be defined when captureKeyEvents is called350}351352/*353function actb_keypress(e)354	{355		if (actb_caretmove) alib.dom.stopEvent(e);356		return !actb_caretmove;357	}358	*/
...

Using AI Code Generation

1var webdriver = require('selenium-webdriver');2    withCapabilities({3    build();4driver.executeScript("mobile: clearKeyEvents", []);5var webdriver = require('selenium-webdriver');6    withCapabilities({7    build();8driver.executeScript("mobile: clearKeyEvents", []);9var webdriver = require('selenium-webdriver');10    withCapabilities({11    build();12driver.executeScript("mobile: clearKeyEvents", []);13var webdriver = require('selenium-webdriver');14    withCapabilities({15    build();16driver.executeScript("mobile: clearKeyEvents", []);17var webdriver = require('selenium-webdriver');

Using AI Code Generation

1var client = require('webdriverio').remote({2    desiredCapabilities: {3    }4});5    .init()6    .clearKeyEvents()7    .end();8var client = require('webdriverio').remote({9    desiredCapabilities: {10    }11});12    .init()13    .sendKeyEvent(3)14    .end();15var client = require('webdriverio').remote({16    desiredCapabilities: {17    }18});19    .init()20    .pressKeyCode(3)21    .end();22var client = require('webdriverio').remote({23    desiredCapabilities: {24    }25});26    .init()27    .longPressKeyCode(3)28    .end();29var client = require('webdriverio').remote({30    desiredCapabilities: {

Using AI Code Generation

1var webdriver = require('selenium-webdriver');2var clearKeyEvents = require('appium-android-driver').AndroidDriver.clearKeyEvents;3var driver = new webdriver.Builder()4  .forBrowser('chrome')5  .build();6driver.findElement(webdriver.By.name('q')).sendKeys('webdriver');7driver.findElement(webdriver.By.name('btnG')).click();8driver.wait(function() {9  return driver.getTitle().then(function(title) {10    return title === 'webdriver - Google Search';11  });12}, 1000);13clearKeyEvents(driver);14driver.quit();

Using AI Code Generation

1driver.clearKeyEvents();2driver.pushFile("path/to/file.txt");3driver.pullFile("path/to/file.txt");4driver.pullFolder("path/to/folder");5driver.toggleData();6driver.toggleWiFi();7driver.toggleAirplaneMode();8driver.toggleLocationServices();9driver.getSettings();10driver.updateSettings({});11driver.setGeoLocation({});12driver.getGeoLocation();13driver.sendSMS("555-555-5555", "Hello World!");14driver.gsmCall("555-555-5555", "GSM");15driver.gsmSignal();16driver.gsmVoice();17driver.shake();18driver.lock();19driver.unlock();20driver.isLocked();21driver.hideKeyboard();22driver.isKeyboardShown();23driver.installApp("path/to/app.apk");24driver.removeApp("com.example.app");25driver.launchApp();26driver.closeApp();

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.