ChrisPritchard/caller.html

## caller.html
<html>
	<head>
		<title>Latest Commits</title>
		<style>
			label {
				display:block;
			}
		</style>
	</head>
	<body>
		<div id="controls">
			<label>Personal Access Token<br/><input type="text" id="pat" /></label>
			<label>From Date<br/><input type="date" id="from" /></label>
			<label>Repo Filter<br/><input type="text" id="filter" /></label>
			<input type="button" id="loadCommits" value="Load Commits" />
		</div>
		<div id="repos">

		</div>
		<script>
			var repoUrl = "https://dev.azure.com/[orgname]/[projectname]/_apis/git/repositories?api-version=6.0";
			var commits = "/commits?api-version=6.0";
			var filters = "";
			var target = document.getElementById("repos");
			pat = "";

			document.getElementById("loadCommits").addEventListener("click", loadRepos);

			function loadRepos() {
				pat = document.getElementById("pat").value;
				if(!pat) {
					target.innerHTML = "please specify a valid personal access token";
					return;
				}

				filters = "";
				let fromDate = document.getElementById("from").value;
				if(fromDate) {
					filters += "&searchCriteria.fromDate=" + fromDate;
				}
				let textFilter = document.getElementById("filter").value;

				target.innerHTML = "loading...";
				var request = new XMLHttpRequest();
				request.open('GET', repoUrl, true);

				request.setRequestHeader('Content-Type', 'application/json; charset=utf-8;');
				request.setRequestHeader('Authorization', 'Basic '+btoa(':'+pat));
				request.onload = function() {
					if(this.status >= 200 && this.status < 400) {
						target.innerHTML = "";
						var repos = JSON.parse(this.response);
						for (var i = 0; i < repos.value.length; i++) {
							var repo = repos.value[i];
							if (!textFilter || repo.name.includes(textFilter)) {
								getCommits(repo.name, repo.url);
							}
						}
					}
				};
				request.send();
			}

			function getCommits(name, url) {
				var request = new XMLHttpRequest();
				request.open('GET', url+commits+filters, true);

				request.setRequestHeader('Content-Type', 'application/json; charset=utf-8;');
				request.setRequestHeader('Authorization', 'Basic '+btoa(':'+pat));
				request.onload = function() {
					if(this.status >= 200 && this.status < 400) {
						var commits = JSON.parse(this.response);
						printCommits(name, url, commits);
					}
				};
				request.send();
			}

			function printCommits(name, url, commits) {
				let container = document.createElement("div");
				let heading = document.createElement("h2");
				let link = document.createElement("a");
				link.setAttribute("href", url);
				link.innerText = name;
				heading.appendChild(link);
				container.appendChild(heading);

				if(commits.count > 0) {
					for (var i = 0; i < commits.value.length; i++) {
						container.appendChild(printCommitInfo(commits.value[i]));
					}
				} else {
					let noCommits = document.createElement("div");
					noCommits.innerText = "no commits in the specified time period";
					container.appendChild(noCommits);
				}
				target.appendChild(container);
			}

			function printCommitInfo(commit) {
				let commitInfo = document.createElement("div");
				let heading = document.createElement("h3");
				let link = document.createElement("a");
				link.setAttribute("href", commit.remoteUrl);
				link.innerText = `Commit by ${commit.author.name} on ${commit.author.date}`;
				heading.appendChild(link);
				commitInfo.appendChild(heading);

				let comment = document.createElement("p");
				if (commit.comment) {
					comment.innerText = commit.comment;
				} else {
					comment.innerText = "no comment provided"
				}
				commitInfo.appendChild(comment);

				return commitInfo;
			}
		</script>
	</body>
</html>
	<html>
	<head>
	<title>Latest Commits</title>
	<style>
	label {
	display:block;
	}
	</style>
	</head>
	<body>
	<div id="controls">
	<label>Personal Access Token<br/><input type="text" id="pat" /></label>
	<label>From Date<br/><input type="date" id="from" /></label>
	<label>Repo Filter<br/><input type="text" id="filter" /></label>
	<input type="button" id="loadCommits" value="Load Commits" />
	</div>
	<div id="repos">

	</div>
	<script>
	var repoUrl = "https://dev.azure.com/[orgname]/[projectname]/_apis/git/repositories?api-version=6.0";
	var commits = "/commits?api-version=6.0";
	var filters = "";
	var target = document.getElementById("repos");
	pat = "";

	document.getElementById("loadCommits").addEventListener("click", loadRepos);

	function loadRepos() {
	pat = document.getElementById("pat").value;
	if(!pat) {
	target.innerHTML = "please specify a valid personal access token";
	return;
	}

	filters = "";
	let fromDate = document.getElementById("from").value;
	if(fromDate) {
	filters += "&searchCriteria.fromDate=" + fromDate;
	}
	let textFilter = document.getElementById("filter").value;

	target.innerHTML = "loading...";
	var request = new XMLHttpRequest();
	request.open('GET', repoUrl, true);

	request.setRequestHeader('Content-Type', 'application/json; charset=utf-8;');
	request.setRequestHeader('Authorization', 'Basic '+btoa(':'+pat));
	request.onload = function() {
	if(this.status >= 200 && this.status < 400) {
	target.innerHTML = "";
	var repos = JSON.parse(this.response);
	for (var i = 0; i < repos.value.length; i++) {
	var repo = repos.value[i];
	if (!textFilter \|\| repo.name.includes(textFilter)) {
	getCommits(repo.name, repo.url);
	}
	}
	}
	};
	request.send();
	}

	function getCommits(name, url) {
	var request = new XMLHttpRequest();
	request.open('GET', url+commits+filters, true);

	request.setRequestHeader('Content-Type', 'application/json; charset=utf-8;');
	request.setRequestHeader('Authorization', 'Basic '+btoa(':'+pat));
	request.onload = function() {
	if(this.status >= 200 && this.status < 400) {
	var commits = JSON.parse(this.response);
	printCommits(name, url, commits);
	}
	};
	request.send();
	}

	function printCommits(name, url, commits) {
	let container = document.createElement("div");
	let heading = document.createElement("h2");
	let link = document.createElement("a");
	link.setAttribute("href", url);
	link.innerText = name;
	heading.appendChild(link);
	container.appendChild(heading);

	if(commits.count > 0) {
	for (var i = 0; i < commits.value.length; i++) {
	container.appendChild(printCommitInfo(commits.value[i]));
	}
	} else {
	let noCommits = document.createElement("div");
	noCommits.innerText = "no commits in the specified time period";
	container.appendChild(noCommits);
	}
	target.appendChild(container);
	}

	function printCommitInfo(commit) {
	let commitInfo = document.createElement("div");
	let heading = document.createElement("h3");
	let link = document.createElement("a");
	link.setAttribute("href", commit.remoteUrl);
	link.innerText = `Commit by ${commit.author.name} on ${commit.author.date}`;
	heading.appendChild(link);
	commitInfo.appendChild(heading);

	let comment = document.createElement("p");
	if (commit.comment) {
	comment.innerText = commit.comment;
	} else {
	comment.innerText = "no comment provided"
	}
	commitInfo.appendChild(comment);

	return commitInfo;
	}
	</script>
	</body>
	</html>