devices.js

var OPTIONS_URL = "chrome-extension://flejfacjooompmliegamfbpjjdlhokhj/options.html?tab=1";
var isPopup = getURLParameter("popup");
var closeAfterCommand = getURLParameter("closeAfterCommand");
if(!isPopup){
	chrome.extension.getBackgroundPage().popupWindow = window;
}

var back = chrome.extension.getBackgroundPage();
var deviceImages = chrome.extension.getBackgroundPage().deviceImages;
var getDevices = function(){
	return chrome.extension.getBackgroundPage().devices;
}
var doPostWithAuthPromise = back.doPostWithAuthPromise;
var doGetWithAuthPromise = back.doGetWithAuthPromise;
var doPutWithAuthPromise = back.doPutWithAuthPromise;
var refreshDevices = function(callback){
	return chrome.extension.getBackgroundPage().refreshDevices(function(){
		writeDevices().then(()=>{
			if(callback){
				callback();
			}
		});
	});
}
var isMicAvailable = function(navigator){
	return new Promise(function(resolve,reject){
		if(!back.getVoiceEnabled()){
			reject("Voice not enabled");
			return;
		}
	    window.navigator.webkitGetUserMedia({
	        audio: true,
	    }, function(stream) {
	        if(stream.stop){
		        stream.stop();
		    }
	        resolve();
	    }, function() {
	        reject("Mic not available");
	    });
	})
}
UtilsDom.setCurrentTheme();
document.addEventListener('DOMContentLoaded', function() {
	isMicAvailable()
	.then(()=>console.log("Mic in devices"))
	.catch(error=>console.log("No mic in devices: " + error));	
	UtilsDom.replaceAllSvgInline();
});
var clearClipboardWindows = function(){
	return chrome.extension.getBackgroundPage().clearClipboardWindows();
}
var pushClipboard = function(deviceId){
	return chrome.extension.getBackgroundPage().pushClipboard(deviceId);
}
var writeText = function(deviceId){
	return chrome.extension.getBackgroundPage().writeText(deviceId);
}
var requestLocation = function(deviceId){
	return chrome.extension.getBackgroundPage().requestLocation(deviceId);
}
var pushUrl = function(deviceId, url,text){
	return chrome.extension.getBackgroundPage().pushUrl(deviceId, url,text);
}
var getScreenshot = function(deviceId, url,text){
	return chrome.extension.getBackgroundPage().getScreenshot(deviceId);
}
var sendSms = function(deviceId, url,text){
	return chrome.extension.getBackgroundPage().sendSms (deviceId);
}
var getDeviceById = function(deviceId){
	return chrome.extension.getBackgroundPage().getDeviceById(deviceId);
}
var doGetWithAuth = function(url, callback, callbackError) {
	return chrome.extension.getBackgroundPage().doGetWithAuth(url, callback, callbackError);
}
var doGetWithAuthAsyncRequest = function(endpointRequest, endpointGet, deviceId, callback, callbackError) {
	return chrome.extension.getBackgroundPage().doGetWithAuthAsyncRequest(endpointRequest, endpointGet, deviceId, callback, callbackError);
}
var getElementDeviceId = function(element){
	return element.attributes.deviceId.value;
}
var doWithDeviceAndCloseWindows = function(doThis){
	var element = event.currentTarget;
	var device = getDeviceById(getElementDeviceId(element));
	doThis(device.deviceId);
	clearClipboardWindows();
}
var setUserInfo = function(){
  getUserInfo(function(result){
	var userIconElement = document.getElementById("usericon");
	document.getElementById("topBarText").onclick = setUserInfo;
	userIconElement.src = result.picture;
	userIconElement.onclick = function(){
		back.getAuthToken(function(){
		  back.refreshDevices(function(){
			setUserInfo();
		  });
		},true);
	};
  });
}
setUserInfo();
function replaceAll(str, find, replace) {
  return str.replace(new RegExp(find, 'g'), replace);
}
var joinserver = chrome.extension.getBackgroundPage().joinserver;
var tabs = document.querySelectorAll("div[id^=tab-]");

