OracleApex-Label-Count-AJAX.js

function addNavigationBadgeLoader(){

	setTimeout(function(){

		let navTabs = document.querySelector('.apex-rds-container');

		if (navTabs) {
			
			let navTabsList = navTabs.querySelectorAll('ul > li .js-three-quarters-loader');

			for (let i = 0; i < navTabsList.length; i++) {
				navTabsList[i].insertAdjacentHTML('beforeend', '<span class="three-quarters-loader"></span>');
			}
		}

		let navList = document.querySelectorAll('.js-three-quarters-loader + a');

		for (let i = 0; i < navList.length; i++) {
			navList[i].insertAdjacentHTML('beforeend', '<span class="three-quarters-loader"></span>');
		}

	}, 100);
};

function removeBadgeLoader(itemClass){

	setTimeout(function(){

		let loaderElement = document.querySelector('.' + itemClass + ' + a .three-quarters-loader');

		if (loaderElement){

			if (typeof loaderElement.remove == 'function'){
				loaderElement.remove();
			} 
			else{
				loaderElement.outerHTML = '';
			}
		}
	}, 100);
};

function removeBadgeTabsLoader(itemClass) {

	setTimeout(function(){

		let loaderElement = document.querySelector('.' + itemClass + ' > .three-quarters-loader');

		if (loaderElement){

			if (typeof loaderElement.remove == 'function'){
				loaderElement.remove();
			}
			else{
				loaderElement.outerHTML = '';
			}
		}
	}, 100);
};


function addNavigationBadge(serviceName) {
	apex.server.process(
		serviceName,
		{
		},
		{
			success: function (pData) {

				let json = JSON.parse(pData);

				if (json.length && json.length == 0) {
					return false;
				}

				for (let i = 0; i < json.length; i++) {

					for (let itemClass in json[i]) {

                    removeBadgeLoader(itemClass);

				    removeBadgeTabsLoader(itemClass);

						if (json[i][itemClass] > 0) {

							let htmlBadge = '<span class="a-TreeView-badge">' + json[i][itemClass] + '</span>';

							if (document.querySelector('.' + itemClass + ' + a')) {
								document.querySelector('.' + itemClass + ' + a').insertAdjacentHTML('beforeend', htmlBadge);
							}

							if (document.querySelector('.' + itemClass + ' > .three-quarters-loader')) {
								document.querySelector('.' + itemClass).insertAdjacentHTML('beforeend', htmlBadge);
							}
						}
					}
				}
			},
			dataType: "text"
		}
	);
};