{% extends 'base.html' %}

{% block title %}404 Page Not Found - Sven Köppel am Institut für theoretische Physik ITP/FIAS, Uni Frankfurt{% endblock %}

{% block additional_header %}
<script type="text/javascript" src="{{ asset_path }}/js/jquery.js"></script>
<script type="text/javascript">
	function checkUrl(url, rowElement) {
		$.ajax({
			// type: 'HEAD', // this requires adaption of the callback function
			url: url,
			context: rowElement,
			complete: function(xhr, status) {
				var texts = { success: "exists", notmodified: "exists",
					error: "nonexisting!", timeout: "Timeout", parsererror: "Parsing error!"};
				var classes = { success: 'success', notmodified: 'success',
					error: 'danger', timeout: 'warning', parsererror: 'warning' };
				//var td = $(this).find("td.active").addClass(classes[status]).removeClass("active")
				//	.text(texts[status] || "Unknown state!");
				var td = $(this).removeClass('active').addClass(classes[status]).find('td.status').text(texts[status] || "Unknown state!");
				if(last=xhr.getResponseHeader("Last-Modified"))
					td.attr("title", "Letzte Änderung: "+last);
			}
		});
	}



	/* AJAX-based path testing, from svenk/uniordner */
	$(function(){
		// do the directory traversing check
		$(".js-only").show();
		var path = location.pathname;
		var partial_path = "";
		$.each(path.split(/\//), function(x) {
			if(/^\s*$/.test(this)) return;
			partial_path += "/" + this;
			var tr = $("<tr>").addClass('active').html("<td class='path'><a href='"+partial_path+"'>"+partial_path+"</a><td class='status'>Checking...").appendTo("#upwards");
			checkUrl(partial_path, tr);
		});

		// then check for any urls which want to be checked, in analogy
		$(".check-url").each(function() {
			var tr = $(this);
			var url = tr.find('a').get(0).href;
			tr.find(".status").text("Checking...");
			checkUrl(url, tr);
		});
	});
</script>
<style type="text/css">
	table td.path { font-family: monospace; }
	div.panel > table { background-color: white; }
</style>
{% endblock %}

{% block main_column %}
	<div class="panel panel-teaser">
		<div class="panel-header">
			<h1>Dead link!</h1>
		</div>
		<div class="panel-body">
			<p>Sorry, currently there is nothing to find at
			<pre><span style="background-color: #eee">{{ uri }}</span></pre>
			<p>This is probably not by instance but because I renewed my website.
			Maybe you find the content you are looking for when starting from
			<a href="/~koeppel">my homepage</a>.

			{% if reason %}
			<p>{{ reason|raw }}</p>
			{% endif %}

			<p>Chances are also high that this is a domain problem. Make sure you try
			both the domains listed below:

		</div>
		<table class="table table-hover">
			<tr><th>Via Domain</th><th class="js-only">Exists?</th></tr>
			<tr class="check-url"><td><a href="//itp.uni-frankfurt.de{{ uri }}">itp.uni-frankfurt.de</a><td class="status">
			<tr class="check-url"><td><a href="//fias.uni-frankfurt.de{{ uri }}">fias.uni-frankfurt.de</a><td class="status">
			<tr class="check-url"><td><a href="//th.physik.uni-frankfurt.de{{ uri }}">th.physik.uni-frankfurt.de</a><td class="status">
		</table>
	</div>

	<div class="panel panel-teaser" class="js-only">
		<div class="panel-body">
			<strong>Get to the bottom of things:</strong> The following table allows you to quickly find the deepest
			available folder which is probably closely related to the file you are looking for.
			If you still do not find the file you are looking for, why not drop me a mail? You find
			the contact details <a href="/~koeppel">on my homepage</a>.
		</div>
		<table id="upwards" class="table table-hover">
			<tr><th>Directory</th><th>Exists?</th></tr>
		</table>
	</div>
{% endblock main_column %}

{% block sidebar %}
	<div class="panel panel-sidebar">
		<h2>Under construction</h2>
		<div class="panel-body">
			<span class="caret"></span>
			<p>I rebuilt my website at April 2015. This process is likely to be still not completed yet. Take a look
			at these websites at Uni Frankfurt to get a start:
			<ul class="icons">
				<li><a href="https://itp.uni-frankfurt.de/~koeppel/"><i></i> new homepage</a>
				<li><a href="https://fias.uni-frankfurt.de/~koeppel/"><i></i> mid old homepage (2013-14)</a>
				<li><a href="https://itp.uni-frankfurt.de/~koeppel/old"><i></i> Really old homepage (2011-12)</a>
			</ul>
		</div>
	</div>

	{% if handler %}
	<div class="panel panel-sidebar">
		<h2>Tracing the error</h2>
		<div class="panel-body">
			<span class="caret"></span>
			<p>This error page was generated by <tt>~koeppel/src/404.php</tt>, but invoked by
			<b>{{ handler }}</b>.
		</div>
	</div>
	{% endif %}
{% endblock sidebar %}