Merge branch 'filters'

go/blog/blog.go

@@ -54,7 +54,7 @@ article h1 {
}
article header .permalink {
	margin-left: 0.1em;
	margin-left: 0.5em;
	text-decoration: none;
	color: #555;
@@ -66,7 +66,7 @@ article header:hover .permalink {
}
article time {
	margin-left: 1em;
	margin-left: 0.5em;
	color: #666;
}
@@ -249,52 +249,66 @@ func main() {
	fmt.Fprintf(out, `
	<script>
	var baseTitle = document.title;
	var currentFilter = null;
	window.addEventListener("DOMContentLoaded", function(ev) {
		filterFromURL(document.location);
		runFilterFromURL(document.location);
	});
	window.addEventListener("hashchange", function(ev) {
		filterFromURL(new URL(ev.newURL));
		runFilterFromURL(new URL(ev.newURL));
	});
	window.addEventListener("click", function(ev) {
		if (ev.target.classList.contains("tag-link")) {
			if (ev.target.href == "") {
				return;
			}
		if (!ev.target.classList.contains("tag-link")) {
			return;
		}
			var tag = tagFromURL(new URL(ev.target.href));
			if (currentFilter == tag) {
				clearFilter();
				location.hash = "";
				ev.preventDefault();
			} else {
				filterTag(tag);
			}
		if (ev.target.href == "") {
			return;
		}
	});
	function filterFromURL(u) {
		var tag = tagFromURL(u);
		if (tag == null) {
		var filter = filterFromURL(new URL(ev.target.href));
		if (isSameFilter(currentFilter, filter)) {
			clearFilter();
			location.hash = "";
			ev.preventDefault();
		} else {
			filterTag(tag);
		}
	});
	function isSameFilter(f1, f2) {
		return f1 && f2 && f1.type == f2.type && f1.argument == f2.argument;
	}
	function tagFromURL(u) {
		if (!u.hash.startsWith("#tag:")) {
	function runFilterFromURL(u) {
		var filter = filterFromURL(u);
		if (filter == null) {
			clearFilter();
		} else {
			filter.run(filter.argument);
			currentFilter = filter;
		}
	}
	function filterFromURL(u) {
		if (u.hash.startsWith("#tag:")) {
			return { type: "tag", run: filterTag, argument: u.hash.substr(5) };
		} else if (u.hash.startsWith("#title:")) {
			return { type: "title", run: filterTitle, argument: u.hash.substr(7) };
		} else if (u.hash.startsWith("#id:")) {
			return { type: "id", run: filterId, argument: u.hash.substr(4) };
		} else if (u.hash.startsWith("#type:")) {
			return { type: "type", run: filterType, argument: u.hash.substr(6) };
		} else {
			return null;
		}
		return u.hash.substr(5);
	}
	function filterTag(tag) {
		currentFilter = tag;
		var articles = document.querySelectorAll("article");
		for (var i = 0; i < articles.length; i++) {
			var article = articles[i];
@@ -308,10 +322,58 @@ func main() {
					}
				}
			}
			if (!matches) {
			if (matches) {
				article.classList.remove("does-not-match");
			} else {
				article.classList.add("does-not-match");
			}
		}
		document.title = baseTitle + " (Posts tagged '" + tag + "')";
	}
	function filterTitle(match) {
		var match = match.toLowerCase();
		var articles = document.querySelectorAll("article");
		for (var i = 0; i < articles.length; i++) {
			var article = articles[i];
			var title = article.querySelector("header h1");
			if (title && title.textContent.toLowerCase().match(match)) {
				article.classList.remove("does-not-match");
			} else {
				article.classList.add("does-not-match");
			}
		}
		document.title = baseTitle + " (Posts matching '" + match + "')";
	}
	function filterId(id) {
		var articles = document.querySelectorAll("article");
		for (var i = 0; i < articles.length; i++) {
			var article = articles[i];
			if (article.id == id) {
				article.classList.remove("does-not-match");
			} else {
				article.classList.add("does-not-match");
			}
		}
		document.title = baseTitle + " (Only post id '" + id + "')";
	}
	function filterType(type) {
		var articles = document.querySelectorAll("article");
		for (var i = 0; i < articles.length; i++) {
			var article = articles[i];
			if (article.classList.contains(type)) {
				article.classList.remove("does-not-match");
			} else {
				article.classList.add("does-not-match");
			}
		}
		document.title = baseTitle + " (Only " + type + " posts)";
	}
	function clearFilter() {
@@ -321,6 +383,7 @@ func main() {
		}
		currentFilter = null;
		document.title = baseTitle;
	}
	</script>`)
	fmt.Fprintf(out, "\n</body>\n</html>\n")