LILiK
/
lilik-users

<?php $basedir="/~kaos/lilik-users/";?>
<!DOCTYPE html><html> <head> <script type="text/javascript" src="<?php $basedit?>/jquery-1.9.1.js"></script> <script type="text/javascript" src="<?php $basedit?>/js/bootstrap.js"></script><script type="text/javascript">	var service_hash={'admin':{'text':'Gestisci gli utenti del LILiK', 'href': 'http://login.lilik.it'},								'mail':{'text':'Controlla la tua casella @lilik.it', 'href': 'http://webmail.lilik.it'},								'ltsp':{'text':'Accedi ai client del LILiK'},								'users':{'text':'Hai un utente sulla macchina users', 'href': 'http://users.lilik.it'},								'wiki':{'text':'Modifica la wiki', 'href': 'http://wiki.lilik.it'},								'users_sites':{'text':'Hai un sito web sulla macchina users', 'href': 'http://users.lilik.it'},								'lilik.it':{'text':'Accedi con il tuo utente a lilik.it', 'href': 'http://www.lilik.it'},								'cloud':{'text':'Accedi alla piattaforma cloud', 'href': 'http://cloud.lilik.it'},								'projects':{'text':'Accedi al portale progetti', 'href': 'http://projects.lilik.it'},								'teambox':{'text':'Accedi a teambox', 'href': 'http://teambox.lilik.it'},								'im':{'text':'Usa la messaggistica istantanea', 'href': 'http://im.lilik.it'}								};
function parsedata(data){			$('#content').text('');			$('#alerts').text('');			$('#services').text('');
			if (!data['loggedin']){				$('#loginModal').modal('show');			}
			if (data['admin']==true){				$('#search-form').show();				$('#old_password').hide()			}else{				$('#search-form').hide();				$('#old_password').show()			}
			if ('username' in data){				$('#content').append($('<h2 class="">').text(data['username']));				var cn=$('<h5>').text(data['cn']);				if (data['admin']==true){					cn=$('<input type="text" name="cn" placeholder="Nome completo" >').val(data['cn']);				} 				$('#content').append($('<div class="row-fluid">').append($('<div class="span4">').append(cn)).append($('<div class="span8">').append($('<a href="#passwordModal" role="button" class="btn inline" data-toggle="modal">').text('Cambia password'))));			}			['error', 'info', 'success'].forEach(function(what){				if (what in data){					$('#alerts').append($('<div class="alert alert-block alert-'+what+'">').text(data[what]).fadeIn(700))				}			});			if ('avaible_services' in data){				services=data['services'];				if (data['admin']==true){					var fieldset=$('<fieldset>');					$('#content').append(fieldset);					data['avaible_services'].forEach(function(service){						tmp=$('<label>');						tmp=tmp.prepend($('<input name="services[]" type="checkbox" value="'+service+'" '+((services.indexOf(service)>=0)?'checked="true"':'')+'>'));						tmp.append((service in service_hash)?service_hash[service]['text']:service);						fieldset.append(tmp);					});				}else{					$('#content').append($('<ul id="services">'));					services.forEach(function(service){						var tmp=$('<li>');						tmp.text((service in service_hash && 'text' in service_hash[service])?service_hash[service]['text']:service);						if (service in service_hash && 'href' in service_hash[service]){								tmp.wrapInner($('<a target="_blank">').attr('href', service_hash[service]['href']));						}					$('#services').append(tmp);					});				}			}			if (data['admin']==true & data['exist']!=false & $('#content').text()!=''){				$('#content').append($('<button type="submit" class="btn btn-primary">Salva</button>'));				$('#content').wrapInner($('<form data-async action="user.php" method="POST">'));			}		}
	function get(url){		$.getJSON(url).done(parsedata);
}
	$(document).ready(function() {		$("#search-user").change(function() {			$("#search-form").attr("action", "<?php $basedit?>/users/" + $(this).val() + "/");		});		$("#inputUsername").change(function() {			$("#newUserForm").attr("action", "<?php $basedit?>/users/" + $(this).val() + "/user.php");		});		jQuery(function($) {					$("body").on('submit', 'form[data-async]', function(event) {							var $form = $(this);							$.ajax({									type: $form.attr('method'),									url: $form.attr('action'),									data: $form.serialize(),			 						dataType: 'json',									success: function(data, status) {										parsedata(data);										$('#loginModal').modal('hide');										$('#passwordModal').modal('hide');										$('#newUserModal').modal('hide');									}							});							$form.find('input:password').val('');							event.preventDefault();					});			});		get('user.php');	});