for (var i = 0; i < tabs.length; i++) {
	var tab = tabs[i];
	tab.addEventListener("click",function(event){
		var idToShow = event.currentTarget.id.replace("tab-","");
		selectTab(idToShow);
	});
};
var tabTitleElement = document.getElementById("currenttabtitle");
var selectTab = function(idToShow){
	
	refreshTabVisibility();
	 for (var i = 0; i < tabs.length; i++) {
		var tab = tabs[i];
		var currentId = tab.id.replace("tab-","");
		var tabContent = document.getElementById(currentId);
		if(currentId == idToShow){
			tabContent.style.display = "flex";
			if(tab.className.indexOf("selected")<0){
				tab.classList.add("selected");
				tabTitleElement.innerText = idToShow.substring(0,1).toUpperCase() + idToShow.substring(1);
			}
		}else{
			tabContent.style.display = "none";
			tab.classList.remove("selected");
		}
		if(idToShow == "notifications"){			
			UtilsBadge.setColor("#929292");
			back.localStorage.areNotificationsUnread = false;
		}
   }
	localStorage.selectedTab = idToShow;
	back.eventBus.post(new back.Events.TabSelected(idToShow));
	document.body.className = idToShow + "body";

	function getUrlParameter(sParam) {
		var sPageURL = window.location.search.substring(1);
		var sURLVariables = sPageURL.split('&');
		for (var i = 0; i < sURLVariables.length; i++) {
			var sParameterName = sURLVariables[i].split('=');
			if (sParameterName[0] == sParam) {
				return sParameterName[1];
			}
		}
	}
	var isPopup;
	isPopup = getUrlParameter('popup') === '1';
	if (isPopup) {
		$('body').toggleClass('popout', isPopup)
	}
//	setDeviceCommandHeight();
}

const setDeviceCommandHeight = ()=>{
	const devicelistElement = document.querySelector("#devicelist");
	if(!devicelistElement) return;
	
	const tabscontainerElement = document.querySelector("#tabscontainer");	
	const commandsElement = document.querySelector("#commands");
	const commandsHeight = `calc(100vh - ${devicelistElement.clientHeight + tabscontainerElement.clientHeight}px)`
	commandsElement.style.height = commandsHeight;
}
var refreshTabVisibility = function(){
	var smsTab = document.getElementById("tab-sms");
	if(!localStorage.smsDeviceId){
		smsTab.style.display = "none";
	}else{
		smsTab.style.display = "block";
	}
}
refreshTabVisibility();
var sendSmsDevices = function(event){
	localStorage.smsDeviceId = event.deviceId;
	refreshTabVisibility();
	selectTab("sms");
	if(isPopup){
		chrome.windows.getCurrent({},win=>chrome.windows.update(win.id,{"focused":true}));
	}
	
};

