dotabs.js

/* 
Copyright 2013, BroadSoft, Inc.

Licensed under the Apache License,Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "ASIS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
 */

var MODULE = "dotabs.js";

// retrieve stored name
$("#name").text(localStorage["name"]);

function formatTimestamp(timestamp) {
	var today = new Date();
	var dt = new Date(timestamp);
	if (today.getDay() == dt.getDay() && today.getMonth() == dt.getMonth()
			&& today.getFullYear() == dt.getFullYear()) {
		var hours = dt.getHours();
		var minutes = dt.getMinutes();
		var ampm = hours >= 12 ? 'pm' : 'am';
		hours = hours % 12;
		hours = hours ? hours : 12;
		return hours + ":" + (minutes < 10 ? "0" + minutes : minutes) + " "
				+ ampm;
	}
	return dt.getMonth() + "/" + dt.getDay() + "/" + dt.getFullYear();
}

// Event Listeners
// call history
$("#calllogentries").disableSelection();
$("#calllogentries").on("dblclick", "tr", function(e) {
	e.preventDefault();
	var number = $(this).attr("id").replace(/calllogentry.*_/g, "");
	XSIACTIONS.API.call(number);
});

// dialer
$("#destination")
		.autocomplete(
				{
					minLength : 2,
					source : function(request, responseCallback) {
						var suggestions = [];
						var contacts = XSIACTIONS.API
								.searchEnterpriseDirectory(request.term);
						$(contacts).find("directoryDetails").each(
								function() {
									var name = $(this).find("firstName").text()
											+ " "
											+ $(this).find("lastName").text();
									var number = $(this).find("number").text();
									var mobile = $(this).find("mobile").text();
									if (number != "") {
										suggestions.push({
											value : number,
											label : name + " (work: " + number
													+ ")"
										});
									}
									if (mobile != "") {
										suggestions.push({
											value : mobile,
											label : name + " (mobile: "
													+ mobile + ")"
										});
									}
								});

						var url = "https://www.google.com/m8/feeds/contacts/default/full?v=3.0&max-results=50&q="
								+ request.term;
						authenticatedXhr(
								'GET',
								url,
								function(error, status, response) {
									$(response)
											.find("entry")
											.each(
													function() {
														var title = $(this)
																.find("title")
																.text();
														if (title == "") {
															title = "Unknown";
														}
														$(this)
																.find(
																		"gd\\:phoneNumber")
																.each(
																		function() {
																			var number = $(
																					this)
																					.text();
																			var type = $(
																					this)
																					.attr(
																							"rel")
																					.replace(
																							"http://schemas.google.com/g/2005#",
																							"");
																			suggestions
																					.push({
																						value : number,
																						label : title
																								+ " ("
																								+ type
																								+ ": "
																								+ number
																								+ ")"
																					});
																		});
													});
									console.log(suggestions);
									responseCallback(suggestions);
								});
					},
					autoFocus : true
				});
$("#destination")
		.keyup(
				function(e) {
					if (e.keyCode == 13) {
						try {
							var number = $("#destination").val();
							var re = new RegExp();
							re
									.compile("((([2-9][0-8][0-9])|([\(][2-9][0-8][0-9][\)]))(.|-| )?([2-9][0-9]{2})(.|-| )?([0-9]{4}))");
							var tokens = number.match(re);
							LOGGER.API.log(MODULE, "number:" + number
									+ " tokens:" + tokens);
							if (tokens) {
								XSIACTIONS.API.call(tokens[0]);
							}
						} catch (error) {
							LOGGER.API.error(MODULE, error.message);
						}
						$("#destination").val("");
					}
				});

// signout
document.querySelector('#signout').addEventListener('click', function() {
	signout(true);
});

// about
document.querySelector('#about_link_tabs').addEventListener('click',
		showAboutBox);

// Click to dial checkbox
document.querySelector('#clicktodialbox').addEventListener('click', function() {
	var clicktodial = $("#clicktodialbox").prop("checked");
	localStorage["clicktodial"] = clicktodial;
});

// Notifications checkbox
document.querySelector('#notificationsbox').addEventListener('click',
		function() {
			var notifications = $("#notificationsbox").prop("checked");
			localStorage["notifications"] = notifications;
		});

// Text to speech checkbox
document.querySelector('#texttospeechbox').addEventListener('click',
		function() {
			var texttospeech = $("#texttospeechbox").prop("checked");
			localStorage["texttospeech"] = texttospeech;
		});