</script><link href="/css/bootstrap.css" rel="stylesheet" media="screen"><style type="text/css">	form.form-modal{		margin-bottom: 0px;	}</style> </head> <body><div id="container" class="container">	<div class="navbar">		<div class="navbar-inner">		  <a class="brand" href="/">Lilik User</a>		  <ul class="nav">		    <li class="active"><a href="#">Home</a></li>		    <li><a href="#newUserModal" data-toggle="modal">Crea utente</a></li>		    <li><a href="javascript:get('/user.php?logout')">Logout</a></li>		  </ul>		  <form id="search-form" class="navbar-search pull-right">		    <input id="search-user" type="text" class="search-query" placeholder="Cerca">		  </form>		</div>	</div>
	<div id="alerts"></div>	<div id="content"></div>

	<div id="newUserModal" class="modal hide fade">		<div class="modal-header">		  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>		  <h3>Crea utente</h3>		</div>		<form data-async action="user.php" method="POST" id="newUserForm" class="form-horizontal form-modal">			<div class="modal-body">				<div class="control-group">					<label class="control-label" for="inputUsername">Username</label>					<div class="controls">						<input type="text" id="inputUsername" placeholder="username" name="new_username">					</div>				</div>
				<div class="control-group">					<label class="control-label" for="inputName">Nome</label>					<div class="controls">						<input type="text" id="inputName" placeholder="name" name="new_name">					</div>				</div>
				<div class="control-group">					<label class="control-label" for="inputSurname">Cognome</label>					<div class="controls">						<input type="text" id="inputSurname" placeholder="surname" name="new_surname">					</div>				</div>
				<div class="control-group">					<label class="control-label" for="inputPassword">Password</label>					<div class="controls">						<input type="password" id="inputPassword" placeholder="password" name="new_passwd">					</div>				</div>
				<input type="hidden" name="new_user" value="true">			</div>			<div class="modal-footer">				<a href="#" class="btn" data-toggle="modal" data-target="#newUserModal">Chiudi</a>				<button type="submit" class="btn btn-primary">Salva</button>			</div>		</form>	</div>
	<div id="passwordModal" class="modal hide fade">		<div class="modal-header">		  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>		  <h3>Cambia password</h3>		</div>		<form data-async action="user.php" method="POST" class="form-horizontal form-modal">			<div class="modal-body">					<div class="control-group" id="old_password" >						<label class="control-label" for="inputOldPassword">Password attuale</label>						<div class="controls">							<input type="text" id="inputOldPassword" placeholder="old password" name="old_password">						</div>					</div>
					<div class="control-group">						<label class="control-label" for="inputPassword">Password</label>						<div class="controls">							<input type="password" id="inputPassword" placeholder="new password" name="new_password">						</div>					</div>
					<div class="control-group">						<label class="control-label" for="inputPassword2">Reimmetti password</label>						<div class="controls">							<input type="password" id="inputPassword2" placeholder="new password" name="new_password2">						</div>					</div>			</div>			<div class="modal-footer">				<a href="#" class="btn" data-toggle="modal" data-target="#passwordModal">Chiudi</a>				<button type="submit" class="btn btn-primary">Salva</button>			</div>		</form>	</div>
	<div id="loginModal" class="modal hide fade">		<div class="modal-header">		  <h3>Login</h3>		</div>		<form data-async action="user.php" method="POST" class="form-horizontal form-modal">			<div class="modal-body">				<div class="control-group">					<label class="control-label" for="inputUsername">Username</label>					<div class="controls">						<input type="text" id="inputUsername" placeholder="username" name="username">					</div>				</div>
				<div class="control-group">					<label class="control-label" for="inputPassword">Password</label>					<div class="controls">						<input type="password" id="inputPassword" placeholder="password" name="password">					</div>				</div>			</div>			<div class="modal-footer">				<button type="submit" class="btn btn-primary">Login</button>			</div>		</form>	</div>
</div> </body></html>