UserAgents.js

/* Make SmartTVs recognize cursors */
if (navigator.userAgent.match("SmartTV")) {
document.getElementById("Handler").className += " smart"
}

if (navigator.userAgent.match("Macintosh")) {
document.getElementById("Handler").className += " osx"
}

if (navigator.userAgent.match("Linux")) {
document.getElementById("Handler").className += " xubuntu"
}

/* CSS for App */
if (navigator.userAgent.match("MW18")) {
document.getElementById("Handler").className += " mpisto-servers"
}

	// Some old Fox Versions
	var ua_agent = navigator.userAgent

	if ( (ua_agent.match("Safari/")) && !( (ua_agent.match("Chrome/")) || (ua_agent.match("YNGT")) ) ) { // Safari
		window.oldBrowser = ua_agent.match(/Version\/(\d+)/)[1] < 18
		window.oldBrowser2 = ua_agent.match(/Version\/(\d+)/)[1] < 18
	}

	if ( (ua_agent.match("Firefox/")) && !( (ua_agent.match("PaleMoon/")) ) ) { // Mozilla Firefox
		window.oldBrowser = ua_agent.match(/Firefox\/(\d+)/)[1] < 127
		window.oldBrowser2 = ua_agent.match(/Firefox\/(\d+)/)[1] < 133
	}

	if ( (ua_agent.match("PaleMoon/")) ) { // Pale Moon
		window.oldBrowser = ua_agent.match(/PaleMoon\/(\d+)/)[1] < 32
		window.oldBrowser2 = ua_agent.match(/PaleMoon\/(\d+)/)[1] < 32
	document.querySelector('html').classList.add('pale-moon')
	}


	if ( (ua_agent.match("Chrome/")) && !( (ua_agent.match("Edge/")) ) ) { // Google Chrome
		window.oldBrowser = ua_agent.match(/Chrome\/(\d+)/)[1] < 125
		window.oldBrowser2 = ua_agent.match(/Chrome\/(\d+)/)[1] < 131
	}
	

	window.oldBrowser =( 
						(window.oldBrowser) ||						    // Old Chrome, Firefox and Safari 
						(ua_agent.match("Trident")) ||					// Internet Explorer 				
						(ua_agent.match("Presto")) || 					// Classic Opera
						(ua_agent.match("Tessera")) || 					// 4x4 Browser
						(ua_agent.match("MINERVOULA")) || 				// Older mInerva
						(ua_agent.match("Silk")) || 					// Amazon Silk
						(ua_agent.match("PLAYSTATION 3")) || 			// PS3 Browser
						(ua_agent.match("Nintendo DSi")) || 			// Nintendo DSi Browser
						(ua_agent.match("Nintendo 3DS")) || 			// Nintendo 3DS Browser
						(ua_agent.match("PLAYSTATION PORTABLE")) || 	// PSP Browser
						(ua_agent.match("Edge")) || 					// Classic Microsoft Edge
						(ua_agent.match("BlackBerry")) || 				// Blackberry Browser
						(ua_agent.match("IEMobile")) ||	 				// Phone Internet Explorer
						(ua_agent.match("PaleMoon"))					// Pale Moon
						)
	
	if (window.oldBrowser) {
	window.location.replace("https://hm100.github.io/UnsupportedBanners/Mpisto.html");window.location.href = "https://hm100.github.io/UnsupportedBanners/Mpisto.html";
}

// <!--END-->

/* Mobile Only CSS */

if (('ontouchstart' in window) ||
     (navigator.maxTouchPoints > 0)) {
document.querySelector("html").className += " touch-events"
}

	if (navigator.userAgent.match("Chrome/")) { // Google Chrome
		document.querySelector("html").className += " no-standard-scrollbar"
	}

/* Local Storage */
function getKey(key) {
var str = window.localStorage,
    result = str.getItem('-evelution-preference-'+key);
if (!result) {
   return '-1';
}
return result;
}

function insertKey(key,value) {
	window.localStorage.setItem('-evelution-preference-' + key, '' + value);
}

