chg: usr: add extended data to battle reports and sharing image to make viewable bonus points #5
All checks were successful
Deploy to Production / deploy (push) Successful in 12s
All checks were successful
Deploy to Production / deploy (push) Successful in 12s
This commit is contained in:
@@ -31,7 +31,7 @@
|
||||
</div>
|
||||
<div class="bshare-vs">
|
||||
<div class="bshare-player bshare-player--red">
|
||||
<div class="bshare-avatar bshare-avatar--red">
|
||||
<div class="bshare-avatar bshare-avatar--red" style="position: relative;">
|
||||
{% if redAvatar %}
|
||||
<img src="{{ redAvatar|imagine_filter('avatar_thumb') }}"
|
||||
alt="{{ redName }}"
|
||||
@@ -39,6 +39,11 @@
|
||||
{% else %}
|
||||
{{ redName|slice(0,2)|upper }}
|
||||
{% endif %}
|
||||
{% if redBonusPoints > blueBonusPoints %}
|
||||
<div style="position: absolute; bottom: -6px; right: -6px; background: #ffd700; border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 12px rgba(255, 215, 0, 0.6), 0 0 0 2px rgba(7, 9, 13, 1); border: 2px solid rgba(0,0,0,0.5); z-index: 10;">
|
||||
<i class="fas fa-star" style="color: #000; font-size: 14px;"></i>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<span class="bshare-player__name">{{ redName }}</span>
|
||||
<span class="bshare-player__side">Red</span>
|
||||
@@ -53,6 +58,15 @@
|
||||
{% else %}
|
||||
<div class="bshare-score bshare-score--na">— : —</div>
|
||||
{% endif %}
|
||||
<div style="display: flex; justify-content: center; gap: 0; align-items: center; margin-bottom: 8px;">
|
||||
<span style="font: 700 13px 'Rajdhani', sans-serif; color: #f67d52; display: flex; align-items: center; gap: 4px;">
|
||||
<i class="fas fa-star" style="font-size: 11px;"></i> {{ (redBonusPoints ?? 0)|number_format(1, '.', '') }}
|
||||
</span>
|
||||
<span style="font: 700 13px 'Rajdhani', sans-serif; color: rgba(255,255,255,0.3); margin: 0 8px;">:</span>
|
||||
<span style="font: 700 13px 'Rajdhani', sans-serif; color: #95cff5; display: flex; align-items: center; gap: 4px;">
|
||||
{{ (blueBonusPoints ?? 0)|number_format(1, '.', '') }} <i class="fas fa-star" style="font-size: 11px;"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="bshare-vs__label">VS</div>
|
||||
{% if resign == 'red' %}
|
||||
<div class="bshare-badge bshare-badge--blue">
|
||||
@@ -79,7 +93,7 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="bshare-player bshare-player--blue">
|
||||
<div class="bshare-avatar bshare-avatar--blue">
|
||||
<div class="bshare-avatar bshare-avatar--blue" style="position: relative;">
|
||||
{% if blueAvatar %}
|
||||
<img src="{{ blueAvatar|imagine_filter('avatar_thumb') }}"
|
||||
alt="{{ blueName }}"
|
||||
@@ -87,6 +101,11 @@
|
||||
{% else %}
|
||||
{{ blueName|slice(0,2)|upper }}
|
||||
{% endif %}
|
||||
{% if blueBonusPoints > redBonusPoints %}
|
||||
<div style="position: absolute; bottom: -6px; right: -6px; background: #ffd700; border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 12px rgba(255, 215, 0, 0.6), 0 0 0 2px rgba(7, 9, 13, 1); border: 2px solid rgba(0,0,0,0.5); z-index: 10;">
|
||||
<i class="fas fa-star" style="color: #000; font-size: 14px;"></i>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<span class="bshare-player__name">{{ blueName }}</span>
|
||||
<span class="bshare-player__side">Blue</span>
|
||||
@@ -118,6 +137,108 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{# Bonus Stats Section #}
|
||||
{% set hasRedStats = redBonusStats is not empty and (redBonusStats.blindHits or redBonusStats.chainBest or redBonusStats.edgeMines or redBonusStats.lastMineHits or redBonusStats.biggestReveal) %}
|
||||
{% set hasBlueStats = blueBonusStats is not empty and (blueBonusStats.blindHits or blueBonusStats.chainBest or blueBonusStats.edgeMines or blueBonusStats.lastMineHits or blueBonusStats.biggestReveal) %}
|
||||
{% if redBonusPoints > 0 or blueBonusPoints > 0 or hasRedStats or hasBlueStats %}
|
||||
<div class="bshare-bonus">
|
||||
<div class="bshare-bonus__title">
|
||||
<i class="fas fa-star"></i> Bonus Statistics
|
||||
</div>
|
||||
<div class="bshare-bonus__grid">
|
||||
{# Red Bonus #}
|
||||
<div class="bshare-bonus__player bshare-bonus__player--red">
|
||||
<div class="bshare-bonus__header">
|
||||
<span class="bshare-bonus__points">{{ redBonusPoints|number_format(1, '.', '') }}</span>
|
||||
<span class="bshare-bonus__label">pts</span>
|
||||
</div>
|
||||
<div class="bshare-bonus__stats">
|
||||
{% if redBonusStats is not empty and redBonusStats.blindHits %}
|
||||
<div class="bshare-bonus__stat">
|
||||
<span class="bshare-bonus__stat-label">Blind hits</span>
|
||||
<span class="bshare-bonus__stat-value">{{ redBonusStats.blindHits }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if redBonusStats is not empty and redBonusStats.chainBest %}
|
||||
<div class="bshare-bonus__stat">
|
||||
<span class="bshare-bonus__stat-label">Best chain</span>
|
||||
<span class="bshare-bonus__stat-value">{{ redBonusStats.chainBest }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if redBonusStats is not empty and redBonusStats.edgeMines %}
|
||||
<div class="bshare-bonus__stat">
|
||||
<span class="bshare-bonus__stat-label">Edge mines</span>
|
||||
<span class="bshare-bonus__stat-value">{{ redBonusStats.edgeMines }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if redBonusStats is not empty and redBonusStats.lastMineHits %}
|
||||
<div class="bshare-bonus__stat">
|
||||
<span class="bshare-bonus__stat-label">Endgame mines</span>
|
||||
<span class="bshare-bonus__stat-value">{{ redBonusStats.lastMineHits }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if redBonusStats is not empty and redBonusStats.biggestReveal %}
|
||||
<div class="bshare-bonus__stat">
|
||||
<span class="bshare-bonus__stat-label">Biggest reveal</span>
|
||||
<span class="bshare-bonus__stat-value">{{ redBonusStats.biggestReveal }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if not hasRedStats %}
|
||||
<div class="bshare-bonus__stat bshare-bonus__stat--empty">
|
||||
<span class="bshare-bonus__stat-label">No bonuses earned</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{# Blue Bonus #}
|
||||
<div class="bshare-bonus__player bshare-bonus__player--blue">
|
||||
<div class="bshare-bonus__header">
|
||||
<span class="bshare-bonus__points">{{ blueBonusPoints|number_format(1, '.', '') }}</span>
|
||||
<span class="bshare-bonus__label">pts</span>
|
||||
</div>
|
||||
<div class="bshare-bonus__stats">
|
||||
{% if blueBonusStats is not empty and blueBonusStats.blindHits %}
|
||||
<div class="bshare-bonus__stat">
|
||||
<span class="bshare-bonus__stat-label">Blind hits</span>
|
||||
<span class="bshare-bonus__stat-value">{{ blueBonusStats.blindHits }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if blueBonusStats is not empty and blueBonusStats.chainBest %}
|
||||
<div class="bshare-bonus__stat">
|
||||
<span class="bshare-bonus__stat-label">Best chain</span>
|
||||
<span class="bshare-bonus__stat-value">{{ blueBonusStats.chainBest }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if blueBonusStats is not empty and blueBonusStats.edgeMines %}
|
||||
<div class="bshare-bonus__stat">
|
||||
<span class="bshare-bonus__stat-label">Edge mines</span>
|
||||
<span class="bshare-bonus__stat-value">{{ blueBonusStats.edgeMines }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if blueBonusStats is not empty and blueBonusStats.lastMineHits %}
|
||||
<div class="bshare-bonus__stat">
|
||||
<span class="bshare-bonus__stat-label">Endgame mines</span>
|
||||
<span class="bshare-bonus__stat-value">{{ blueBonusStats.lastMineHits }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if blueBonusStats is not empty and blueBonusStats.biggestReveal %}
|
||||
<div class="bshare-bonus__stat">
|
||||
<span class="bshare-bonus__stat-label">Biggest reveal</span>
|
||||
<span class="bshare-bonus__stat-value">{{ blueBonusStats.biggestReveal }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if not hasBlueStats %}
|
||||
<div class="bshare-bonus__stat bshare-bonus__stat--empty">
|
||||
<span class="bshare-bonus__stat-label">No bonuses earned</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="bshare-cta">
|
||||
<a href="{{ path('MineSeekerBundle_gamePlay') }}" class="bshare-btn">
|
||||
<i class="fas fa-play"></i> Play MineSeeker
|
||||
|
||||
Reference in New Issue
Block a user