wizard.js

//clear priority and other tasks if people reload the page or lost connection while a wizard was active
$(window.hyperhdr).one("ready", function (event)
{
	if (getStorage("wizardactive") === 'true')
	{
		requestPriorityClear();
		setStorage("wizardactive", false);
		if (getStorage("kodiAddress") != null)
		{
			kodiAddress = getStorage("kodiAddress");
			sendToKodi("stop");
		}
	}
});

function resetWizard(reload)
{
	$("#wizard_modal").modal('hide');
	clearInterval(wIntveralId);
	requestPriorityClear();
	setStorage("wizardactive", false);
	$('#wizp1').toggle(true);
	$('#wizp2').toggle(false);
	$('#wizp3').toggle(false);
	//cc
	if (withKodi)
		sendToKodi("stop");
	step = 0;
	if (!reload) location.reload();
}

//rgb byte order wizard
var wIntveralId;
var new_rgb_order;

function changeColor()
{
	var color = $("#wiz_canv_color").css('background-color');

	if (color == 'rgb(255, 0, 0)')
	{
		$("#wiz_canv_color").css('background-color', 'rgb(0, 255, 0)');
		requestSetColor('0', '255', '0');
	}
	else
	{
		$("#wiz_canv_color").css('background-color', 'rgb(255, 0, 0)');
		requestSetColor('255', '0', '0');
	}
}

function startWizardRGB()
{
	//create html
	$('#wiz_header').html('<svg data-src="svg/wizard.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('wiz_rgb_title'));
	$('#wizp1_body').html('<h4 style="font-weight:bold;text-transform:uppercase;">' + $.i18n('wiz_rgb_title') + '</h4><p>' + $.i18n('wiz_rgb_intro1') + '</p><p style="font-weight:bold;">' + $.i18n('wiz_rgb_intro2') + '</p>');
	$('#wizp1_footer').html('<button type="button" class="btn btn-primary" id="btn_wiz_cont"><svg data-src="svg/button_play.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_continue') + '</button><button type="button" class="btn btn-danger" data-bs-dismiss="modal"><svg data-src="svg/button_close.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_cancel') + '</button>');
	$('#wizp2_body').html('<p style="font-weight:bold">' + $.i18n('wiz_rgb_expl') + '</p>');
	$('#wizp2_body').append('<div class="form-group"><label>' + $.i18n('wiz_rgb_switchevery') + '</label><div class="input-group" style="width:100px"><select id="wiz_switchtime_select" class="form-select"></select><div class="input-group-addon">' + $.i18n('edt_append_s') + '</div></div></div>');
	$('#wizp2_body').append('<canvas id="wiz_canv_color" width="100" height="100" style="border-radius:60px;background-color:red; display:block; margin: 10px 0;border:4px solid grey;"></canvas><label>' + $.i18n('wiz_rgb_q') + '</label>');
	$('#wizp2_body').append('<table class="table borderless" style="width:200px"><tbody><tr><td class="ltd"><label>' + $.i18n('wiz_rgb_qrend') + '</label></td><td class="itd"><select id="wiz_r_select" class="form-select wselect"></select></td></tr><tr><td class="ltd"><label>' + $.i18n('wiz_rgb_qgend') + '</label></td><td class="itd"><select id="wiz_g_select" class="form-select wselect"></select></td></tr></tbody></table>');
	$('#wizp2_footer').html('<button type="button" class="btn btn-primary" id="btn_wiz_save"><svg data-src="svg/button_save.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_save') + '</button><button type="button" class="btn btn-primary" id="btn_wiz_checkok" style="display:none" data-bs-dismiss="modal"><svg data-src="svg/button_success.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_ok') + '</button><button type="button" class="btn btn-danger" id="btn_wiz_abort"><svg data-src="svg/button_close.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_cancel') + '</button>');

	//open modal  
	var ta5 = new bootstrap.Modal($("#wizard_modal"), {
		backdrop: "static",
		keyboard: false
	});

	ta5.show();

	//listen for continue
	$('#btn_wiz_cont').off().on('click', function ()
	{
		beginWizardRGB();
		$('#wizp1').toggle(false);
		$('#wizp2').toggle(true);
	});
}

