<!doctype html>
<meta charset="utf-8">
<title>Admin</title>
<style>
img { border: 2px solid white; }
img.ui-selecting { border: 2px solid #f88; }
img.ui-selected { border: 2px solid #f22; }
</style>
<article>
$CONTENT
</article>
<script src="{{MEDIA_URL}}js/jquery-1.10.2.min.js"></script>
<script src="{{MEDIA_URL}}js/jquery-ui-1.8.16.min.js"></script>
<script>
var $del_button = $('<input type=button value=Delete>');

function delete_selected() {
	// fgsfds
	var threads = [];
	$('img.ui-selected').each(function () {
		threads.push(parseInt($(this).prop('alt')));
	});
	$del_button.val('Deleting ' + threads.length + '...');
	$.ajax({
		type: 'POST',
		url: 'admin',
		data: {threads: threads.join(), csrf: $CSRF},
		success: function (data) {
			$del_button.val('Deleted. Refresh.');
		},
		error: function (xhr, text, err) {
			// TODO
			alert(text);
			$del_button.val('Failed.');
		},
	});
}

$(document).ready(function () {
	$('article').selectable();
	$('body').append($del_button.click(delete_selected));
});
</script>