Template for REST demo

index.scala.html

@(message: String)

@main("Welcome to Play") {

    <ul id="students"></ul>
    
    <hr>
    
    <button id="create-new-student">Create new</button>
    
    <script>
    	function loadListOfStudents(){
			$('#students').empty();
        	
			$.get('/students', function(students){
				$.each(students, function(arrayIndex, student){
					$('<li>')
					.append(student.surname)
					.append(', ')
					.append(student.name)
					.append(' (')
					.append(student.id)
					.append(')')
					.append(' ')
					.append(
						$('<button>')
						.text('GET')
						.click(function(){
							location.href = "/students/" + student.id;
						})
					)
					.append(' ')
					.append(
						$('<button>')
						.text('Delete')
						.click(function(){
							$.ajax({
								url: '/students/' + student.id,
								type: 'DELETE'
							})
							.always(function(){
								loadListOfStudents();
							});
						})
					)
					.append(' ')
					.append(
						$('<button>')
						.text('Update')
						.click(function(){
							$.ajax({
								url: '/students/' + student.id,
								type: 'PUT',
								data: {
									name: prompt("Student name please?", student.name),
									surname: prompt("Student surname please?", student.surname)
								}
							})
							.always(loadListOfStudents);
						})
					)
					.appendTo('#students');
				});
			});
    	}

    	$(loadListOfStudents);
    	
		$('#create-new-student').click(function(){
			$.ajax({
				url: '/students',
				type: 'PUT',
				data: {
					name: prompt("Student name please?"),
					surname: prompt("Student surname please?")
				}
			})
			.always(loadListOfStudents);
		});
    </script>

}