// Do Not disturb button
document.querySelector('#dndbutton').addEventListener('click', function() {
	var dnd = localStorage["dnd"];
	if (dnd != "unassigned") {
		if (dnd == "true") {
			dnd = "false";
		} else {
			dnd = "true";
		}
		try {
			XSIACTIONS.API.setDoNotDisturb(dnd);
		} catch (error) {
			if (textToSpeechEnabled() == "true") {
				chrome.tts.speak('An error occured saving your DND settings.');
				LOGGER.API.error(MODULE, error.message);
			}
		}
	}
});

// CFA button
document
		.querySelector('#cfabutton')
		.addEventListener(
				'click',
				function() {
					var cfa = localStorage["cfa"];
					if (cfa != "unassigned") {
						if (cfa == "true") {
							cfa = "false";
						} else {
							cfa = "true";
						}
						try {
							XSIACTIONS.API.setCallForwardAlways(cfa);
						} catch (error) {
							if (textToSpeechEnabled() == "true") {
								chrome.tts
										.speak('An error occured saving your Call Forwarding Always settings.');
								LOGGER.API.error(MODULE, error.message);
							}
						}
					}
				});
// Remote Office button
document
		.querySelector('#robutton')
		.addEventListener(
				'click',
				function() {
					var ro = localStorage["ro"];
					if (ro != "unassigned") {
						if (ro == "true") {
							ro = "false";
						} else {
							ro = "true";
						}
						try {
							XSIACTIONS.API.setRemoteOffice(ro);
						} catch (error) {
							if (textToSpeechEnabled() == "true") {
								chrome.tts
										.speak('An error occured saving your Remote Office settings.');
								LOGGER.API.error(MODULE, error.message);
							}
						}
					}
				});

// Signout. A manual signout means the user signed out themselves. In this case,
// clear out all info. If a force logout
// due to an authentication error or some other error, then retain some
// information.
function signout(manual) {
	localStorage["password"] = "";
	localStorage["name"] = "";
	localStorage["cfa"] = "";
	localStorage["ro"] = "";
	localStorage["dnd"] = "";
	localStorage["currentTab"] = "";
	localStorage["connectionStatus"] = "signedOut";
	if (manual) {
		localStorage["url"] = "";
		localStorage["username"] = "";
		localStorage["clicktodial"] = "";
		localStorage["notifications"] = "";
		localStorage["texttospeech"] = "";
		localStorage["errorMessage"] = "";
	}
	top.location.assign("options.html");
}

var services = {
	dnd : {
		buttonId : "#dndbutton",
		activeImage : "images/dnd_active.png",
		normalImage : "images/dnd_normal.png",
		disabledImage : "images/dnd_disabled.png",
		textToSpeech : "Do not disturb is "
	},
	ro : {
		buttonId : "#robutton",
		activeImage : "images/remoteoffice_active.png",
		normalImage : "images/remoteoffice_normal.png",
		disabledImage : "images/remoteoffice_disabled.png",
		textToSpeech : "Remote office is "
	},
	cfa : {
		buttonId : "#cfabutton",
		activeImage : "images/callforward_active.png",
		normalImage : "images/callforward_normal.png",
		disabledImage : "images/callforward_disabled.png",
		textToSpeech : "Call forward always is "
	}
};

function setButtonState(service, value) {
	if (value == "true") {
		$(services[service].buttonId).removeAttr("disabled");
		$(services[service].buttonId)
				.attr("src", services[service].activeImage);
		$(services[service].buttonId).css("background-color", "#F7A300");
	} else if (value == "false") {
		$(services[service].buttonId).removeAttr("disabled");
		$(services[service].buttonId)
				.attr("src", services[service].normalImage);
		$(services[service].buttonId).css("background-color", "transparent");
	} else {
		$(services[service].buttonId).attr("disabled", "disabled");
		$(services[service].buttonId).attr("src",
				services[service].disabledImage);
		$(services[service].buttonId).css("background-color", "transparent");
	}
}

function announceServiceState(service, value) {
	if (textToSpeechEnabled() == "true") {
		if (value == "true") {
			chrome.tts.speak(services[service].textToSpeech + "on");
		} else if (value == "false") {
			chrome.tts.speak(services[service].textToSpeech + "off");
		} else {
			chrome.tts.speak(services[service].textToSpeech + "unknown");
		}
	}
}

