{{/*###
Handler=/changelog
TitleBar=Changelog
KyutGrill=changelog.jpg
*/}}
{{ define "tpl" }}
<div class="ui container">
	<div class="ui segments">
		<div class="ui segment">
			<p>
				{{ .T "This is the changelog. Changes are published here as soon as they hit the production status (as in, live on the website)." }}
			</p>
			<p>
				{{ .T "For various reasons, some software of Ripple does not contribute to the changelog, to which this website is a part of. In case you want to see the changelog of Hanayo, you can do so by <a href=\"https://github.com/osuYozora/hanayo/commits/master\">clicking here</a>." | html }}
			</p>
		</div>
		<div class="ui segment">
			<table class="ui fixed celled table">
				<thead>
					<tr>
						<th>{{ .T "Author" }}</th>
						<th>{{ .T "Subject" }}</th>
						<th>{{ .T "Time" }}</th>
					</tr>
				</thead>
				<tbody>
					{{ $page := or (atoint (.Gin.Query "p")) 1 }}
					{{ $ch := loadChangelog $page }}
					{{ with $ch }}
						{{ range . }}
							<tr>
								<td><b>{{ .Username }}</b></td>
								<td title="Git commit hash: {{ .Hash }}">{{ .Subject }}</td>
								<td>{{ timeFromTime .UnixTimestamp }}</td>
							</tr>
						{{ end }}
					{{ end }}
				</tbody>
				{{ $left := gt $page 1 }}
				{{ $right := eq (len $ch) 50 }}
				<tfoot>
					<tr>
						<th colspan="3">
							<div class="ui right floated pagination menu">
								{{ if $left }}
									<a class="icon item" href="/changelog?p={{ minus (float $page) 1 }}">
										<i class="left chevron icon"></i>
									</a>
								{{ end }}
								{{ if $right }}
									<a class="icon item" href="/changelog?p={{ plus (float $page) 1 }}">
										<i class="right chevron icon"></i>
									</a>
								{{ end }}
							</div>
						</th>
					</tr>
				</tfoot>
			</table>
		</div>
	</div>
</div>
{{ end }}