Ad profile table (#110)
This commit is contained in:
parent
ee17bc0778
commit
5335bc248f
12 changed files with 474 additions and 274 deletions
|
@ -2,16 +2,16 @@
|
|||
{% block three_col_media %}
|
||||
{% include "blog/media-css.html" %}
|
||||
<style>
|
||||
@media (max-width: 799px) {
|
||||
.title {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.no-clarifications-message {
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.org-logo {
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
|
@ -98,7 +98,8 @@
|
|||
</div>
|
||||
{% endif %}
|
||||
{% include 'contests-countdown.html' %}
|
||||
{% include 'recent-organization.html' %}
|
||||
{% include 'profile-table.html' %}
|
||||
{% include 'top-users.html' %}
|
||||
{% include 'recent-organization.html' %}
|
||||
</div>
|
||||
{% endblock %}
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
{% block two_col_media %}
|
||||
<style>
|
||||
.organization-container .organization-row:last-child {
|
||||
.organization-container {
|
||||
border-bottom: none;
|
||||
}
|
||||
.org-logo {
|
||||
|
|
79
templates/profile-table.html
Normal file
79
templates/profile-table.html
Normal file
|
@ -0,0 +1,79 @@
|
|||
{% if request.profile %}
|
||||
<div class="blog-sidebox sidebox">
|
||||
<h3 class="bold-text colored-text"><i class="fa fa-user"></i>{{ _('Profile') }}</h3>
|
||||
<div class="toggled sidebox-content">
|
||||
<div class="profile-card">
|
||||
<div class="card-header">
|
||||
<a href="{{url('user_page')}}">
|
||||
<img class="avatar" src="{{ gravatar(request.profile) }}" alt="User Avatar">
|
||||
</a>
|
||||
<h4>{{ link_user(request.profile) }}</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="user-info">
|
||||
<div><i class="fa fa-star {{request.profile.css_class}}"></i> {{_('Rating')}}</div>
|
||||
<div class="{{ request.profile.css_class }}">{{ request.profile.rating if request.profile.rating else '-' }}</div>
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<div
|
||||
title="
|
||||
{%- trans trimmed counter=request.profile.problem_count %}
|
||||
{{ counter }} problem solved
|
||||
{% pluralize %}
|
||||
{{ counter }} problems solved
|
||||
{% endtrans -%}"
|
||||
><i class="fa fa-slack darkcyan"></i> {{_('Problems')}}</div>
|
||||
<span class="user-info-body">{{ request.profile.problem_count }}</span>
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<div
|
||||
title="{{_('Total points')}}"
|
||||
><i class="green icofont-tick-mark"></i> {{_('Points')}}</div>
|
||||
<div class="user-info-body"><span title="{{ request.profile.performance_points|floatformat(2) }}">
|
||||
{{ request.profile.performance_points|floatformat(0) }}
|
||||
</span></div>
|
||||
</div>
|
||||
{% if not request.profile.is_unlisted %}
|
||||
<div class="user-info">
|
||||
<div title="{{_('Rank by rating')}}"><i class="fa fa-globe peru" ></i> {{_('Rating')}} #</div>
|
||||
<div class="user-info-body">{{rating_rank if rating_rank else '-'}}</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="user-info">
|
||||
<div title="{{_('Rank by points')}}"><i class="fa fa-globe blue" ></i> {{_('Points')}} #</div>
|
||||
<div class="user-info-body">{{points_rank}}</div>
|
||||
</div>
|
||||
|
||||
{% if awards.medals %}
|
||||
<div class="user-info">
|
||||
<div title="{{ _('Awards') }}"><i class="fa fa-trophy"></i> {{ _('Awards') }}</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if awards %}
|
||||
<div class="medals-container">
|
||||
{% if awards.gold_count > 0 %}
|
||||
<div class="medal-item">
|
||||
<img src="{{ static('awards/gold-medal.png') }}" alt="Gold Medal">
|
||||
<span class="medal-count">{{ awards.gold_count }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if awards.silver_count > 0 %}
|
||||
<div class="medal-item">
|
||||
<img src="{{ static('awards/silver-medal.png') }}" alt="Silver Medal">
|
||||
<span class="medal-count">{{ awards.silver_count }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if awards.bronze_count > 0 %}
|
||||
<div class="medal-item">
|
||||
<img src="{{ static('awards/bronze-medal.png') }}" alt="Bronze Medal">
|
||||
<span class="medal-count">{{ awards.bronze_count }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
|
@ -1,19 +1,3 @@
|
|||
{% block two_col_media %}
|
||||
<style>
|
||||
.org-logo {
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.toggle {
|
||||
cursor: pointer;
|
||||
}
|
||||
.organization-row:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% if recent_organizations %}
|
||||
<div class="blog-sidebox sidebox">
|
||||
<h3 class="bold-text colored-text"><i class="fa fa-users"></i>{{ _('Recent groups') }}</h3>
|
||||
|
|
|
@ -42,15 +42,15 @@
|
|||
{% if not user.is_unlisted %}
|
||||
<div class="user-info-card">
|
||||
<div class="user-info">
|
||||
<div class="user-info-header" title="{{_('Rank by rating')}}"><i class="fa fa-globe peru" ></i> {{_('Rating')}}</div>
|
||||
<div class="user-info-header" title="{{_('Rank by rating')}}"><i class="fa fa-globe peru" ></i> {{_('Rating')}} #</div>
|
||||
<div class="user-info-body">{{rating_rank if rating_rank else '-'}}</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="user-info-card">
|
||||
<div class="user-info">
|
||||
<div class="user-info-header" title="{{_('Rank by points')}}"><i class="fa fa-globe blue" ></i> {{_('Points')}}</div>
|
||||
<div class="user-info-body">{{rank}}</div>
|
||||
<div class="user-info-header" title="{{_('Rank by points')}}"><i class="fa fa-globe blue" ></i> {{_('Points')}} #</div>
|
||||
<div class="user-info-body">{{points_rank}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -86,7 +86,7 @@
|
|||
<br>
|
||||
<div id="awards">
|
||||
<h4>{{_('Awards')}}</h4>
|
||||
{% for medal in awards.medals %}
|
||||
{% for medal in awards %}
|
||||
{% if medal.ranking == 1 %}
|
||||
{% set medal_url = static('awards/gold-medal.png') %}
|
||||
{% elif medal.ranking == 2%}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue