Use a table to present results
This commit is contained in:
@@ -1,6 +1,19 @@
|
|||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Radio Balises</title>
|
<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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<form action="/" method="post" id="datetime_form">
|
<form action="/" method="post" id="datetime_form">
|
||||||
@@ -14,11 +27,15 @@
|
|||||||
<h1>Chansons du {{date.strftime('%A %d %B %Y')}} entre {{start_time}} et {{end_time}}</h1>
|
<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_sooner">[Plus tôt]</a>
|
||||||
<a href="#" id="go_later">[Plus tard]</a>
|
<a href="#" id="go_later">[Plus tard]</a>
|
||||||
<ul>
|
<table id="results">
|
||||||
% for x in results:
|
% for x in results:
|
||||||
<li>[{{str(x.date)}}] {{x.song.artist}} - {{x.song.title}}
|
<tr>
|
||||||
|
<th>{{str(x.date.time())}}</th>
|
||||||
|
<td>{{x.song.artist}}</td>
|
||||||
|
<td>{{x.song.title}}</td>
|
||||||
|
</tr>
|
||||||
% end
|
% end
|
||||||
</ul>
|
</table>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
move_in_time = (delta) => () => {
|
move_in_time = (delta) => () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user