50 lines
1.4 KiB
Smarty
50 lines
1.4 KiB
Smarty
<html>
|
|
<head>
|
|
<title>Radio Balises</title>
|
|
<style>
|
|
#results {
|
|
border-colapse: collapse;
|
|
}
|
|
#results td, #results th {
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
padding-right:15px;
|
|
}
|
|
#results tr:hover {
|
|
background-color: #eaeaea;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<form action="/" method="post" id="datetime_form">
|
|
<label for="date">Date:</label>
|
|
<input name="date" type="date" value="{{date}}" />
|
|
<label for="time">Heure:</label>
|
|
<input name="time" type="time" value="{{time}}" />
|
|
<input name="timedelta" id="timedelta" type="hidden" value="0" />
|
|
<input value="Chercher" type="submit" />
|
|
</form>
|
|
<h1>Chansons du {{date.strftime('%A %d %B %Y')}} entre {{start_time}} et {{end_time}}</h1>
|
|
<a href="#" id="go_sooner">[Plus tôt]</a>
|
|
<a href="#" id="go_later">[Plus tard]</a>
|
|
<table id="results">
|
|
% for x in results:
|
|
<tr>
|
|
<th>{{str(x.date.time())}}</th>
|
|
<td>{{x.song.artist}}</td>
|
|
<td>{{x.song.title}}</td>
|
|
</tr>
|
|
% end
|
|
</table>
|
|
|
|
<script>
|
|
move_in_time = (delta) => () => {
|
|
document.getElementById('timedelta').value = delta;
|
|
document.getElementById('datetime_form').submit();
|
|
}
|
|
document.getElementById('go_sooner').onclick = move_in_time(-1);
|
|
document.getElementById('go_later').onclick = move_in_time(1);
|
|
</script>
|
|
</body>
|
|
</html>
|