feat: Green badge for verified persons, blue for unverified

- Verified (has person_id): green background, clickable
- Unverified (no person_id): blue background, not clickable

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-01-13 15:09:51 +01:00
parent f174f4d4da
commit 93695209d0

View File

@ -96,6 +96,7 @@
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
} }
/* Unverified person - blue */
.attendee-name { .attendee-name {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -110,11 +111,21 @@
transition: var(--transition); transition: var(--transition);
} }
/* Verified person - green */
.attendee-name.verified {
background: #dcfce7;
color: #166534;
}
a.attendee-name:hover { a.attendee-name:hover {
background: #bfdbfe; background: #bfdbfe;
transform: translateY(-1px); transform: translateY(-1px);
} }
a.attendee-name.verified:hover {
background: #bbf7d0;
}
.attendee-name svg { .attendee-name svg {
width: 14px; width: 14px;
height: 14px; height: 14px;
@ -265,17 +276,9 @@
<div class="attendees-list"> <div class="attendees-list">
{% for attendee in event.attendees|sort(attribute='user.name') %} {% for attendee in event.attendees|sort(attribute='user.name') %}
<div class="attendee-badge"> <div class="attendee-badge">
{# Person badge - link to person profile if person_id exists #} {# Person badge - green if verified (has person_id), blue if not #}
{% if attendee.user.person_id %} {% if attendee.user.person_id %}
<a href="{{ url_for('person_detail', person_id=attendee.user.person_id) }}" class="attendee-name"> <a href="{{ url_for('person_detail', person_id=attendee.user.person_id) }}" class="attendee-name verified">
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg>
{{ attendee.user.name or attendee.user.email.split('@')[0] }}
</a>
{% elif attendee.user.company %}
<a href="{{ url_for('company_detail_by_slug', slug=attendee.user.company.slug) }}" class="attendee-name">
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path> <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle> <circle cx="12" cy="7" r="4"></circle>