<html>
	<head>
    	<title>3DPrinterOS Client</title>
		<link rel="stylesheet" type="text/css" href="/static/styles/style.css">
	</head>
	<body bgcolor=#003333>
	<div id='host_version' align='right' style='align: right; color: #006666'>!!!URL!!! !!!VERSION!!!</div>
		<div class="block1" style="width: 60%; margin:-160px 0 0 -30%;">
			<div class="block2">
				3DPrinterOS Client
			</div>

			<div class="messages_space" style="color: grey; text-align: left;" id="messages_space">
                <p id="log_tail"></p>
            </div>
            <script type="text/javascript">
                var block = document.getElementById("messages_space");
                block.scrollTop = block.scrollHeight;
            </script>
            <script src="/static/scripts/jquery.js"></script>
            <script src="/static/scripts/update_element.js"></script>
            <script>
                $(document).ready(function(){
                    $.ajaxSetup({
                        cache: false,
                        timeout: 400,
                    });
                    window.error_count = 0;
                    update_element('/ajax/write_log_tail', 'log_tail', '<font color="black">3DPrinterOS Client logging stopped</font>', 3);
                    setInterval(update_element, 500, '/ajax/write_log_tail', 'log_tail', '<font color="black">3DPrinterOS Client logging stopped</font>', 3);
                });
            </script>
            <form action="/" method="get" style='display: inline'>
				<input type="submit" value="Back" class="big_button">
			</form>
            Pause logs:<input type="checkbox" id="pauseUpdates">
		</div>
	</body>
</html>