function beginWizardRGB()
{
	$("#wiz_switchtime_select").off().on('change', function ()
	{
		clearInterval(wIntveralId);
		var time = $("#wiz_switchtime_select").val();
		wIntveralId = setInterval(function () { changeColor(); }, time * 1000);
	});

	$('.wselect').change(function ()
	{
		var rgb_order = window.serverConfig.device.colorOrder.split("");
		var redS = $("#wiz_r_select").val();
		var greenS = $("#wiz_g_select").val();
		var blueS = rgb_order.toString().replace(/,/g, "").replace(redS, "").replace(greenS, "");

		for (var i = 0; i < rgb_order.length; i++)
		{
			if (redS == rgb_order[i])
				$('#wiz_g_select option[value=' + rgb_order[i] + ']').attr('disabled', true);
			else
				$('#wiz_g_select option[value=' + rgb_order[i] + ']').attr('disabled', false);
			if (greenS == rgb_order[i])
				$('#wiz_r_select option[value=' + rgb_order[i] + ']').attr('disabled', true);
			else
				$('#wiz_r_select option[value=' + rgb_order[i] + ']').attr('disabled', false);
		}

		if (redS != 'null' && greenS != 'null')
		{
			$('#btn_wiz_save').attr('disabled', false);

			var final_rgb_order = "rgb";
			new_rgb_order = "";
			for (var i = 0; i < final_rgb_order.length; i++)
			{
				if (final_rgb_order[i] == "r")
					new_rgb_order = new_rgb_order + redS;
				else if (final_rgb_order[i] == "g")
					new_rgb_order = new_rgb_order + greenS;
				else
					new_rgb_order = new_rgb_order + blueS;
			}

			$('#btn_wiz_save').toggle(true);
			$('#btn_wiz_save').attr('disabled', false);

			$('#btn_wiz_checkok').toggle(false);
		}
		else
			$('#btn_wiz_save').attr('disabled', true);
	});

	$("#wiz_switchtime_select").append(createSelOpt('5', '5'), createSelOpt('10', '10'), createSelOpt('15', '15'), createSelOpt('30', '30'));
	$("#wiz_switchtime_select").trigger('change');

	$("#wiz_r_select").append(createSelOpt("null", ""), createSelOpt('r', $.i18n('general_col_red')), createSelOpt('g', $.i18n('general_col_green')), createSelOpt('b', $.i18n('general_col_blue')));
	$("#wiz_g_select").html($("#wiz_r_select").html());
	$("#wiz_r_select").trigger('change');

	requestSetColor('255', '0', '0');
	setTimeout(requestSetSource, 100, 'auto');
	setStorage("wizardactive", true);

	$('#btn_wiz_abort').off().on('click', function () { resetWizard(true); });

	$('#btn_wiz_checkok').off().on('click', function ()
	{
		showInfoDialog('success', "", $.i18n('infoDialog_wizrgb_text'));
		resetWizard();
	});

	$('#btn_wiz_save').off().on('click', function ()
	{
		resetWizard();
		window.serverConfig.device.colorOrder = new_rgb_order;
		requestWriteConfig({ "device": window.serverConfig.device });
	});
}

$('#btn_wizard_byteorder').off().on('click', startWizardRGB);

//color calibration wizard

var kodiHost = document.location.hostname;
var kodiPort = 9090;
var kodiAddress = kodiHost;

var wiz_editor;
var colorLength;
var cobj;
var step = 0;
var withKodi = false;
var profile = 0;
var websAddress;
var imgAddress;
var vidAddress = "https://sourceforge.net/projects/hyperion-project/files/resources/vid/";
var picnr = 0;
var availVideos = ["Sweet_Cocoon", "Caminandes_2_GranDillama", "Caminandes_3_Llamigos"];

if (getStorage("kodiAddress") != null)
{

	kodiAddress = getStorage("kodiAddress");
	[kodiHost, kodiPort] = kodiAddress.split(":", 2);

	// Ensure that Kodi's default REST-API port is not used, as now the Web-Socket port is used
	if (kodiPort === "8080")
	{
		kodiAddress = kodiHost;
		kodiPort = undefined;
		setStorage("kodiAddress", kodiAddress);
	}
}

function switchPicture(pictures)
{
	if (typeof pictures[picnr] === 'undefined')
		picnr = 0;

	sendToKodi('playP', pictures[picnr]);
	picnr++;
}

function sendToKodi(type, content, cb)
{
	var command;

	switch (type)
	{
		case "msg":
			command = { "jsonrpc": "2.0", "method": "GUI.ShowNotification", "params": { "title": $.i18n('wiz_cc_title'), "message": content, "image": "info", "displaytime": 5000 }, "id": "1" };
			break;
		case "stop":
			command = { "jsonrpc": "2.0", "method": "Player.Stop", "params": { "playerid": 2 }, "id": "1" };
			break;
		case "playP":
			content = imgAddress + content + '.png';
			command = { "jsonrpc": "2.0", "method": "Player.Open", "params": { "item": { "file": content } }, "id": "1" };
			break;
		case "playV":
			content = vidAddress + content;
			command = { "jsonrpc": "2.0", "method": "Player.Open", "params": { "item": { "file": content } }, "id": "1" };
			break;
		case "rotate":
			command = { "jsonrpc": "2.0", "method": "Player.Rotate", "params": { "playerid": 2 }, "id": "1" };
			break;
		default:
			if (cb != undefined)
			{
				cb("error");
			}
	}

	if ("WebSocket" in window)
	{
		//Add kodi default web-socket port, in case port has been explicitly provided
		if (kodiPort == undefined)
		{
			kodiPort = 9090;
		}

		var ws = new WebSocket("ws://" + kodiHost + ":" + kodiPort + "/jsonrpc/websocket");

		ws.onopen = function ()
		{
			ws.send(JSON.stringify(command));
		};

		ws.onmessage = function (evt)
		{
			var response = JSON.parse(evt.data);

			if (cb != undefined)
			{
				if (response.result != undefined)
				{
					if (response.result === "OK")
					{
						cb("success");
					} else
					{
						cb("error");
					}
				}
			}
		};

		ws.onerror = function (evt)
		{
			if (cb != undefined)
			{
				cb("error");
			}
		};
	}
	else
	{
		console.log("Kodi Access: WebSocket NOT supported by this browser");
		cb("error");
	}
}

