HowTo Correct Inconsistent Tasks Loading

Brad_McKenna

We have struggled for a bit with inconsistent loading of Tasks within tickets.
On the initial load there is often a limited subset of tasks:

If the user refreshes, F5, the Tasks list then populates as expected:

Any recommendations on how to resolve this inconsistency is greatly appreciated. 
When this occurs, no errors are dumped to the Dev Console.
Portal Version: 8.2.2.2012

My apologies if my search skills are weak and I missed a similar post.

Geoff_Ross

Hi All,

This is the code i use to load external scripts into custom.js rather than putting code directly into it.

/* ----------------------------------------------- */
/* ----------------- Script Loader --------------- */
/* ----------------------------------------------- */

// This helps with loading scripts and debugging
// Pass in the path of the js file and an array of url segments on which to run this code
// EG loadScript("/CustomSpace/CustomExtension/CustomExtension.js",["ServiceRequest","Incident"]);
var loadScript = function (path,urls) { 
	urls.forEach(function(url){	
		if(window.location.href.indexOf(url) !== -1){ // Verify we are on the valid page
		
			var result = $.Deferred(),
				script = document.createElement("script");
			script.async = "async";
			script.type = "text/javascript";
			script.src = path;
			script.onload = script.onreadystatechange = function(_, isAbort) {
				if (!script.readyState || /loaded|complete/.test(script.readyState)) {
					if (isAbort)
						result.reject();
					else
						result.resolve();
				}
			};
			script.onerror = function () { result.reject(); };
			$("head")[0].appendChild(script);
			console.log("Loaded " + path)
			return result.promise();
		}
	})
};

/* ----------------------------------------------- */
/* --------------- END Script Loader ------------- */
/* ----------------------------------------------- */

With this example of how to use it:

loadScript("/CustomSpace/RDPTask/RDPTask.js",["/Incident/","/ChangeRequest/"]);

This brings a number of advantages over code directly into custom.js

1. custom.js does not end up 1,000s of lines long
2. Customisations can be turned off and on by commenting / commenting the line above
3. The code is only loaded on relevant pages as per the 'urls' parameter which avoids taking time to download files that add no value to the current page or could cause problems on current page
4. Debugging is still possible unlike with $.getScript()

Hope this helps

Geoff

Geoff_Ross

Hi @Brad_McKenna

I can't tell you exactly what is causing this but I can tell you that the difference between the two lists is that the first is just the Out of Box tasks and the second contains custom tasks. So the issue is something around how you custom code is getting loaded because it is failing to do so on initial load.

Depending on how you are doing this there could be a number of reasons why.

Does that help point you in the right direction at all?

Geoff

Jonathan_Boles

Our organization has struggled greatly with this as well. In our case we've been able to determine it's a timing and/or latency issue (analysts in Corporate office don't see the issue vs. analysts in the region experience the issue the majority of the time) but have made no progress on a resolution even after months of effort and trying different approaches. 

Roland_Kind

Hi,

several weeks ago I came across an alternate possibility to load the js files - I am not sure if this solves the problem - and maybe you have already tested this  ...

var loadJS = function(url, implementationCode, location){    
    var scriptTag = document.createElement('script');
    scriptTag.src = url;
 if (implementationCode != null)
 {
  scriptTag.onload = implementationCode;
  scriptTag.onreadystatechange = implementationCode;
 } 
    location.appendChild(scriptTag);
};
 loadJS('/CustomSpace/RK_GLOB_Functions.js', function(){}, document.head);
 loadJS('/CustomSpace/RK_Activity Tools.js', function(){}, document.head);
 loadJS('/CustomSpace/RK_CREL_CR_2_SR.js', function(){}, document.head);
 loadJS('/CustomSpace/RK_CREL_SR_2_HW.js', function(){}, document.head);

Geoff_Ross

Hi All,

This is the code i use to load external scripts into custom.js rather than putting code directly into it.

/* ----------------------------------------------- */
/* ----------------- Script Loader --------------- */
/* ----------------------------------------------- */

// This helps with loading scripts and debugging
// Pass in the path of the js file and an array of url segments on which to run this code
// EG loadScript("/CustomSpace/CustomExtension/CustomExtension.js",["ServiceRequest","Incident"]);
var loadScript = function (path,urls) { 
	urls.forEach(function(url){	
		if(window.location.href.indexOf(url) !== -1){ // Verify we are on the valid page
		
			var result = $.Deferred(),
				script = document.createElement("script");
			script.async = "async";
			script.type = "text/javascript";
			script.src = path;
			script.onload = script.onreadystatechange = function(_, isAbort) {
				if (!script.readyState || /loaded|complete/.test(script.readyState)) {
					if (isAbort)
						result.reject();
					else
						result.resolve();
				}
			};
			script.onerror = function () { result.reject(); };
			$("head")[0].appendChild(script);
			console.log("Loaded " + path)
			return result.promise();
		}
	})
};

/* ----------------------------------------------- */
/* --------------- END Script Loader ------------- */
/* ----------------------------------------------- */

With this example of how to use it:

loadScript("/CustomSpace/RDPTask/RDPTask.js",["/Incident/","/ChangeRequest/"]);

This brings a number of advantages over code directly into custom.js

1. custom.js does not end up 1,000s of lines long
2. Customisations can be turned off and on by commenting / commenting the line above
3. The code is only loaded on relevant pages as per the 'urls' parameter which avoids taking time to download files that add no value to the current page or could cause problems on current page
4. Debugging is still possible unlike with $.getScript()

Hope this helps

Geoff

Jeff_Landers

I am trying to implement script loader to run all of our customizations.  However, I don't see where to enter each path/url combination for each script.   Do I keeping adding var loadScript1, var loadscript2, var loadscript3,  and the for each loop takes care of it?
  Do you have an example of how to code it for multiple script calls?  
Sorry, I am still learning.
Jeff