function restoreTabs() {

	// restore Xsi-Actions
	var xsiactions_options = {
		host : localStorage["url"],
		username : localStorage["username"],
		password : localStorage["password"],
	};
	XSIACTIONS.API.init(xsiactions_options);

	try {
		var name = XSIACTIONS.API.getName();
		localStorage["name"] = name;
	} catch (error) {
		LOGGER.API.error(MODULE, error.message);
		if (error.message.indexOf("401") != -1
				|| error.message.indexOf("403") != -1) {
			localStorage["errorMessage"] = "An authentication error occurred. Please login again.";
		} else {
			localStorage["errorMessage"] = "An error occurred. Please login again.";
		}
		signout(false);
		return;
	}

	// create tabs
	$("#tabs").tabs();

	// add activate(select) event handler for tabs
	$("#tabs")
			.tabs(
					{
						activate : function(event, ui) {
							if (ui.newPanel.attr("id") == "history") {
								localStorage["currentTab"] = "history";
								var callLogs = XSIACTIONS.API.getCallLogs();
								var list = [];
								$(callLogs)
										.find("callLogsEntry")
										.each(
												function() {
													var name = $(this).find(
															"name").text();
													var number = $(this).find(
															"phoneNumber")
															.text();
													var time = $(this).find(
															"time").text();
													var type = $(this).parent()[0].nodeName;
													list.push({
														name : name,
														number : number,
														time : time,
														type : type
													});
												});
								list.sort(function(a, b) {
									a = new Date(a.time);
									b = new Date(b.time);
									return b.getTime() - a.getTime();
								});
								$("#calllogentries").empty();
								for ( var i = 0; i < list.length; i++) {
									var row = "<tr id='calllogentry" + i + "_"
											+ list[i].number + "'>";
									row = row + "<td><p>" + list[i].name
											+ "</p>" + list[i].number + "</td>";
									row = row + "<td>"
											+ formatTimestamp(list[i].time)
											+ "</td>";
									if (list[i].type == "placed") {
										row = row
												+ "<td><img src='images/history_outgoing_normal.png'/></td>";
									} else if (list[i].type == "received") {
										row = row
												+ "<td><img src='images/history_incoming_normal.png'/></td>";
									} else {
										row = row
												+ "<td><img src='images/history_missed_normal.png'/></td>";
									}
									$("#calllogentries").append(row);
								}
							} else if (ui.newPanel.attr("id") == "dialer") {
								localStorage["currentTab"] = "dialer";
								$('#destination').focus();
							} else if (ui.newPanel.attr("id") == "preferences") {
								localStorage["currentTab"] = "preferences";
							}
						}

					});

	// restore current tab
	var currentTab = localStorage["currentTab"];
	if (currentTab == "dialer") {
		$("#tabs").tabs("option", "active", 0);
		$('#destination').focus();
	} else if (currentTab == "history") {
		$("#tabs").tabs("option", "active", 1);
	} else if (currentTab == "preferences") {
		$("#tabs").tabs("option", "active", 2);
	} else {
		$("#tabs").tabs("option", "active", 0);
		$('#destination').focus();
	}

	// restore service button states
	setButtonState("dnd", localStorage["dnd"]);
	setButtonState("ro", localStorage["ro"]);
	setButtonState("cfa", localStorage["cfa"]);

	var clicktodial = localStorage["clicktodial"];
	if (clicktodial == "true") {
		$("#clicktodialbox").prop('checked', true);
	} else {
		$("#clicktodialbox").prop('checked', false);
	}

	var notifications = localStorage["notifications"];
	if (notifications == "true") {
		$("#notificationsbox").prop('checked', true);
	} else {
		$("#notificationsbox").prop('checked', false);
	}

	var texttospeech = localStorage["texttospeech"];
	if (texttospeech == "true") {
		$("#texttospeechbox").prop('checked', true);
	} else {
		$("#texttospeechbox").prop('checked', false);
	}

	updateCalls();

	$(window).bind(
			"storage",
			function(e) {
				LOGGER.API.log(MODULE, "Event received with key: "
						+ e.originalEvent.key);
				if (e.originalEvent.key == "dnd" || e.originalEvent.key == "ro"
						|| e.originalEvent.key == "cfa") {
					setButtonState(e.originalEvent.key,
							localStorage[e.originalEvent.key]);
					announceServiceState(e.originalEvent.key,
							e.originalEvent.newValue);
				} else if (e.originalEvent.key == "calls") {
					updateCalls();
				} else if (e.originalEvent.key == "errorMessage") {
					signout(false);
				}
			});
}

var callTimerId;