function performAction()
{
	var h;

	if (step == 1)
	{
		$('#wiz_cc_desc').html($.i18n('wiz_cc_chooseid'));
		updateWEditor(["id"]);
		$('#btn_wiz_back').attr("disabled", true);
	}
	else
		$('#btn_wiz_back').attr("disabled", false);

	if (step == 2)
	{
		updateWEditor(["white"]);
		h = $.i18n('wiz_cc_adjustit', $.i18n('edt_conf_color_white_title'));
		if (withKodi)
		{
			h += '<br/>' + $.i18n('wiz_cc_kodishould', $.i18n('edt_conf_color_white_title'));
			sendToKodi('playP', "white");
		}
		else
			h += '<br/>' + $.i18n('wiz_cc_lettvshow', $.i18n('edt_conf_color_white_title'));
		$('#wiz_cc_desc').html(h);
	}
	if (step == 3)
	{
		updateWEditor(["gammaRed", "gammaGreen", "gammaBlue"]);
		h = '<p>' + $.i18n('wiz_cc_adjustgamma') + '</p>';
		if (withKodi)
		{
			sendToKodi('playP', "HGradient");
			h += '<button id="wiz_cc_btn_sp" class="btn btn-primary">' + $.i18n('wiz_cc_btn_switchpic') + '</button>';
		}
		else
			h += '<p>' + $.i18n('wiz_cc_lettvshowm', "grey_1, grey_2, grey_3, HGradient, VGradient") + '</p>';
		$('#wiz_cc_desc').html(h);
		$('#wiz_cc_btn_sp').off().on('click', function ()
		{
			switchPicture(["VGradient", "grey_1", "grey_2", "grey_3", "HGradient"]);
		});
	}
	if (step == 4)
	{
		updateWEditor(["red"]);
		h = $.i18n('wiz_cc_adjustit', $.i18n('edt_conf_color_red_title'));
		if (withKodi)
		{
			h += '<br/>' + $.i18n('wiz_cc_kodishould', $.i18n('edt_conf_color_red_title'));
			sendToKodi('playP', "red");
		}
		else
			h += '<br/>' + $.i18n('wiz_cc_lettvshow', $.i18n('edt_conf_color_red_title'));
		$('#wiz_cc_desc').html(h);
	}
	if (step == 5)
	{
		updateWEditor(["green"]);
		h = $.i18n('wiz_cc_adjustit', $.i18n('edt_conf_color_green_title'));
		if (withKodi)
		{
			h += '<br/>' + $.i18n('wiz_cc_kodishould', $.i18n('edt_conf_color_green_title'));
			sendToKodi('playP', "green");
		}
		else
			h += '<br/>' + $.i18n('wiz_cc_lettvshow', $.i18n('edt_conf_color_green_title'));
		$('#wiz_cc_desc').html(h);
	}
	if (step == 6)
	{
		updateWEditor(["blue"]);
		h = $.i18n('wiz_cc_adjustit', $.i18n('edt_conf_color_blue_title'));
		if (withKodi)
		{
			h += '<br/>' + $.i18n('wiz_cc_kodishould', $.i18n('edt_conf_color_blue_title'));
			sendToKodi('playP', "blue");
		}
		else
			h += '<br/>' + $.i18n('wiz_cc_lettvshow', $.i18n('edt_conf_color_blue_title'));
		$('#wiz_cc_desc').html(h);
	}
	if (step == 7)
	{
		updateWEditor(["cyan"]);
		h = $.i18n('wiz_cc_adjustit', $.i18n('edt_conf_color_cyan_title'));
		if (withKodi)
		{
			h += '<br/>' + $.i18n('wiz_cc_kodishould', $.i18n('edt_conf_color_cyan_title'));
			sendToKodi('playP', "cyan");
		}
		else
			h += '<br/>' + $.i18n('wiz_cc_lettvshow', $.i18n('edt_conf_color_cyan_title'));
		$('#wiz_cc_desc').html(h);
	}
	if (step == 8)
	{
		updateWEditor(["magenta"]);
		h = $.i18n('wiz_cc_adjustit', $.i18n('edt_conf_color_magenta_title'));
		if (withKodi)
		{
			h += '<br/>' + $.i18n('wiz_cc_kodishould', $.i18n('edt_conf_color_magenta_title'));
			sendToKodi('playP', "magenta");
		}
		else
			h += '<br/>' + $.i18n('wiz_cc_lettvshow', $.i18n('edt_conf_color_magenta_title'));
		$('#wiz_cc_desc').html(h);
	}
	if (step == 9)
	{
		updateWEditor(["yellow"]);
		h = $.i18n('wiz_cc_adjustit', $.i18n('edt_conf_color_yellow_title'));
		if (withKodi)
		{
			h += '<br/>' + $.i18n('wiz_cc_kodishould', $.i18n('edt_conf_color_yellow_title'));
			sendToKodi('playP', "yellow");
		}
		else
			h += '<br/>' + $.i18n('wiz_cc_lettvshow', $.i18n('edt_conf_color_yellow_title'));
		$('#wiz_cc_desc').html(h);
	}
	if (step == 10)
	{
		updateWEditor(["backlightThreshold", "backlightColored"]);
		h = $.i18n('wiz_cc_backlight');
		if (withKodi)
		{
			h += '<br/>' + $.i18n('wiz_cc_kodishould', $.i18n('edt_conf_color_black_title'));
			sendToKodi('playP', "black");
		}
		else
			h += '<br/>' + $.i18n('wiz_cc_lettvshow', $.i18n('edt_conf_color_black_title'));
		$('#wiz_cc_desc').html(h);
	}
	if (step == 11)
	{
		updateWEditor([""], true);
		h = '<p>' + $.i18n('wiz_cc_testintro') + '</p>';
		if (withKodi)
		{
			h += '<p>' + $.i18n('wiz_cc_testintrok') + '</p>';
			sendToKodi('stop');
			for (var i = 0; i < availVideos.length; i++)
			{
				var txt = availVideos[i].replace(/_/g, " ");
				h += '<div><button id="' + availVideos[i] + '" class="btn btn-sm btn-primary videobtn"><svg data-src="svg/button_play.svg" fill="currentColor" class="svg4hyperhdr"></svg> ' + txt + '</button></div>';
			}
			h += '<div><button id="stop" class="btn btn-sm btn-danger videobtn" style="margin-bottom:15px"><svg data-src="svg/button_stop.svg" fill="currentColor" class="svg4hyperhdr"></svg> ' + $.i18n('wiz_cc_btn_stop') + '</button></div>';
		}
		else
			h += '<p>' + $.i18n('wiz_cc_testintrowok') + ' <a href="https://sourceforge.net/projects/hyperion-project/files/resources/vid/" target="_blank">' + $.i18n('wiz_cc_link') + '</a></p>';
		h += '<p>' + $.i18n('wiz_cc_summary') + '</p>';
		$('#wiz_cc_desc').html(h);

		$('.videobtn').off().on('click', function (e)
		{
			if (e.target.id == "stop")
				sendToKodi("stop");
			else
				sendToKodi("playV", e.target.id + '.mp4');

			$(this).attr("disabled", true);
			setTimeout(function () { $('.videobtn').attr("disabled", false) }, 10000);
		});

		$('#btn_wiz_next').attr("disabled", true);
		$('#btn_wiz_save').toggle(true);
		$('#btn_wiz_save').attr('disabled', false);
	}
	else
	{
		$('#btn_wiz_next').attr("disabled", false);
		$('#btn_wiz_save').toggle(false);
	}
}

