/***************************************************************
AP Setup

AUTHOR(S):	Matthew Smith / BOSE
***************************************************************/

////////////////////////////////////////////////////////////////
//ON READY
////////////////////////////////////////////////////////////////

var host = 'http://' + document.location.hostname;
//var host = 'http://10.18.99.115';
var obj_ajax;
var networks = [];
var curType;
var show_manual;


// debug version

$(document).ready(function(){
    $("a.manual_link").click(function(){ showManual(); });
      }); 


$(window).load(function()
{
	setupListeners();
	getNetworks();
	//showPane('theform');
});

// a function that is "activating" the manual form view 
//& by that disables theform form view
// password fields are hidden by default
function showManual() {
	show_manual = true;
	updateGabboWifiUI();
	// the default in manual set up is "no security" so password fields will be hidden
	$('#section_password_manual').hide()

}


// a method for the manual setup, making sure that typing password option only
// appears for secured networks and disappears otherwise and does not affect the layout if gone. 
function showPasswordManual() {
	curType="manual";
	// the alue of the selected option 
	var curSelected = $('#security').val();

	if(curSelected == "none") {
	    //to hide the password field & lock image
	    $('#section_password_manual').hide();
	   
	}
	else 
	{
		//to show the password field & lock image 
		$('#section_password_manual').show();
		$('#checkbox_manual').show();
	 
    }

}


function setupListeners() {
	$('#manual').on('submit', function(e) {
		e.preventDefault(); // cancelling the default activity of 'submit'
		submitForm();
	});

	$('#theform').on('submit', function(e) {
		e.preventDefault(); // cancelling the default activity of 'submit'
		submitForm();
	});

}

function showPane(pane) {

	$('.panes').hide();
	$('#'+pane).fadeIn();
}



function getNetworks() {
	showPane('loading'); // loading animation

	obj_ajax = $.ajax({
		url: host + ":8090/performWirelessSiteSurvey",
		// timeout: 10000,
		type: "POST",
		data: "<PerformWirelessSiteSurvey timeout=\"5\"/>",
        contentType: "text/xml",
		success: function(data)
		{
			showPane('theform'); 
			showPane('manual');
			parseNetworks(data);

		},
		error: function(jqXHR, status) 
		{
			showPane('error');
			console.log(status);
		}
	});
}
function parseNetworks(data) {

	networks = [];
	
	console.log(data);
	var tmpArr = $(data).find('item');

	console.log(tmpArr);
	
	if(tmpArr.length > 0)
	{
		for (i = 0; i < tmpArr.length; i++) 
		{
			var tmpNet = [];
			var $tmpArr = $(tmpArr[i]);

			console.log(tmpArr[i]);

			tmpNet[0] = $tmpArr.attr('ssid'); //name
			tmpNet[1] = $tmpArr.attr('signalStrength'); //strength
			tmpNet[2] = $tmpArr.find('securityTypes').find('type').eq(0).text(); //security
			tmpNet[3] = tmpNet[0]; //full name
			tmpNet[4] = null; //cipher

			if(tmpNet[0] == '')
			{} // do not add blank string
			else if(tmpNet[0].substr(0, 5) == 'Bose ')
			{} // do not add Bose network and do not break from loop
			else if(networks.length > 0 && networks[networks.length - 1][0] == tmpNet[0] && networks[networks.length - 1][2] == tmpNet[2])
			{} 	//de-dupe
			else
				networks.push(tmpNet);
		}

		updateGabboWifiUI();
	}
	else
	{
		getNetworks();
	}	
}

function updateGabboWifiUI()
{
	console.log('updateGabboWifiUI');
	curType = "normal";
	var optionStr = '';
	var preselect = 0;

	for(var i = 0; i < networks.length; i++)
	{
		optionStr += '<option value="'+i+'"'
		optionStr += '>' + HTMLtext_escape(networks[i][0])
		optionStr += '</option>';
	}
	
	$('#ssids').html(optionStr);

	if(show_manual) {
		showPane('manual');
	}
	else {
		showPane('theform');
	}
	
}
function HTMLtext_escape(str) {
	return str.replace("<", "&lt;").replace(">", "&gt;");
}
function HTMLtext_unescape(str) {
	return str.replace("&lt;", "<").replace("&gt;", ">");
}

// function that changes the eye icon to blind and vise versa for regular setup
function changeEye() {
	var image = $('#eye')[0];

	if(image.src.match("eye")) {
		image.src = "images/blind.svg";
		$('#password').prop('type','password');
	} else {
		image.src = "images/eye.svg";
		$('#password').prop('type','text');
	}
}
// function that changes the eye icon to blind and vise versa for manual setup
function changeEyeManual() {
	var image = $('#checkbox_manual')[0];
	
	if(image.src.match("eye")) {
		image.src = "images/blind.svg";
		$('#password_manual').prop('type','password');
	} else {
		image.src = "images/eye.svg";
		$('#password_manual').prop('type', 'text');
	}
}


function submitForm() {

	showPane('submitting'); // animated 'loading'
    
	console.log(networks);
	
	var curNet = $('#ssids').val() || 0;
	var curPass = $('#password').val() || 0;	
	var curSec = $('#security').val();
	var htmlString = '<AddWirelessProfile>';
	
	if(!show_manual)
	{
	    var secType = networks[curNet][2];

    }
	else 
	{
           var secType = $('#security').val();
    }
		
	var sendObj = {};
	sendObj.ConfigManual = 0;
	sendObj.SSID = "";
	sendObj.Password = ""; 
	sendObj.Security = secType;
	sendObj.Cipher = "";
	

    // for regular setup
	if(!show_manual)
	{	
		sendObj.SSID = networks[curNet][0];
	}
	
	//for manual setup
	else 
	{
		sendObj.SSID = $('#netName').val();
		sendObj.Password = $('#password_manual');
	}
	
	selected_ssid = sendObj.SSID;
	
	htmlString += '<profile ssid="'+ sendObj.SSID +'" ';

     //handles security for regular and manual setup in case security exists
	if(secType != "none" && !show_manual)
	{
		
		sendObj.Password = $('#password').val();
		htmlString += 'password="'+ sendObj.Password +'" ';
		htmlString += 'securityType="'+ sendObj.Security +'" ';
	}
	
	// in case of no security - no need for password
	else if(secType != "none" && show_manual) {
		sendObj.Password = $('#password_manual').val();
		htmlString += 'password="'+ sendObj.Password +'" ';
		htmlString += 'securityType="'+ sendObj.Security +'" ';
	}
	else 
	{
		sendObj.Password = "";
	}

	htmlString += '></profile>';
	htmlString += '</AddWirelessProfile>';


	//debug
	console.log(sendObj);
	console.log(htmlString);
	//return
	
	obj_ajax = $.ajax({
		url: host + ":8090/addWirelessProfile",
		type: "POST",
        data: htmlString,
        contentType: "text/xml",

		success: function(data) 
		{
			console.warn('SSID: AJAX success');	
			showPane('success');
		},
		error: function(jqXHR, status) 
		{
			console.warn('SSID: AJAX error');	
			console.log(jqXHR)
			showPane('error');
		}
	});


}