$.namespace('azkaban');


function removeSched(projectId, flowName) {
	var scheduleURL = contextURL + "/schedule"
	var redirectURL = contextURL + "/schedule"
	$.post(
			scheduleURL,
			{"action":"removeSched", "projectId":projectId, "flowName":flowName},
			function(data) {
				if (data.error) {
//                 alert(data.error)
					$('#errorMsg').text(data.error);
				}
				else {
// 		 alert("Schedule "+schedId+" removed!")
					window.location = redirectURL;
				}
			},
			"json"
	)
}

function removeSla(projectId, flowName) {
	var scheduleURL = contextURL + "/schedule"
	var redirectURL = contextURL + "/schedule"
	$.post(
			scheduleURL,
			{"action":"removeSla", "projectId":projectId, "flowName":flowName},
			function(data) {
				if (data.error) {
//                 alert(data.error)
					$('#errorMsg').text(data.error)
				}
				else {
// 		 alert("Schedule "+schedId+" removed!")
					window.location = redirectURL
				}
			},
			"json"
	)
}

azkaban.ChangeSlaView = Backbone.View.extend({
	events : {
		"click" : "closeEditingTarget",
		"click #set-sla-btn": "handleSetSla",	
		"click #remove-sla-btn": "handleRemoveSla",
		"click #sla-cancel-btn": "handleSlaCancel",
		"click .modal-close": "handleSlaCancel",
		"click #addRow": "handleAddRow"
	},
	initialize: function(setting) {

	},
	handleSlaCancel: function(evt) {
		console.log("Clicked cancel button");
		var scheduleURL = contextURL + "/schedule";

		$('#slaModalBackground').hide();
		$('#sla-options').hide();
		
		var tFlowRules = document.getElementById("flowRulesTbl").tBodies[0];
		var rows = tFlowRules.rows;
		var rowLength = rows.length
		for(var i = 0; i < rowLength-1; i++) {
			tFlowRules.deleteRow(0);
		}
		
	},
	initFromSched: function(projId, flowName) {
		this.projectId = projId;
		this.flowName = flowName;
		
		var scheduleURL = contextURL + "/schedule"
		this.scheduleURL = scheduleURL;
		var indexToName = {};
		var nameToIndex = {};
		var indexToText = {};
		this.indexToName = indexToName;
		this.nameToIndex = nameToIndex;
		this.indexToText = indexToText;
		var ruleBoxOptions = ["SUCCESS", "FINISH"];
		this.ruleBoxOptions = ruleBoxOptions;
		
		var fetchScheduleData = {"projId": this.projectId, "ajax":"slaInfo", "flowName":this.flowName};
		
		$.get(
				this.scheduleURL,
				fetchScheduleData,
				function(data) {
					if (data.error) {
						alert(data.error);
					}
					else {
						if (data.slaEmails) {
							$('#slaEmails').val(data.slaEmails.join());
						}
						
						var allJobNames = data.allJobNames;
						
						indexToName[0] = "";
						nameToIndex[flowName] = 0;
						indexToText[0] = "flow " + flowName;
						for(var i = 1; i <= allJobNames.length; i++) {
							indexToName[i] = allJobNames[i-1];
							nameToIndex[allJobNames[i-1]] = i;
							indexToText[i] = "job " + allJobNames[i-1];
						}
						
						
						
						
						
						// populate with existing settings
						if(data.settings) {
							
							var tFlowRules = document.getElementById("flowRulesTbl").tBodies[0];
							
							for(var setting in data.settings) {
								var rFlowRule = tFlowRules.insertRow(0);
								
								var cId = rFlowRule.insertCell(-1);
								var idSelect = document.createElement("select");
								for(var i in indexToName) {
									idSelect.options[i] = new Option(indexToText[i], indexToName[i]);
									if(data.settings[setting].id == indexToName[i]) {
										idSelect.options[i].selected = true;
									}
								}								
								cId.appendChild(idSelect);
								
								var cRule = rFlowRule.insertCell(-1);
								var ruleSelect = document.createElement("select");
								for(var i in ruleBoxOptions) {
									ruleSelect.options[i] = new Option(ruleBoxOptions[i], ruleBoxOptions[i]);
									if(data.settings[setting].rule == ruleBoxOptions[i]) {
										ruleSelect.options[i].selected = true;
									}
								}
								cRule.appendChild(ruleSelect);
								
								var cDuration = rFlowRule.insertCell(-1);
								var duration = document.createElement("input");
								duration.type = "text";
								duration.setAttribute("class", "durationpick");
								var rawMinutes = data.settings[setting].duration;
								var intMinutes = rawMinutes.substring(0, rawMinutes.length-1);
								var minutes = parseInt(intMinutes);
								var hours = Math.floor(minutes / 60);
								minutes = minutes % 60;
								duration.value = hours + ":" + minutes;
								cDuration.appendChild(duration);

								var cEmail = rFlowRule.insertCell(-1);
								var emailCheck = document.createElement("input");
								emailCheck.type = "checkbox";
								for(var act in data.settings[setting].actions) {
									if(data.settings[setting].actions[act] == "EMAIL") {
										emailCheck.checked = true;
									}
								}
								cEmail.appendChild(emailCheck);
								
								var cKill = rFlowRule.insertCell(-1);
								var killCheck = document.createElement("input");
								killCheck.type = "checkbox";
								for(var act in data.settings[setting].actions) {
									if(data.settings[setting].actions[act] == "KILL") {
										killCheck.checked = true;
									}
								}
								cKill.appendChild(killCheck);
								
								$('.durationpick').timepicker({hourMax: 99});
							}
						}
						$('.durationpick').timepicker({hourMax: 99});
					}
				},
				"json"
			);
		
		$('#slaModalBackground').show();
		$('#sla-options').show();
		
//		this.schedFlowOptions = sched.flowOptions
		console.log("Loaded schedule info. Ready to set SLA.");

	},
	handleRemoveSla: function(evt) {
		console.log("Clicked remove sla button");
		var scheduleURL = this.scheduleURL;
		var redirectURL = this.scheduleURL;
		$.post(
				scheduleURL,
				{"action":"removeSla", "projectId":this.projectId, "flowName":this.flowName},
				function(data) {
				if (data.error) {
						$('#errorMsg').text(data.error)
					}
					else {
						window.location = redirectURL
					}
				"json"
				}
			);

	},
	handleSetSla: function(evt) {

		var slaEmails = $('#slaEmails').val();
		var settings = {};
		
		
		var tFlowRules = document.getElementById("flowRulesTbl").tBodies[0];
		for(var row = 0; row < tFlowRules.rows.length-1; row++) {
			var rFlowRule = tFlowRules.rows[row];
			var id = rFlowRule.cells[0].firstChild.value;
			var rule = rFlowRule.cells[1].firstChild.value;
			var duration = rFlowRule.cells[2].firstChild.value;
			var email = rFlowRule.cells[3].firstChild.value;
			var kill = rFlowRule.cells[4].firstChild.value;
			settings[row] = id + "," + rule + "," + duration + "," + email + "," + kill; 
		}

		var slaData = {
			projectId: this.projectId,
			flowName: this.flowName,
			ajax: "setSla",			
			slaEmails: slaEmails,
			settings: settings
		};

		var scheduleURL = this.scheduleURL;
		
		$.post(
			scheduleURL,
			slaData,
			function(data) {
				if (data.error) {
					alert(data.error);
				}
				else {
					tFlowRules.length = 0;
					window.location = scheduleURL;
				}
			},
			"json"
		);
	},
	handleAddRow: function(evt) {
		
		var indexToName = this.indexToName;
		var nameToIndex = this.nameToIndex;
		var indexToText = this.indexToText;
		var ruleBoxOptions = this.ruleBoxOptions;

		var tFlowRules = document.getElementById("flowRulesTbl").tBodies[0];
		var rFlowRule = tFlowRules.insertRow(0);
		
		var cId = rFlowRule.insertCell(-1);
		var idSelect = document.createElement("select");
		for(var i in indexToName) {
			idSelect.options[i] = new Option(indexToText[i], indexToName[i]);
		}
		
		cId.appendChild(idSelect);
		
		var cRule = rFlowRule.insertCell(-1);
		var ruleSelect = document.createElement("select");
		for(var i in ruleBoxOptions) {
			ruleSelect.options[i] = new Option(ruleBoxOptions[i], ruleBoxOptions[i]);
		}
		cRule.appendChild(ruleSelect);
		
		var cDuration = rFlowRule.insertCell(-1);
		var duration = document.createElement("input");
		duration.type = "text";
		duration.setAttribute("class", "durationpick");
		cDuration.appendChild(duration);

		var cEmail = rFlowRule.insertCell(-1);
		var emailCheck = document.createElement("input");
		emailCheck.type = "checkbox";
		cEmail.appendChild(emailCheck);
		
		var cKill = rFlowRule.insertCell(-1);
		var killCheck = document.createElement("input");
		killCheck.type = "checkbox";
		cKill.appendChild(killCheck);
		
		$('.durationpick').timepicker({hourMax: 99});

		return rFlowRule;
	},
	handleEditColumn : function(evt) {
		var curTarget = evt.currentTarget;
	
		if (this.editingTarget != curTarget) {
			this.closeEditingTarget();
			
			var text = $(curTarget).children(".spanValue").text();
			$(curTarget).empty();
						
			var input = document.createElement("input");
			$(input).attr("type", "text");
			$(input).css("width", "100%");
			$(input).val(text);
			$(curTarget).addClass("editing");
			$(curTarget).append(input);
			$(input).focus();
			this.editingTarget = curTarget;
		}
	},
	handleRemoveColumn : function(evt) {
		var curTarget = evt.currentTarget;
		// Should be the table
		var row = curTarget.parentElement.parentElement;
		$(row).remove();
	},
	closeEditingTarget: function(evt) {

	}
});

var slaView;

$(function() {
	var selected;


	slaView = new azkaban.ChangeSlaView({el:$('#sla-options')});
	
//	var requestURL = contextURL + "/manager";

	// Set up the Flow options view. Create a new one every time :p
//	 $('#addSlaBtn').click( function() {
//		 slaView.show();
//	 });

	 
	
});