function updateWEditor(el, all)
{
	for (var key in cobj)
	{
		if (all === true || el[0] == key || el[1] == key || el[2] == key)
			$('#editor_container_wiz [data-schemapath*=".' + profile + '.' + key + '"]').toggle(true);
		else
			$('#editor_container_wiz [data-schemapath*=".' + profile + '.' + key + '"]').toggle(false);
	}
}

function startWizardCC()
{

	// Ensure that Kodi's default REST-API port is not used, as now the Web-Socket port is used
	[kodiHost, kodiPort] = kodiAddress.split(":", 2);
	if (kodiPort === "8080")
	{
		kodiAddress = kodiHost;
		kodiPort = undefined;
	}
	//create html
	$('#wiz_header').html('<svg data-src="svg/wizard.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('wiz_cc_title'));
	$('#wizp1_body').html(`<h4 style="font-weight:bold;text-transform:uppercase;">${$.i18n('wiz_cc_title')}</h4><p>${$.i18n('wiz_cc_intro1')}</p><label>${$.i18n('wiz_cc_kwebs')}</label><input class="form-control" style="width:170px;margin:auto" id="wiz_cc_kodiip" type="text" placeholder="${kodiAddress}" value="${kodiAddress}" /><span id="kodi_status"></span><span id="multi_cali"></span>`);
	$('#wizp1_footer').html('<button type="button" class="btn btn-primary" id="btn_wiz_cont" disabled="disabled"><svg data-src="svg/button_play.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_continue') + '</button><button type="button" class="btn btn-danger" data-bs-dismiss="modal"><svg data-src="svg/button_close.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_cancel') + '</button>');
	$('#wizp2_body').html('<div id="wiz_cc_desc" style="font-weight:bold"></div><div id="editor_container_wiz"></div>');
	$('#wizp2_footer').html('<button type="button" class="btn btn-primary" id="btn_wiz_back"><svg data-src="svg/button_back.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_back') + '</button><button type="button" class="btn btn-primary" id="btn_wiz_next">' + $.i18n('general_btn_next') + '<svg data-src="svg/button_next.svg" fill="currentColor" class="svg4hyperhdr"></svg></button><button type="button" class="btn btn-warning" id="btn_wiz_save" style="display:none"><svg data-src="svg/button_save.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_save') + '</button><button type="button" class="btn btn-danger" id="btn_wiz_abort"><svg data-src="svg/button_close.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_cancel') + '</button>');

	//open modal
	var ta6 = new bootstrap.Modal($("#wizard_modal"), {
		backdrop: "static",
		keyboard: false
	});

	ta6.show();

	$('#wiz_cc_kodiip').off().on('change', function ()
	{

		kodiAddress = encodeURI($(this).val().trim());
		$('#wizp1_body').find("kodiAddress").val(kodiAddress);

		$('#kodi_status').html('');

		// Remove Kodi's default Web-Socket port (9090) from display and ensure Kodi's default REST-API port (8080) is mapped to web-socket port to ease migration
		if (kodiAddress !== "")
		{
			[kodiHost, kodiPort] = kodiAddress.split(":", 2);
			if (kodiPort === "9090" || kodiPort === "8080")
			{
				kodiAddress = kodiHost;
				kodiPort = undefined;
			}
			sendToKodi("msg", $.i18n('wiz_cc_kodimsg_start'), function (cb)
			{
				if (cb == "error")
				{
					$('#kodi_status').html('<p style="color:red;font-weight:bold;margin-top:5px">' + $.i18n('wiz_cc_kodidiscon') + '</p>');
					withKodi = false;
				}
				else
				{
					setStorage("kodiAddress", kodiAddress);

					$('#kodi_status').html('<p style="color:green;font-weight:bold;margin-top:5px">' + $.i18n('wiz_cc_kodicon') + '</p>');
					withKodi = true;
				}

				$('#btn_wiz_cont').attr('disabled', false);
			});
		}
	});

	//listen for continue
	$('#btn_wiz_cont').off().on('click', function ()
	{
		beginWizardCC();
		$('#wizp1').toggle(false);
		$('#wizp2').toggle(true);
	});

	$('#wiz_cc_kodiip').trigger("change");
	colorLength = window.serverConfig.color.channelAdjustment;
	cobj = window.schema.color.properties.channelAdjustment.items.properties;
	websAddress = document.location.hostname + ':' + window.serverConfig.webConfig.port;
	imgAddress = 'http://' + websAddress + '/img/cc/';
	setStorage("wizardactive", true);

	//check profile count
	if (colorLength.length > 1)
	{
		$('#multi_cali').html('<p style="font-weight:bold;">' + $.i18n('wiz_cc_morethanone') + '</p><select id="wiz_select" class="form-select" style="width:200px;margin:auto"></select>');
		for (var i = 0; i < colorLength.length; i++)
			$('#wiz_select').append(createSelOpt(i, i + 1 + ' (' + colorLength[i].id + ')'));

		$('#wiz_select').off().on('change', function ()
		{
			profile = $(this).val();
		});
	}

	//prepare editor
	wiz_editor = createJsonEditor('editor_container_wiz', {
		color: window.schema.color
	}, true, true);

	$('#editor_container_wiz h4').toggle(false);
	$('#editor_container_wiz .btn-group').toggle(false);
	$('#editor_container_wiz [data-schemapath="root.color.imageToLedMappingType"]').toggle(false);
	$('#editor_container_wiz [data-schemapath="root.color.sparse_processing"]').toggle(false);
	for (var i = 0; i < colorLength.length; i++)
		$('#editor_container_wiz [data-schemapath*="root.color.channelAdjustment.' + i + '."]').toggle(false);
}

