function showUserList() {
	$("#cp_workarea").empty();

	$.ajax({
		url: "./skeletons/userlist.html",
		success: function(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 ] );
		    } );
		}
	});

}