function updateCalls() {
	$("#calls").empty();

	window.clearInterval(callTimerId);

	var calls = JSON.parse(localStorage["calls"]);
	LOGGER.API.log(MODULE, calls);
	for ( var callId in calls) {
		var call = calls[callId];
		var nameAndNumber = "<div class='nameAndNumber'>";
		if (call.name == "") {
			nameAndNumber += call.number;
		} else {
			nameAndNumber += call.name + " (" + call.number + ")";
		}
		nameAndNumber += "</div>";
		var html = "<tr>";
		switch (call.state) {
		case "Alerting":
			var callType = "Incoming Call";
			if (call.personality != "Terminator") {
				callType = "Outgoing Call";
			}
			html = html + "<td>" + nameAndNumber + "<div class='callDuration'>"
					+ callType + "</div></td>";
			html = html + "<td>";
			if (call.personality == "Terminator") {
				html = html + "<img id='answer_" + callId
						+ "' src='images/answer.png' />";
			}
			html = html + "</td>";
			html = html + "<td><img id='end_" + callId
					+ "' src='images/decline.png' /></td>";
			break;
		case "Active":
			html = html + "<td>" + nameAndNumber + "<div class='callDuration'>"
					+ getCallDuration(call.answerTime) + "</div></td>";
			html = html + "<td><img id='end_" + callId
					+ "' src='images/hangup.png' /></td>";
			html = html + "<td><img id='hold_" + callId
					+ "' src='images/hold.png' /></td>";
			break;
		case "Held":
			html = html + "<td>" + nameAndNumber + "<div class='callDuration'>"
					+ getCallDuration(call.answerTime) + "</div></td>";
			html = html + "<td><img id='end_" + callId
					+ "' src='images/hangup.png' /></td>";
			html = html + "<td><img id='answer_" + callId
					+ "' src='images/hold_active.png' /></td>";
			break;
		}
		html = html + "</tr>";
		$("#calls").append(html);
	}
	$("#calls tbody tr td img").on("click", function(event) {
		var tokens = $(this).attr("id").split("_");
		callControl(tokens[0], tokens[1]);
	});

	callTimerId = window.setInterval(updateCallDurations, 1000);
}

function getCallDuration(answerTime) {
	var delta = parseInt((new Date().getTime() - answerTime) / 1000);
	var hh = parseInt(delta / 3600);
	var mm = parseInt((delta - (hh * 3600)) / 60);
	var ss = parseInt(delta - ((hh * 3600) + (mm * 60)));
	var ret = hhmmssToString(hh, mm, ss);
	return ret;
}

function hhmmssToString(hh, mm, ss) {
	var ret = ss;
	if (ss < 10) {
		ret = "0" + ss;
	}
	if (mm < 10) {
		ret = "0" + mm + ":" + ret;
	} else {
		ret = mm + ":" + ret;
	}
	if (hh > 0) {
		ret = hh + ":" + ret;
	}
	return ret;
}

function updateCallDurations() {
	$(".callDuration").each(function() {
		var duration = $(this).text();
		if (duration != "Incoming Call" && duration != "Outgoing Call") {
			duration = incrementCallDuration(duration);
			$(this).text(duration);
		}
	});
}

function textToSpeechEnabled() {
	var texttospeech = localStorage["texttospeech"];
	return texttospeech;
}

function showAboutBox() {
	top.location.assign("about.html");
}

function callControl(action, callId) {
	LOGGER.API.log(MODULE, action + " " + callId);
	try {
		switch (action) {
		case "answer":
			XSIACTIONS.API.talk(callId);
			break;
		case "hold":
			XSIACTIONS.API.hold(callId);
			break;
		case "end":
			XSIACTIONS.API.hangup(callId);
			break;
		default:
			action = "unknown";
		}
	} catch (error) {
		var calls = JSON.parse(localStorage["calls"]);
		delete calls[callId];
		localStorage["calls"] = JSON.stringify(calls);
		if (textToSpeechEnabled() == "true") {
			chrome.tts
					.speak('Failed to perform ' + action + ' action on call.');
			LOGGER.API.error(MODULE, error.message);
		}
	}
}

function incrementCallDuration(duration) {
	var tokens = duration.split(":");
	var hh = 0;
	var mm = 0;
	var ss = 0;
	if (tokens.length == 3) {
		hh = parseInt(tokens[0]);
		mm = parseInt(tokens[1]);
		ss = parseInt(tokens[2]);
	} else {
		mm = parseInt(tokens[0]);
		ss = parseInt(tokens[1]);
	}
	ss++;
	if (ss > 59) {
		ss = 0;
		mm++;
	}
	if (mm > 59) {
		mm = 0;
		hh++;
	}
	return hhmmssToString(hh, mm, ss);
}

document.addEventListener('DOMContentLoaded', restoreTabs);