function showUserTable (data) {
	$("#cp_workarea").append(data);

	var userTable = $('#dt_userlist').DataTable( {
		"processing": true,
		"serverSide": true,
		"ajax": "dt_userlist.php",
		"columns": [
		{ "data": "username" },
		{ "data": "nome" },
		{ "data": "cognome" },
		{ "data": "cell" },
		{ "data": "email" },
		{ "data": "is_active" },
		{
			"data": function(row) {
				return (row.is_active=="No") ? "<button value='attiva'>Attiva</button>" : "<button value='disattiva'>Disattiva</button>"
			}
		}
		]
	} );


	$('#dt_userlist').on( 'click', 'button', function () {
		var data = userTable.row( $(this).parents('tr') ).data();
		var value = $(this).attr("value");

		var user_id = $(this).parents('tr').attr("id").replace("row_", "");

		var url = (value == "attiva") ? "../enable_user.php" : "../delete_user.php";

		var params = {
			user_id: user_id,
			token: Cookies.get("token")
		}

		params = JSON.stringify(params);

		$.ajax({
			url: url,
			data: params,
			cache: false,
			contentType: false,
			processData: false,
			type: 'POST',
			success: function(data) {
				if (data.return == "0") {
					userTable.ajax.reload(null,false);
				} else {
					alert("Errore nell'attivare/disattivare l'utenza");
				}	        		
			},
			error: function() {
				alert("Errore nell'attivare/disattivare l'utenza");
			}
		});

		        //alert( data[0] +"'s salary is: "+ data[ 5 ] );
	} );
}

function showUserList() {
	$("#cp_workarea").empty();
	getHtmlPage("./skeletons/userlist.html", showUserTable);
}