Files
hnlearn/views/index.tpl
2022-07-31 23:34:22 -04:00

76 lines
2.1 KiB
Smarty

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs-3.3.7/jq-3.2.1/jq-3.2.1/dt-1.10.16/r-2.2.0/datatables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/v/bs-3.3.7/jq-3.2.1/jq-3.2.1/dt-1.10.16/r-2.2.0/datatables.min.js"></script>
<script>
$(document).ready(function()
{
$('#table').DataTable({
order: [[{{sortby}}, 'desc']],
paging: false,
responsive: true,
});
});
</script>
</head>
<body>
<div class="container">
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">HNLearn</a>
</div>
<div class="collapse navbar-collapse" id="collbar">
<ul class="nav navbar-nav">
<li><a href="/">Latest > 0</a></li>
<li><a href="/?all=true">Latest with < 0</a></li>
<li><a href="/?limit=day&all=true">Top for Past Day</a></li>
<li><a href="/?limit=week&all=true">Top for Past Week</a></li>
</ul>
</div>
</div>
</nav>
<table id="table" class="table dt-responsive">
<thead>
<tr>
<th class="all">Title</th>
<th class="desktop">Date</th>
<th class="desktop">Score</th>
<th class="desktop">Up/Down</th>
<th class="desktop">Comments</th>
</tr>
</thead>
<tbody>
%for x in items:
<tr>
<td>
<a href="{{x.url}}">{{x.name}}</a>
</td>
<td>{{x.date.strftime("%Y-%m-%d %H:%M")}}</td>
<td>{{"{0:.4g}".format(x.rating)}}</td>
<td><a href="/rate/{{x.id}}?rating=good">Up</a> / <a href="/rate/{{x.id}}?rating=bad">Down</a></td>
<td>
<a href="https://news.ycombinator.com/item?id={{x.hnid}}">
{{x.comment_count}} comments
</a>
</td>
</tr>
%end
</tbody>
</table>
</div>
</body>
</html>