216 lines
8.1 KiB
HTML
216 lines
8.1 KiB
HTML
{{ define "tpl" }}
|
|
<div class="ui container">
|
|
{{ if .UserID }}
|
|
{{ $gqm := atoi (.Gin.Query "mode") }}
|
|
{{ $global := . }}
|
|
{{ with (.Get "users/full?id=%d" .UserID) }}
|
|
{{ $favouritemode := _or $gqm .favourite_mode }}
|
|
<script>
|
|
window.favouriteMode = {{ $favouritemode }};
|
|
window.userID = {{ .id }};
|
|
</script>
|
|
{{ if after .silence_info.end }}
|
|
<div class="ui error centered message">{{ $global.T "User is <b>silenced</b> for %s, expires %s." (.silence_info.reason | htmlescaper) (time .silence_info.end) | html }}</div>
|
|
{{ end }}
|
|
{{ if hasAdmin $global.Context.User.Privileges }}
|
|
{{ $restr := not (has .privileges 1) }}
|
|
{{ $disab := not (has .privileges 2) }}
|
|
{{ $pend := has .privileges 1048576 }}
|
|
{{ if and $disab $restr }}
|
|
{{ if $pend }}
|
|
<div class="ui warning centered message">{{ $global.T "User is <b>%s</b>" "pending verification" | html }}.</div>
|
|
{{ else }}
|
|
<div class="ui error centered message">{{ $global.T "User is <b>%s</b>" "banned" | html }}.</div>
|
|
{{ end }}
|
|
{{ else if $restr }}
|
|
<div class="ui error centered message">{{ $global.T "User is <b>%s</b>" "restricted" | html }}.</div>
|
|
{{ else if $disab }}
|
|
<div class="ui error centered message">{{ $global.T "User is <b>%s</b>" "locked" | html }}.</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ with $global.Get "users/userpage?id=%.0f" .id }}
|
|
{{ if .userpage }}
|
|
{{ with parseUserpage .userpage }}
|
|
<div class="ui raised segment twemoji" id="userpage-content">
|
|
{{ html . }}
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ end }}
|
|
<div class="ui top attached segment overflow auto">
|
|
<div class="magic table">
|
|
<div class="table element">
|
|
{{ if eq $global.UserID $global.Context.User.ID }}
|
|
<a href="/settings/avatar">
|
|
{{ end }}
|
|
<img src="{{ config "AvatarURL" }}/{{ .id }}" alt="avatar" class="user avatar">
|
|
{{ if eq $global.UserID $global.Context.User.ID }}
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
<div class="table element">
|
|
<h1 class="ui header">
|
|
{{ .username }}
|
|
</h1>
|
|
{{ if .username_aka }}
|
|
<div class="subtitle">
|
|
{{ $global.T "(aka <b>%s</b>)" (.username_aka | htmlescaper) | html }}
|
|
</div>
|
|
{{ end }}
|
|
{{ with bget "isOnline?id=%.0f" .id }}
|
|
<div class="subtitle">
|
|
<i class="{{ if .result }}green{{ else }}grey{{ end }} circle icon"></i>
|
|
{{ if .result }}{{ $global.T "Online" }}{{ else }}{{ $global.T "Offline" }}{{ end }}
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
<div class="magic table floating right">
|
|
<div class="table element">
|
|
{{ range $k, $v := (slice .std .taiko .ctb .mania) }}
|
|
<h1 data-mode="{{ $k }}"{{ if ne $k (int $favouritemode) }} hidden{{ end }}>{{ with and $v $v.global_leaderboard_rank }}#{{ . }}{{ else }}{{ $global.T "Unknown" }}{{ end }}</h1>
|
|
{{ end }}
|
|
<div id="profile-actions">
|
|
{{ if and (ne $global.Context.User.ID $global.UserID) (ne $global.Context.User.ID 0) }}
|
|
<button class="ui circular mini icon loading button" id="add-friend-button">
|
|
<i class="horizontal ellipsis icon"></i>
|
|
</button>
|
|
{{ end }}
|
|
{{ if eq $global.Context.User.ID $global.UserID }}
|
|
<a href="/settings" class="ui circular mini teal icon button"
|
|
title="{{ $global.T "Settings" }}">
|
|
<i class="edit icon"></i>
|
|
</a>
|
|
{{ end }}
|
|
{{ if hasAdmin $global.Context.User.Privileges }}
|
|
<a href="https://old.ripple.moe/index.php?p=103&id={{ $global.UserID }}"
|
|
target="_blank" title="Quick edit" class="ui circular mini blue icon button">
|
|
<i class="folder open outline icon"></i>
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ $user := . }}
|
|
<div class="ui four item bottom attached menu" id="mode-menu">
|
|
{{ range $k, $v := modes }}
|
|
<a class="{{ favMode $favouritemode $k }}item" data-mode="{{ $k }}" href="/u/{{ $user.id }}?mode={{ $k }}">{{ $v }}</a>
|
|
{{ end }}
|
|
</div>
|
|
<div class="ui segment">
|
|
<div class="ui three column divided stackable grid">
|
|
<div class="row">
|
|
<div class="column">
|
|
{{ $global.T "<b>%s</b> is a Ripple player from <b>%s</b>." .username (country .country true) | html }}
|
|
<br>{{ $global.T "They signed up on Ripple %s." (time $user.registered_on) | html }}
|
|
<br>{{ $global.T "Last seen: %s." (time $user.latest_activity) | html }}
|
|
<br>{{ with playstyle .play_style $global }}{{ $global.T "They play with %s." . }}{{ end }}
|
|
</div>
|
|
<div class="column">
|
|
{{ if and (not .badges) (not .custom_badge) }}
|
|
{{ $global.T "This user hasn't got any badges!" }}
|
|
{{ else }}
|
|
<div class="ui grid">
|
|
{{ range .badges }}
|
|
<div class="eight wide centered column">
|
|
<i class="circular {{ faIcon .icon }} big icon"></i><br>
|
|
<b>{{ .name }}</b>
|
|
</div>
|
|
{{ end }}
|
|
{{ with .custom_badge }}
|
|
<div class="eight wide centered column">
|
|
<i class="circular {{ faIcon .icon }} big icon"></i><br>
|
|
<b><i>{{ .name }}</i></b>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
<div class="column">
|
|
{{ range $k, $v := (slice .std .taiko .ctb .mania) }}
|
|
<div data-mode="{{ $k }}" {{ if ne $k (int $favouritemode) }} hidden{{ end }}>
|
|
<table class="ui very basic two column compact table nopad">
|
|
<tbody>
|
|
{{ with .global_leaderboard_rank }}
|
|
<tr>
|
|
<td><b>{{ $global.T "Global rank" }}</b></td>
|
|
<td class="right aligned">#{{ . }}</td>
|
|
</tr>
|
|
{{ end }}
|
|
{{ with .country_leaderboard_rank }}
|
|
<tr>
|
|
<td><b>{{ $global.T "Country rank" }} {{ country $user.country false }}</b></td>
|
|
<td class="right aligned">#{{ . }}</td>
|
|
</tr>
|
|
{{ end }}
|
|
<tr>
|
|
<td><b>{{ $global.T "PP" }}</b></td>
|
|
<td class="right aligned">{{ humanize .pp }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td><b>{{ $global.T "Ranked score" }}</b></td>
|
|
<td class="right aligned">{{ humanize .ranked_score }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td><b>{{ $global.T "Total score" }}</b></td>
|
|
<td class="right aligned">{{ humanize .total_score }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td><b>{{ $global.T "Playcount" }}</b></td>
|
|
<td class="right aligned">{{ humanize .playcount }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td><b>{{ $global.T "Replays watched" }}</b></td>
|
|
<td class="right aligned">{{ humanize .replays_watched }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td><b>{{ $global.T "Total hits" }}</b></td>
|
|
<td class="right aligned">{{ humanize .total_hits }}</td>
|
|
</tr> <tr>
|
|
<td><b>{{ $global.T "Accuracy" }}</b></td>
|
|
<td class="right aligned">{{ printf "%.2f" .accuracy }}%</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="ui blue progress little margin top" data-percent="{{ levelPercent .level }}">
|
|
<div class="bar">
|
|
<div class="progress">{{ levelPercent .level }}%</div>
|
|
</div>
|
|
<div class="label">{{ $global.T "Level %s" (level .level) }}</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- end grid segment -->
|
|
<div id="scores-zone">
|
|
{{ range _range 4 }}
|
|
<div data-mode="{{ . }}" {{ if ne . (int $favouritemode) }} hidden{{ end }} data-loaded="0">
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div class="ui segment">
|
|
<h2 class="ui header">{{ $global.T "Achievements" }}</h2>
|
|
<div id="achievements" class="ui grid">
|
|
</div>
|
|
<div class="right aligned">
|
|
<button class="ui disabled button" id="load-more-achievements">
|
|
{{ $global.T "Load more" }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="ui modal">
|
|
<i class="close icon"></i>
|
|
<div class="content">
|
|
<table class="ui definition table" id="score-data-table">
|
|
</table>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|