77 lines
3.4 KiB
HTML
77 lines
3.4 KiB
HTML
<div class="container">
|
|
<h2>{{ Title }}</h2>
|
|
|
|
<div class="switcher">
|
|
{{ url := "/ranking?mode=" + Queries.Mode + "&date=" + Data.CurrentDate + "&page=1&content=" }}
|
|
<span class="switch-title">Content</span>
|
|
<a href="{{ url }}all" class="switch-button">Overall</a>
|
|
<a href="{{ url }}illust" class="switch-button">Illustrations</a>
|
|
<a href="{{ url }}manga" class="switch-button">Mangas</a>
|
|
</div>
|
|
<br />
|
|
|
|
<div class="switcher">
|
|
{{ url := "/ranking?content=" + Queries.Content +"&date=" + Data.CurrentDate + "&page=1&mode=" }}
|
|
<span class="switch-title">Modes</span>
|
|
<a href="{{ url }}daily" class="switch-button">Daily</a>
|
|
<a href="{{ url }}weekly" class="switch-button">Weekly</a>
|
|
<a href="{{ url }}monthly" class="switch-button">Monthly</a>
|
|
<a href="{{ url }}rookie" class="switch-button">Rookie</a>
|
|
<span class="switch-seperator"></span>
|
|
<a href="{{ url }}daily_r18" class="switch-button">Daily (R-18)</a>
|
|
<a href="{{ url }}weekly_r18" class="switch-button">Weekly (R-18)</a>
|
|
</div>
|
|
<br />
|
|
|
|
<div class="switcher">
|
|
{{ url := "/ranking?content=" + Queries.Content + "&mode=" + Queries.Mode + "&page=1" }}
|
|
<span class="switch-title">Date</span>
|
|
{{ if Data.PrevDate != "false" }}
|
|
<a href="{{ url }}&date={{Data.PrevDate}}" class="switch-button">Yesterday</a>
|
|
{{ end }}
|
|
{{ if Data.NextDate != "false" }}
|
|
<a href="{{ url }}&date={{Data.NextDate}}" class="switch-button">Next day</a>
|
|
{{ end }}
|
|
<a href="{{ url }}" class="switch-button">Latest</a>
|
|
</div>
|
|
<br />
|
|
|
|
{{ range Data.Artworks }}
|
|
<div class="artwork-thumbnail-small artwork-thumbnail artwork-mobile">
|
|
<div class="artwork-rank-circle">{{ .Rank }}</div>
|
|
{{ if toInt(.Pages) > 1 }}
|
|
<div class="artwork-page-count"><span>⧉ {{ .Pages }}</span></div>
|
|
{{ end }}
|
|
<a href="/artworks/{{ .ID }}">
|
|
<img src="{{ .Image }}" alt="{{ .Title }}" class="artwork-master-image" />
|
|
</a>
|
|
|
|
<a class="artwork-thumbnail-title" href="/artworks/{{ .ID }}">
|
|
<h3 class="no-margin">{{ .Title }}</h3>
|
|
</a>
|
|
<a href="/users/{{ .ArtistID }}" class="artwork-thumbnail-artist flex"><img src="{{ .ArtistAvatar }}"
|
|
alt="{{ .ArtistName }}" class="artwork-thumbnail-artist-avatar border-rounded" />
|
|
{{ .ArtistName }}</a>
|
|
</div>
|
|
{{ end }}
|
|
|
|
<div class="pagination">
|
|
{{ url := "/ranking?content=" + Queries.Content +"&date=" + Data.CurrentDate + "&mode=" + Queries.Mode +
|
|
"&page=" }} {{ if Page <= 1 }} <a href="#" class="pagination-button disabled">First</a>
|
|
<a href="#" class="pagination-button disabled">Previous</a>
|
|
{{ else }}
|
|
<a href="{{ url }}1" class="pagination-button">First</a>
|
|
<a href="{{ url }}{{ Page - 1 }}" class="pagination-button">Previous</a>
|
|
{{ end }}
|
|
|
|
<a href="#" class="pagination-button disabled">{{ Page }}</a>
|
|
|
|
{{ if Page == 10 }}
|
|
<a href="#" class="pagination-button disabled">Next</a>
|
|
<a href="#" class="pagination-button disabled">Last</a>
|
|
{{ else }}
|
|
<a href="{{ url }}{{ Page + 1 }}" class="pagination-button">Next</a>
|
|
<a href="{{ url }}10" class="pagination-button">Last</a>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|