function beginWizardCC()
{
	$('#btn_wiz_next').off().on('click', function ()
	{
		step++;
		performAction();
	});

	$('#btn_wiz_back').off().on('click', function ()
	{
		step--;
		performAction();
	});

	$('#btn_wiz_abort').off().on('click', resetWizard);

	$('#btn_wiz_save').off().on('click', function ()
	{
		requestWriteConfig(wiz_editor.getValue());
		resetWizard();
	});

	wiz_editor.on("change", function (e)
	{
		var val = wiz_editor.getEditor('root.color.channelAdjustment.' + profile + '').getValue();
		var temp = JSON.parse(JSON.stringify(val));
		delete temp.leds
		requestAdjustment(JSON.stringify(temp), "", true);
	});

	step++
	performAction();
}

$('#btn_wizard_colorcalibration').off().on('click', startWizardCC);

// Layout positions
var lightPosTop = { hmin: 0.15, hmax: 0.85, vmin: 0, vmax: 0.2, group: 0 };
var lightPosTopLeft = { hmin: 0, hmax: 0.15, vmin: 0, vmax: 0.15, group: 0 };
var lightPosTopRight = { hmin: 0.85, hmax: 1.0, vmin: 0, vmax: 0.15, group: 0 };
var lightPosBottom = { hmin: 0.15, hmax: 0.85, vmin: 0.8, vmax: 1.0, group: 0 };
var lightPosBottomLeft = { hmin: 0, hmax: 0.15, vmin: 0.85, vmax: 1.0, group: 0 };
var lightPosBottomRight = { hmin: 0.85, hmax: 1.0, vmin: 0.85, vmax: 1.0, group: 0 };
var lightPosLeft = { hmin: 0, hmax: 0.15, vmin: 0.15, vmax: 0.85, group: 0 };
var lightPosLeftTop = { hmin: 0, hmax: 0.15, vmin: 0, vmax: 0.5, group: 0 };
var lightPosLeftMiddle = { hmin: 0, hmax: 0.15, vmin: 0.25, vmax: 0.75, group: 0 };
var lightPosLeftBottom = { hmin: 0, hmax: 0.15, vmin: 0.5, vmax: 1.0, group: 0 };
var lightPosRight = { hmin: 0.85, hmax: 1.0, vmin: 0.15, vmax: 0.85, group: 0 };
var lightPosRightTop = { hmin: 0.85, hmax: 1.0, vmin: 0, vmax: 0.5, group: 0 };
var lightPosRightMiddle = { hmin: 0.85, hmax: 1.0, vmin: 0.25, vmax: 0.75, group: 0 };
var lightPosRightBottom = { hmin: 0.85, hmax: 1.0, vmin: 0.5, vmax: 1.0, group: 0 };
var lightPosEntire = { hmin: 0.0, hmax: 1.0, vmin: 0.0, vmax: 1.0, group: 0 };

