app.js

submitHit();

chrome.runtime.sendMessage({requestSettings: true}, function(res) {
	freedom = res.freedom;
	distractions = res.distractions;
	blockIfFree();
	fetchVisits();
	attachSearchLogger();
});

function attachSearchLogger() {
	var searchBox = document.getElementById("masthead-search-term");
	if (searchBox === null) {
		console.log("Could not attach");
	} else {
		console.log("Attaching");
		searchBox.onkeydown = submitReason;
	}
}

function fetchVisits() {
	chrome.runtime.sendMessage({requestVisits: true}, function(res) {
		console.log(res);

		var logoBox = document.getElementById("yt-masthead").getElementsByClassName("yt-masthead-logo-container")[0];
		if (logoBox != null) {
			var logoMetric = document.createTextNode(Math.ceil(res.visits.length/2));
			var logoMetricBox = document.createElement("div");
			logoMetricBox.setAttribute("style", "margin: 5px; background-color: #cc181e; color: #FFFFFF; display: inline; border-radius: 3px; padding: 5px; position:relative; top: 2px; font-weight: bold;");
			logoMetricBox.appendChild(logoMetric)
			logoBox.appendChild(logoMetricBox);
		}

		var counterBox = document.getElementById('turkey-counter');
		if (counterBox != null) {
			var counterMetric = document.createTextNode("You've visited YouTube " + Math.ceil(res.visits.length/2) + " times today.");
			counterBox.appendChild(counterMetric);
		}

		var graphsBox = document.getElementById('turkey-graphs');

		var timeList = [];
		for (var i = 0; i < res.visits.length; i++) {
			var time = getTimeStringFromTimestamp(res.visits[i].visitTime);
			if (timeList.length === 0) {
				timeList.push(time);
			} else if (timeList.length > 0 && time != timeList[timeList.length-1]) {
				timeList.push(time);
			}
		}

		if (graphsBox != null) {
			var timeMetric = document.createTextNode("Your visits occurred at these times: " + timeList.join(", "));
			graphsBox.appendChild(timeMetric);
		}
	});
}

document.getElementById('content').addEventListener('DOMSubtreeModified', blockOnDebouncedDOMEvents);

function blockOnDebouncedDOMEvents() {
	console.log("detected dom subtree modifiedcation");
	var content = document.getElementById('content');
	if (content != null) {
		content.removeEventListener('DOMSubtreeModified', blockOnDebouncedDOMEvents);
		setTimeout(function () {
				blockIfFree();
				var content = document.getElementById('content');
				if (content != null) {
					content.addEventListener('DOMSubtreeModified', blockOnDebouncedDOMEvents);
				}
			}, 500);
	}
}

function blockIfFree() {
	if (freedom === null) {
		alert('freedom not set');
	} else if (freedom == "false") {
		console.log("Allow content");
		//window.clearInterval(blockId);
	} else {
		console.log("Block content!");
		blockAndDisplay();
		//blockId = window.setInterval(blockAndDisplay, 10);
	}
}

function submitReason(event) {
	console.log(this.value);
	if (event.keyCode == 13) {
		chrome.runtime.sendMessage({logSearchTerm: true, reason: this.value}, function(res) {
			console.log("Success? " + res);
		});
	}
}

function submitHit() {
	console.log('logging hit');
	var http = new XMLHttpRequest();

	var queryString = "";

	http.open("POST", hits_url, true);
	http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

	http.send(queryString);
}

function removeNode(node, parent) {
	if (node != null) {
		if (node.parentNode == parent) {
			parent.removeChild(node);
		} else {
			console.log(node.parentNode);
		}
	}
}

function removeNode(node) {
	if (node != null) {
		var parent = node.parentNode;
		if (parent != null) {
			node.parentNode.removeChild(node);
		} else {
			console.log("Node's parent is null.");
		}
	} else {
		console.log("Node is null.");
	}
}

function blockAndDisplay() {
	var container = document.getElementById('page');

	if (distractions == "true") {
		// modify player page
		console.log("killing sidebar and discussion");
		var watchMain = document.getElementById("watch7-main");
		var watchSidebar = document.getElementById("watch7-sidebar");
		var watchDiscussion = document.getElementById("watch-discussion");
		removeNode(watchSidebar);
		removeNode(watchDiscussion);

		// modify home page
		//var feed = document.getElementById("feed");
		var feedMain = document.getElementById("feed-main-what_to_watch");
		removeNode(feedMain);

		// modify trending page
		var browseItems = document.getElementById("browse-items-primary");
		removeNode(browseItems);
	} else {
		console.log("killing all content");
		var content = document.getElementById('content');
		removeNode(content);
	}

	// remove creative if it exists
	var creative = document.getElementById("ad_creative_1");
	removeNode(creative);

	// remove appnav bar
	var appnav = document.getElementById("masthead-appbar-container");
	removeNode(appnav);
	var mastheadPositioner = document.getElementById("masthead-positioner-height-offset");
	mastheadPositioner.setAttribute("style", "height: 40px;");

	// add the counter pane if it hasn't been added yet
	var maybeCounter = document.getElementById('turkey-counter');
	if (maybeCounter == null) {
		appendCounterPane(container);
	}

	// add the question pane if it hasn't been added yet
	var maybeQuestion = document.getElementById('question');
	if (maybeQuestion == null) {
		appendQuestionPane(container);
	}

	var mastHead = document.getElementById('video-masthead-container');
	if (mastHead != null) {
		mastHead.innerHTML = "";
	}
}

function appendCounterPane(container) {
	var counterBox = document.createElement('div');
	counterBox.setAttribute('id', 'turkey-counter');
	counterBox.setAttribute('style', 'margin: 20px;')
	container.appendChild(counterBox);
	var graphsBox = document.createElement('div');
	graphsBox.setAttribute('id', 'turkey-graphs');
	graphsBox.setAttribute('style', 'margin: 20px;')
	container.appendChild(graphsBox);
}

function appendQuestionPane(container) {
	var question = document.createElement('div');
	question.setAttribute('id', 'question');
	question.setAttribute('style', 'margin: 20px;')

	var textbox = document.createElement('input');
	textbox.setAttribute('type', 'text');
	textbox.setAttribute('name', 'reason');
	textbox.onkeypress = submitReason;
	var questionText = document.createTextNode("Why are you on YouTube?");
	question.appendChild(questionText);
	question.appendChild(textbox);

	container.appendChild(question);
}

function getTimeStringFromTimestamp(timestamp) {
	var date = new Date(timestamp);
	var timeString = "";
	var hours = date.getHours();
	var ampm = " AM";
	if (hours > 12) {
		hours -= 12;
		ampm = " PM";
	}
	var minutes = date.getMinutes() + "";
	if (minutes.length === 1) {
		minutes = "0" + minutes;
	}

	timeString += hours;
	timeString += ":";
	timeString += minutes;
	timeString += ampm;
	return timeString;
}