EQ2EMU-Labs/inc/layout/labs.templatescript.php

<script>
	'use strict';

	var classHolder = document.getElementsByTagName("BODY")[0],
		/** 
		 * Load from localstorage
		 **/
		themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
		{},
		themeURL = themeSettings.themeURL || '',
		themeOptions = themeSettings.themeOptions || '';
	/** 
	 * Load theme options
	 **/
	if (themeSettings.themeOptions)
	{
		classHolder.className = themeSettings.themeOptions;
		console.log("%c✔ Theme settings loaded", "color: #148f32");
	}
	else
	{
		console.log("Heads up! Theme settings is empty or does not exist, loading default settings...");
	}
	if (themeSettings.themeURL && !document.getElementById('mytheme'))
	{
		var cssfile = document.createElement('link');
		cssfile.id = 'mytheme';
		cssfile.rel = 'stylesheet';
		cssfile.href = themeURL;
		document.getElementsByTagName('head')[0].appendChild(cssfile);
	}
	/** 
	 * Save to localstorage 
	 **/
	var saveSettings = function()
	{
		themeSettings.themeOptions = String(classHolder.className).split(/[^\w-]+/).filter(function(item)
		{
			return /^(nav|header|mod|display)-/i.test(item);
		}).join(' ');
		if (document.getElementById('mytheme'))
		{
			themeSettings.themeURL = document.getElementById('mytheme').getAttribute("href");
		};
		localStorage.setItem('themeSettings', JSON.stringify(themeSettings));
	}
	/** 
	 * Reset settings
	 **/
	var resetSettings = function()
	{
		localStorage.setItem("themeSettings", "");
	}

</script>