var lightPosBottomLeft14 = { hmin: 0, hmax: 0.25, vmin: 0.85, vmax: 1.0, group: 0 };
var lightPosBottomLeft12 = { hmin: 0.25, hmax: 0.5, vmin: 0.85, vmax: 1.0, group: 0 };
var lightPosBottomLeft34 = { hmin: 0.5, hmax: 0.75, vmin: 0.85, vmax: 1.0, group: 0 };
var lightPosBottomLeft11 = { hmin: 0.75, hmax: 1, vmin: 0.85, vmax: 1.0, group: 0 };

var lightPosBottomLeft112 = { hmin: 0, hmax: 0.5, vmin: 0.85, vmax: 1.0, group: 0 };
var lightPosBottomLeft121 = { hmin: 0.5, hmax: 1, vmin: 0.85, vmax: 1.0, group: 0 };
var lightPosBottomLeftNewMid = { hmin: 0.25, hmax: 0.75, vmin: 0.85, vmax: 1.0, group: 0 };

var lightPosTopLeft112 = { hmin: 0, hmax: 0.5, vmin: 0, vmax: 0.15, group: 0 };
var lightPosTopLeft121 = { hmin: 0.5, hmax: 1, vmin: 0, vmax: 0.15, group: 0 };
var lightPosTopLeftNewMid = { hmin: 0.25, hmax: 0.75, vmin: 0, vmax: 0.15, group: 0 };

function assignLightPos(id, pos, name)
{
	var i = null;

	if (pos === "top")
		i = lightPosTop;
	else if (pos === "topleft")
		i = lightPosTopLeft;
	else if (pos === "topright")
		i = lightPosTopRight;
	else if (pos === "bottom")
		i = lightPosBottom;
	else if (pos === "bottomleft")
		i = lightPosBottomLeft;
	else if (pos === "bottomright")
		i = lightPosBottomRight;
	else if (pos === "left")
		i = lightPosLeft;
	else if (pos === "lefttop")
		i = lightPosLeftTop;
	else if (pos === "leftmiddle")
		i = lightPosLeftMiddle;
	else if (pos === "leftbottom")
		i = lightPosLeftBottom;
	else if (pos === "right")
		i = lightPosRight;
	else if (pos === "righttop")
		i = lightPosRightTop;
	else if (pos === "rightmiddle")
		i = lightPosRightMiddle;
	else if (pos === "rightbottom")
		i = lightPosRightBottom;
	else if (pos === "lightPosBottomLeft14")
		i = lightPosBottomLeft14;
	else if (pos === "lightPosBottomLeft12")
		i = lightPosBottomLeft12;
	else if (pos === "lightPosBottomLeft34")
		i = lightPosBottomLeft34;
	else if (pos === "lightPosBottomLeft11")
		i = lightPosBottomLeft11;
	else if (pos === "lightPosBottomLeft112")
		i = lightPosBottomLeft112;
	else if (pos === "lightPosBottomLeft121")
		i = lightPosBottomLeft121;
	else if (pos === "lightPosBottomLeftNewMid")
		i = lightPosBottomLeftNewMid;
	else if (pos === "lightPosTopLeft112")
		i = lightPosTopLeft112;
	else if (pos === "lightPosTopLeft121")
		i = lightPosTopLeft121;
	else if (pos === "lightPosTopLeftNewMid")
		i = lightPosTopLeftNewMid;
	else
		i = lightPosEntire;

	i.name = name;
	return i;
}

function getHostInLights(hostname)
{
	return lights.filter(
		function (lights)
		{
			return lights.host === hostname
		}
	);
}

function getIpInLights(ip)
{
	return lights.filter(
		function (lights)
		{
			return lights.ip === ip
		}
	);
}

function getIdInLights(id)
{
	return lights.filter(
		function (lights)
		{
			return lights.id === id
		}
	);
}

//****************************
// Wizard Philips Hue
//****************************

var hueIPs = [];
var hueIPsinc = 0;
var lightIDs = null;
var groupIDs = null;
var lightLocation = [];
var groupLights = [];
// CHannels for v2 api
var channels = {};
var entertainmentResources = null;
var deviceResources = null;
var groupLightsLocations = [];
var hueType = "philipshue";
var useV2Api=false;
var useV2ApiConfig=false;

