Hilfe bei UCP von hlucas

<?php
new Module;
if(!User::isLoggedIn()):
?>


<div id="login" class="ui-widget-content ui-corner-all" style="width:500px; height:400px; box-shadow:0px 0px 20px 5px #111;">
	<h3>&nbsp;Autorisierung</h3>
	<div style="margin: 20px; padding: 0.5em;" align="center">
		<p>
			<span id="waiting" class="alert alert-info">
				<img src="img/loading.gif" alt="Warte ..." title="Warte ..." /> Anmeldevorgang wird gesucht ...
			</span>
			<span id="status" class="alert alert-error">
				&nbsp;
			</span>
			<span id="message" class="alert alert-info">
				Bitte melden Sie sich mit Ihren Zugangsdaten an.
			</span>
		</p>
	</div>

	<form action="" method="post">
		<table class="ui-widget" align="center">
			<tr>
				<td><input type="text" id="username" name="username" placeholder="Nutzername" style="width:300px; height:40px; font-size:1.5em; font-family:'DejaVu Sans Light';" /></td>
			</tr>
			<tr>
				<td><input type="password" id="password" name="password" placeholder="Kennwort" style="width:300px; height:40px; font-size:1.5em; font-family:'DejaVu Sans Light';" /></td>
			</tr>
			<tr>
				<td><input type="submit" id="logon" name="logon" value="Anmelden" class="btn btn-large" style="float:right;" /></td>
			</tr>
		</table>
	</form>
</div>


<?php else: ?>


<div class="alert alert-error">Sie sind bereits angemeldet.</div>


<?php endif; ?>

/*
 * auth.js
 * (c) 2012-2013 by hlucas
 * 
 * http://hlucas.de
 *
**/


$(function() {
	var timeout;

	$('#login').center();
	$('#login').hide();
	$('#status').hide();
	$('#waiting').hide();

	$("#logon").removeAttr('disabled');

	$('#logon').click(function() {
		clearTimeout(timeout);
		$("#logon").attr('disabled', 'true');
		$('#message').hide();
		$('#status').hide();
		$('#waiting').show(500);

		$.ajax({
			type : 'POST',
			url : 'lib/ajax/AuthRequest.ajax.php',
			dataType : 'json',
			data: {
				user		: $('#username').val(),
				password	: $('#password').val()
			},
			success : function(data){
				$('#waiting').hide();

				if(data.error == 0) {
					location.reload();
				}
				else {
					$('#login').effect('highlight',{color:'#9E4A48'},500).effect('highlight',{color:'#9E4A48'},500);
					$('#status').text(data.code).show(500);
				}

				timeout = setTimeout(resetMessage,10000);
			},
			error : function(XMLHttpRequest, textStatus, errorThrown) {
				$('#login').effect('highlight',{color:'#9E4A48'},500).effect('highlight',{color:'#9E4A48'},500);
				//$('#login').effect('shake',500);
				$('#waiting').hide();

				$('#status').removeClass().text('Serverfehler: '+textStatus+', '+errorThrown).show(500);

				timeout = setTimeout(resetMessage,10000);
			}
		});

		return false;
	});

	function resetMessage() {
		$("#logon").removeAttr('disabled');
		$('#status').hide();
		$('#message').show(500);
	}
});