back.eventBus.post(new back.Events.PopupLoaded());
back.addEventListener("sendsms",sendSmsDevices,false);
back.addEventListener("phonecall",sendSmsDevices,false);
addEventListener("unload", function (event) {
	back.console.log("Unloading popup devices...");
	back.eventBus.unregister(eventHandler);
	back.removeEventListener("sendsms",sendSmsDevices,false);
	back.removeEventListener("phonecall",sendSmsDevices,false);
	if(isPopup){
        localStorage.popoutWidth = window.outerWidth;
        localStorage.popoutHeight = window.outerHeight;
	}else{
		back.popupWindow = null;
	}
	back.eventBus.post(new back.Events.PopupUnloaded());
}, true);
var settingsElement = document.getElementById("settings");
var topBarPopoutElement = document.getElementById("topBarPopout");
settingsElement.onclick = function(){
	openTab(OPTIONS_URL);
}
topBarPopoutElement.onclick = function(){
	back.createPushClipboardWindow(localStorage.selectedTab);
	window.close();
}
var onlyTabToShow = getURLParameter("tab");
if(onlyTabToShow){
	selectTab(onlyTabToShow);
	// CHANGE NOTE: I can't tell what it does. Hope it's not important.
	// document.getElementById("tabscontaineroutter").style.display ="none";
}else{
	var tabToShow = null;
	/*for(var notification of notifications){
		if(notification.id==back.UtilsSMS.getNotificationId())
	}*/
	if(!tabToShow){
		var defaultTab = back.getDefaultTab();
		if(defaultTab && defaultTab != "auto"){
			tabToShow = defaultTab;
		}
	}
	if(!tabToShow){
		if(back.localStorage.areNotificationsUnread == "true"){
			back.console.log("yes notifications")
			var previousTab = back.localStorage.selectedTab;
			tabToShow = "notifications";
			back.localStorage.selectedTab = previousTab;
		}else if(localStorage.selectedTab){		
			tabToShow = localStorage.selectedTab;		
		}
	}
	if(!tabToShow){
		tabToShow = tabs[0].id.replace("tab-","");
		console.log("Showed tab " + tabToShow + " by default");
	}
	selectTab(tabToShow);
}
var topBarElement = document.getElementById("topBar");

var devicesElement = document.getElementById("devices");
document.onkeydown = function(e){
	if(e.keyCode == 27){
		window.close();
	}
}


document.getElementById("optionslink").addEventListener("click",function(event){
   openTab(OPTIONS_URL);
});
var refreshElement = document.getElementById("topBarRefresh");
refreshElement.addEventListener("click",function(event){
	var tab = localStorage.selectedTab;
	var func = "refresh" + tab.substring(0,1).toUpperCase() + tab.substring(1);
	setRefreshing(true);
	window[func](function(){
		setRefreshing(false);
   });
});
var setRefreshing = function(refreshing){
	if(refreshing){
		refreshElement.classList.add("rotating");
	}else{
		refreshElement.classList.remove("rotating");
	}
}
back.UtilsDom.fileInput = document.getElementById("uploadfile");
//back.fileInput = document.getElementById("uploadfile");

var devicesUpdated = function(event){
	writeDevices();
}
back.addEventListener('devicesupdated', devicesUpdated, false);

addEventListener("unload", function (event) {
	back.console.log("Unloading devices...");
	back.removeEventListener("devicesupdated",devicesUpdated,false);
}, true);

var makeDropZoneReady = function(dropzoneElement, optionalText){
	return new Promise(function(resolve,reject){
		dropzoneElement.classList.remove("hidden");
		var dropzoneTextElement = dropzoneElement.querySelector("div");
		var selectedDevice = back.devices.first(device=>device.deviceId == localStorage.lastHoveredDeviceId);
		if(!optionalText){
			optionalText = "Drop files here to send to " + selectedDevice.deviceName;
		}
		dropzoneTextElement.innerHTML = optionalText + ". <a href='#'>Cancel</a>";
		dropzoneElement.querySelector("a").onclick = e => {
			dropzoneElement.classList.add("hidden");
			reject("File Drop Zone Cancelled");
		}
		dropzoneElement.ondragover = e => {
			e.preventDefault();
			e.dataTransfer.dropEffect = 'copy';
		}
		dropzoneElement.ondrop = e => {
			if(e.dataTransfer.getData("index")){
				return;
			}
			e.preventDefault();
	    	e.stopPropagation();
	    	dropzoneElement.classList.add("hidden");
			back.console.log(e.dataTransfer.files);			
			resolve(e.dataTransfer.files);
		}
	})
	.catch(back.UtilsObject.ignoreError);
}
var DevicesEventHandler = function(){
	this.onThemeChanged = function(themeChanged){
		UtilsDom.setTheme(themeChanged.theme);
	}
}
var eventHandler = new DevicesEventHandler();
back.eventBus.register(eventHandler);