hyperion.ng/assets/webconfig/js/content_index.js

$(document).ready( function() {
	$("#main-nav").hide();
	$("#loading_overlay").addClass("overlay");
	loadContentTo("#container_connection_lost","connection_lost");
	initWebSocket();
	bindNavToContent("#load_dashboard","dashboard",true);
	bindNavToContent("#load_remote","remote",false);
	bindNavToContent("#load_huebridge","huebridge",false);
	bindNavToContent("#load_support","support",false);
	bindNavToContent("#load_confKodi","kodiconf",false);
	bindNavToContent("#load_update","update",false);
	bindNavToContent("#load_confEffects","effects",false);
	bindNavToContent("#load_confLeds","leds",false);
	bindNavToContent("#load_confGrabber","grabber",false);
	bindNavToContent("#load_confColors","colors",false);
	bindNavToContent("#load_confNetwork","network",false);
	bindNavToContent("#load_effectsconfig","effects_configurator",false);


	//Change all Checkboxes to Switches
	$("[type='checkbox']").bootstrapSwitch();

	$(hyperion).on("cmd-serverinfo",function(event){
		parsedServerInfoJSON = event.response;
		currentVersion = parsedServerInfoJSON.info.hyperion[0].version;
		cleanCurrentVersion = currentVersion.replace(/\./g, '');

		if (parsedServerInfoJSON.info.hyperion[0].config_modified)
			$("#hyperion_reload_notify").fadeIn("fast");
		else
			$("#hyperion_reload_notify").fadeOut("fast");

		// get active led device
		var leddevice = parsedServerInfoJSON.info.ledDevices.active;
		$('#dash_leddevice').html(leddevice);
		// get host
		var hostname = parsedServerInfoJSON.info.hostname;
		$('#dash_systeminfo').html(hostname+':'+hyperionport);

		var components = parsedServerInfoJSON.info.components;
		components_html = "";
		for ( idx=0; idx<components.length;idx++)
		{
			console.log()
			components_html += '<tr><td lang="en" data-lang-token="general_comp_'+components[idx].name+'">'+(components[idx].title)+'</td><td><i class="fa fa-circle component-'+(components[idx].enabled?"on":"off")+'"></i></td></tr>';
		}
		$("#tab_components").html(components_html);

		$.get( "https://raw.githubusercontent.com/hyperion-project/hyperion.ng/master/version.json", function( data ) {
			parsedUpdateJSON = JSON.parse(data);
			latestVersion = parsedUpdateJSON[0].versionnr;
			cleanLatestVersion = latestVersion.replace(/\./g, '');

			$('#currentversion').html(' V'+currentVersion);
			$('#latestversion').html(' V'+latestVersion);

			if ( cleanCurrentVersion < cleanLatestVersion )
			{
				$('#versioninforesult').html('<div lang="en" data-lang-token="dashboard_infobox_message_updatewarning" style="margin:0px;" class="alert alert-warning">A newer version of Hyperion is available!</div>');
			}
			else
			{
				$('#versioninforesult').html('<div  lang="en" data-lang-token="dashboard_infobox_message_updatesuccess" style="margin:0px;" class="alert alert-success">You run the latest version of Hyperion.</div>');
			}
		});
		$("#loading_overlay").removeClass("overlay");
		$("#main-nav").show('slide', {direction: 'left'}, 1000);

	}); // end cmd-serverinfo

	$(hyperion).one("cmd-config-getschema", function(event) {
		parsedConfSchemaJSON = event.response.result;
		requestServerConfig();
	});

	$(hyperion).one("cmd-config-getconfig", function(event) {
		parsedConfJSON = event.response.result;
		requestServerInfo();
	});

	$(hyperion).on("error",function(event){
		showInfoDialog("error","Error", event.reason);
	});

	$(hyperion).on("open",function(event){
		requestServerConfigSchema();
	});

	$("#btn_hyperion_reload").on("click", function(){
		$(hyperion).off();
		requestServerConfigReload();
		watchdog = 1;
		$("#wrapper").fadeOut("slow");
		cron();
	});
});

$(function(){
	var sidebar = $('#side-menu');  // cache sidebar to a variable for performance
	sidebar.delegate('a.inactive','click',function(){
		sidebar.find('.active').toggleClass('active inactive');
		$(this).toggleClass('active inactive');
	});
});