function getParams() {
	if (window.location.search != "") {
		var params = window.location.search.split("?")[1].split("&");
    } else {
		var params = []
    }
	return params
}


/* Dropdowns */
// Calls the function on all toggles
function DropDownUpdate() {
	var dropdowns = document.querySelectorAll(".cpe-dropdown");
	dropdowns.forEach(function(x) {
		x.setAttribute('tabindex',-1); // Add the CPE button class
	});

	InitialiseSelectInputs();
					
}

/* Select Inputs */
function InitialiseSelectInputs() {
/* Select Inputs */
	var select_items = document.querySelectorAll(".cpe-dropdown.cpe-select .cpe-dropdown__content .cpe-list li:not(.cpe-dropdown-level-nested)");
	select_items.forEach(function(y) {
		y.setAttribute('onclick','HandleSelectInputBlurring()')
		y.addEventListener('click', (function(e) { UpdateSelectInput(this) }) );
	});
}

function UpdateSelectInput(obj) { // Updates a Select Input Value
		var x = document.querySelector(".cpe-dropdown.cpe-select:focus-within .cpe-dropdown__content .cpe-list li.selected");
		if (x) {
			x.classList.remove("selected");
		}
//		obj.classList.add("selected");
		document.querySelector(' .cpe-dropdown.cpe-select:focus-within').addEventListener('click',UpdateSelectValue(obj));
		document.querySelector(' .cpe-dropdown.cpe-select:focus-within').removeEventListener('click',UpdateSelectValue);
}

function UpdateSelectValue(obj) { // Saves the chosen value and content from the dropdown list into the select input
	var content = obj.innerText;
	var value = obj.getAttribute("value");
	document.querySelector('.cpe-select:focus-within .cpe-select__value').setAttribute("value", value);
	document.querySelector('.cpe-select:focus-within .cpe-select__value').innerHTML= content;
}

function HandleSelectInputBlurring() { // Handles Blurring
		setTimeout(
		(function() { document.querySelector(' .cpe-dropdown.cpe-select:focus-within').blur(); 	document.querySelector('.focus-overlay').focus(); } )
	,0)
}


/* Range Inputs */


function UpdateRange() {
	var ranges = document.querySelectorAll('input[type="range"]');
	ranges.forEach(function(x) {
		x.style.setProperty("--range-percent",  (( ((x.value) - x.getAttribute('min') ) * 100) / (x.getAttribute('max') - x.getAttribute('min')) ) + '%'  );
	});

	var progresses = document.querySelectorAll('progress');
	progresses.forEach(function(x) {
		x.style.setProperty("--range-percent",  (( ((x.getAttribute('value')) - 0 ) * 100) / (x.getAttribute('max') - 0) ) + '%'  );
	});

}

function UpdateRangeInputs() {
	UpdateRange();

	var ranges2 = document.querySelectorAll('input[type="range"]');
	ranges2.forEach(function(x) {
		x.addEventListener("input", function(e) { UpdateRange(); });
	});

}

/* Enable New Global Navigation - No exception for now */
(function () {
	AliasFandomComponents();
	UpdateRangeInputs();
	DropDownUpdate();

	/* DITTO */
	document.querySelector("body").addEventListener("mouseenter", ( function(e) { CheckTheme(); } ) );
	document.querySelector("body").addEventListener("mouseleave", ( function(e) { DropDownUpdate(); CheckTheme(); } ) );

	document.querySelector("body").addEventListener("blur", ( function(e) { UpdateThemeColorMetaTag(); } ) );
	document.querySelector("body").addEventListener("focus", ( function(e) { UpdateThemeColorMetaTag(); } ) );
	

	/* END DITTO */


})();