function startWizardPhilipsHue(e)
{
	if (typeof e.data.type != "undefined") hueType = e.data.type;
	useV2ApiConfig=(e.data.useApiV2||false)&&(hueType == 'philipshueentertainment');

	//create html

	var hue_title = 'wiz_hue_title';
	var hue_intro1 = 'wiz_hue_intro1';
	var hue_intro2 = 'wiz_hue_intro2';
	var hue_desc1 = 'wiz_hue_desc1';
	var hue_create_user = 'wiz_hue_create_user';
	if (hueType == 'philipshueentertainment')
	{
		hue_title = 'wiz_hue_e_title';
		hue_intro1 = 'wiz_hue_e_intro1';
		hue_desc1 = 'wiz_hue_e_desc1';
		hue_create_user = 'wiz_hue_e_create_user';
	}
	$('#wiz_header').html('<svg data-src="svg/wizard.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n(hue_title));
	$('#wizp1_body').html('<h4 style="font-weight:bold;text-transform:uppercase;">' + $.i18n(hue_title) + '</h4><p>' + $.i18n(hue_intro1) + '</p>' + $.i18n(hue_intro2));
	$('#wizp1_footer').html('<button type="button" class="btn btn-primary" id="btn_wiz_cont"><svg data-src="svg/button_play.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_continue') + '</button><button type="button" class="btn btn-danger" data-bs-dismiss="modal"><svg data-src="svg/button_close.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_cancel') + '</button>');
	$('#wizp2_body').html('<div id="wh_topcontainer"></div>');
	$('#wh_topcontainer').append('<p style="font-weight:bold">' + $.i18n(hue_desc1) + '</p><div class="form-group"><label>' + $.i18n('wiz_hue_ip') + '</label><div class="input-group" style="width:250px"><input type="text" class="form-control" id="ip"><div class="input-group-append"><span class="input-group-text" id="retry_bridge" style="height: 100%;display: inline-block;cursor:pointer"><svg data-src="svg/button_reload.svg" fill="currentColor" class="svg4hyperhdr"></svg></span></div></div></div><span style="font-weight:bold;color:red" id="wiz_hue_ipstate"></span><span style="font-weight:bold;color:green;" class="" id="wiz_hue_discovered"></span>');
	$('#wh_topcontainer').append();
	$('#wh_topcontainer').append('<div class="form-group" id="usrcont" style="display:none"></div>');
	if (hueType == 'philipshue')
	{
		$('#usrcont').append('<label>' + $.i18n('wiz_hue_username') + '</label><div class="form-group input-group" style="width:250px"><input type="text" class="form-control" id="user"><div class="input-group-append"><span class="input-group-text" id="retry_usr" style="cursor:pointer"><svg data-src="svg/button_reload.svg" fill="currentColor" class="svg4hyperhdr" style="width:1.4em;"></svg></span></div></div>');
	}
	if (hueType == 'philipshueentertainment')
	{
		$('#usrcont').append('<label>' + $.i18n('wiz_hue_username') + '</label><div class="form-group input-group" style="width:250px"><input type="text" class="form-control" id="user"></div><label>' + $.i18n('wiz_hue_clientkey') + '</label><div class="input-group" style="width:250px"><input type="text" class="form-control" id="clientkey"><div class="input-group-append"><span class="input-group-text" id="retry_usr" style="height: 100%;display: inline-block;cursor:pointer"><svg data-src="svg/button_reload.svg" fill="currentColor" class="svg4hyperhdr" style="width:1.4em;"></svg></span></div></div><input type="hidden" id="groupId"><input type="hidden" id="entertainmentConfigurationId">');
	}
	$('#usrcont').append('<span style="font-weight:bold;color:red" id="wiz_hue_usrstate"></span><br><button type="button" class="btn btn-primary" style="display:none" id="wiz_hue_create_user"> <svg data-src="svg/button_add.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n(hue_create_user) + '</button>');
	if (hueType == 'philipshueentertainment')
	{
		$('#wizp2_body').append('<div id="hue_grp_ids_t" style="display:none"><p style="font-weight:bold">' + $.i18n('wiz_hue_e_desc2') + '</p></div>');
		createTableFlex("gidsh", "gidsb", "hue_grp_ids_t");
		$('.gidsh').append(createTableRowFlex([$.i18n('edt_dev_spec_groupId_title'), $.i18n('wiz_hue_e_use_group')], true));
		$('#wizp2_body').append('<div id="hue_ids_t" style="display:none"><p style="font-weight:bold" id="hue_id_headline">' + $.i18n('wiz_hue_e_desc3') + '</p></div>');
	}
	else
	{
		$('#wizp2_body').append('<div id="hue_ids_t" style="display:none"><p style="font-weight:bold" id="hue_id_headline">' + $.i18n('wiz_hue_desc2') + '</p></div>');
	}
	createTableFlex("lidsh", "lidsb", "hue_ids_t");
	$('.lidsh').append(createTableRowFlex([$.i18n('edt_dev_spec_lightid_title'), $.i18n('wiz_pos'), $.i18n('wiz_identify')], true));
	$('#wizp2_footer').html('<button type="button" class="btn btn-primary" id="btn_wiz_save" style="display:none"><svg data-src="svg/button_save.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_save') + '</button><button type="button" class="btn btn-danger" id="btn_wiz_abort"><svg data-src="svg/button_close.svg" fill="currentColor" class="svg4hyperhdr"></svg>' + $.i18n('general_btn_cancel') + '</button>');
	$('#wizp3_body').html('<span>' + $.i18n('wiz_hue_press_link') + '</span> <br /><br /><center><span id="connectionTime"></span><br /><svg data-src="svg/spinner_large.svg" fill="currentColor" class="svg4hyperhdr mt-3"></svg></center>');

	//open modal
	var phiWiz = new bootstrap.Modal($("#wizard_modal"), {
		backdrop: "static",
		keyboard: false
	});

	phiWiz.show();

	//listen for continue
	$('#btn_wiz_cont').off().on('click', function ()
	{
		beginWizardHue();
		$('#wizp1').toggle(false);
		$('#wizp2').toggle(true);
	});
}