/* Aliases all components with the .wds prefix to the ones from .cpe ones */
function AliasFandomComponents() {

	var highlightedItems = document.querySelectorAll(":not(svg)[class*='wds-'], [class*='cpe-is-'], [class*='cpe-has-']");

	while (document.querySelectorAll(':not(svg)[class*="wds-"], [class*="cpe-is-"], [class*="cpe-has-"]').length > 0) {
		highlightedItems.forEach(function(x) {
			/* WDS => CPE */
			x.className = x.className.replace("wds-is-", "is-");
			x.className = x.className.replace("wds-has-", "has-");
			x.className = x.className.replace("wds-midlight-aqua", "cpe-midlight-color");
			if (x.classList.contains('wds-open-to-right')) {
				x.classList.remove("wds-open-to-right");
				x.setAttribute("cpe-orient","land");
			}
			if (x.classList.contains('wds-dropdown')) {
				x.setAttribute("tabindex","-1");
			}
			x.className = x.className.replace("wds-", "cpe-");
			/* Legacy CPE => Modern CPE */
			x.className = x.className.replace("cpe-is-", "is-");
			x.className = x.className.replace("cpe-has-", "has-");
			x.className = x.className.replace("cpe-dropdown-level-2", "cpe-dropdown-level-nested");
		});
	}


}



/* Banners */
function RemoveBanner() {
		var banner= document.querySelector('#floatingbanner .cpe-banner-notification:focus-within');
		banner.classList.add("is-transparent")
		setTimeout(
		(function () {
			banner.remove();			
			if (!(document.querySelectorAll("#floatingbanner .cpe-banner-notification").length)) {
				document.querySelector('#floatingbanner').remove();
			}
			document.querySelector('.focus-overlay').focus();
		}),405);
	

}

function RemoveBanners() {
	var banners = document.querySelectorAll('#floatingbanner .cpe-banner-notification');
	banners.forEach(function(banner) {
		banner.classList.add("is-transparent")
		setTimeout(
		(function () {
			banner.remove();			
			if (!(document.querySelectorAll("#floatingbanner .cpe-banner-notification").length)) {
				document.querySelector('#floatingbanner').remove();
			}
			document.querySelector('.focus-overlay').focus();
		}),405);

	});

}

function AddFloatingBanner(content='Sample Content',kind='message',extraclass='') {
	if (kind === 'alert') {
		var icon = 'report'
	} else if (kind === 'pause') {
		var icon = 'pause'
	} else if (kind === 'warning') {
		var icon = 'report_problem'
	} else if (kind === 'success') {
		var icon = 'done'
	} else if (kind === 'progress') {
		var icon = 'pending'
	} else {
		var icon = 'info'
	}
	var nogap = false;
	if (!(document.querySelector(".top-gap #floatingbanner"))) {
		var nogap = true;
		document.querySelector(".top-gap").insertAdjacentHTML('afterbegin', 
			  '<div class="cpe-banner-notification__container" id="floatingbanner" style="pointer-events:none;">' +
			  '<div style="display:flex; flex-flow:column;"><button style="pointer-events:auto; align-self:flex-end; margin-right:8.5px;" class="cpe-button" onclick="RemoveBanners()">Clear all</button></div>' +
			  '\n<div class="banners" style="pointer-events:auto;"></div></div>'
		);
	}

	document.querySelector(".top-gap #floatingbanner .banners").insertAdjacentHTML('beforeend', 
			'<div class=" cpe-banner-notification is-transparent is-' + kind + '" id="' + extraclass  + '">' +
			  '<div class="cpe-banner-notification__icon">' +
				'<span class="cpe-icon cpe-icon-small material-icons">' +
					icon + 
				'</span>' +
			  '</div>' +
			  '<span class="cpe-banner-notification__text">' + content + '</span>' +
			  '<span tabindex="-1" onclick="RemoveBanner()" class="cpe-banner-notification__close">' +
				'<span class="cpe-icon cpe-icon-tiny cpe-icon-large material-icons">close</span>' +
			  '</span>' +
			'</div>' 
	);

setTimeout(
		(function () {
			document.querySelector(".top-gap #floatingbanner .banners .cpe-banner-notification.is-transparent").classList.remove("is-transparent")
	}),0);
	


}