function checkUserResult(reply, usr)
{
	if (reply)
	{
		$('#user').val(usr);
		if (hueType == 'philipshueentertainment' && $('#clientkey').val() == "")
		{
			$('#usrcont').toggle(true);
			$('#wiz_hue_usrstate').html($.i18n('wiz_hue_e_clientkey_needed'));
			$('#wiz_hue_create_user').toggle(true);
		} else
		{
			$('#wiz_hue_usrstate').html("");
			$('#wiz_hue_create_user').toggle(false);
			if (hueType == 'philipshue')
			{
				get_hue_lights();
			}
			if (hueType == 'philipshueentertainment')
			{
				get_hue_groups();
			}
		}
	}
	else
	{
		$('#wiz_hue_usrstate').html($.i18n('wiz_hue_failure_user'));
		$('#wiz_hue_create_user').toggle(true);
	}
};

function checkBridgeResult(reply, usr)
{
	if (reply)
	{
		//abort checking, first reachable result is used
		$('#wiz_hue_ipstate').html("");
		$('#ip').val(hueIPs[hueIPsinc].internalipaddress)

		//now check hue user on this bridge
		$('#usrcont').toggle(true);
		checkHueBridge(checkUserResult, $('#user').val() ? $('#user').val() : "newdeveloper");
	}
	else
	{
		//increment and check again
		if (hueIPs.length - 1 > hueIPsinc)
		{
			hueIPsinc++;
			checkHueBridge(checkBridgeResult);
		}
		else
		{
			$('#usrcont').toggle(false);
			$('#wiz_hue_ipstate').html($.i18n('wiz_hue_failure_ip'));
		}
	}
};

function checkHueBridge(cb, hueUser)
{
	var usr = (typeof hueUser != "undefined") ? hueUser : 'config';
	if (usr == 'config') $('#wiz_hue_discovered').html("");

	if (hueIPs.length == 0)
		return;

	tunnel_hue_get(hueIPs[hueIPsinc].internalipaddress, '/api/' + usr).then( (json) =>
		{
			if (json != null)
			{
				if (json.config)
				{
					useV2Api=parseInt(json.config.swversion)>1948086000&&useV2ApiConfig
					cb(true, usr);
				}
				else if (json.name && json.bridgeid && json.modelid)
				{
					useV2Api=parseInt(json.swversion)>1948086000&&useV2ApiConfig
					conf_editor.getEditor("root.specificOptions.output").setValue(hueIPs[hueIPsinc].internalipaddress);
					$('#wiz_hue_discovered').html("Bridge: " + json.name + ", Modelid: " + json.modelid + ", API-Version: " + json.apiversion);
					cb(true);
				}
				else
				{
					cb(false);
				}
			}
			else
			{
				cb(false);
			}
		});
}

function useGroupId(id)
{
	if(useV2Api){
		$('#entertainmentConfigurationId').val(id);
		channels={};
		for (const channel of groupIDs[id].channels) {
			groupLights.push(channel.channel_id+"")
			// Fetch the device IDs for this channel (used for identify)
			channels[channel.channel_id+""]=channel;
			for (var member of channel.members) {
				var service = member.service;
				if (service.rtype == "entertainment") {
					for (const entertainmentResource of entertainmentResources) {
						if(service.rid==entertainmentResource.id){
							if(entertainmentResource.owner?.rtype=="device"){
								if(channels[channel.channel_id+""].deviceIds){
									channels[channel.channel_id+""].deviceIds.push(entertainmentResource.owner?.rid)
								}else{
									channels[channel.channel_id+""].deviceIds=[entertainmentResource.owner?.rid]
								}
							}
						}
					}
				}
			}
			groupLightsLocations[channel.channel_id+""] = [channel.position.x,channel.position.y,channel.position.z];
		}
	}else{
		$('#groupId').val(id);
		groupLights = groupIDs[id].lights;
		groupLightsLocations = groupIDs[id].locations;
	}
	get_hue_lights();
}

function identHueId(id, off, oState)
{
	if (off !== true)
	{
		setTimeout(identHueId, 1500, id, true, oState);
		var put_data = '{"on":true,"bri":254,"hue":47000,"sat":254}';
	}
	else
	{
		var put_data = '{"on":' + oState.on + ',"bri":' + oState.bri + ',"hue":' + oState.hue + ',"sat":' + oState.sat + '}';
	}

	tunnel_hue_put($('#ip').val(), '/api/' + $('#user').val() + '/lights/' + id + '/state', put_data);
}

async function discover_hue_bridges()
{
	const res = await requestLedDeviceDiscovery('philipshue');

	// TODO: error case unhandled
	// res can be: false (timeout) or res.error (not found)
	if (res && !res.error)
	{
		const r = res.info;

		// Process devices returned by discovery
		console.log(r);

		if (r.devices.length == 0)
			$('#wiz_hue_ipstate').html($.i18n('wiz_hue_failure_ip'));
		else
		{
			for (const device of r.devices)
			{
				console.log("Device:", device);

				var ip = device.ip + ":" + device.port;
				console.log("Host:", ip);

				hueIPs.push({ internalipaddress: ip });
			}
			var usr = $('#user').val();
			if (usr != "")
			{
				checkHueBridge(checkUserResult, usr);
			} else
			{
				checkHueBridge(checkBridgeResult);
			}
		}
	}
}

function identify_hue_device(hostAddress, username, id)
{