38 lines
1.3 KiB
Handlebars
38 lines
1.3 KiB
Handlebars
{{!-- Participant Card — single participant tile in the Director's Board --}}
|
|
<div class="scrying-pool participant-card sp-state-{{state}}{{#if hasPendingOp}} sp-state-pending{{/if}} sp-shape-{{shape}}"
|
|
role="listitem"
|
|
aria-label="{{cardAriaLabel}}"
|
|
data-user-id="{{userId}}"
|
|
tabindex="0">
|
|
|
|
{{!-- Avatar (48px rounded) --}}
|
|
<div class="participant-card__avatar">
|
|
<img src="{{avatarSrc}}" alt="Avatar of {{name}}" />
|
|
{{!-- Reaction Cam badge - Story 4.1 --}}
|
|
{{#if isReactionCamEnabled}}
|
|
<span class="participant-card__badge participant-card__badge--reaction-cam"
|
|
role="status"
|
|
aria-label="Reaction Cam: Enabled"
|
|
title="Reaction Cam: Enabled">
|
|
<i class="fas fa-video" aria-hidden="true"></i>
|
|
</span>
|
|
{{/if}}
|
|
</div>
|
|
|
|
{{!-- Name (12px, 2-line truncate) --}}
|
|
<p class="participant-card__name">{{name}}</p>
|
|
|
|
{{!-- Toggle overlay — revealed on hover; independently keyboard-focusable --}}
|
|
<button class="participant-card__toggle"
|
|
type="button"
|
|
data-action="toggle-participant"
|
|
data-user-id="{{userId}}"
|
|
role="button"
|
|
aria-label="{{toggleAriaLabel}}"
|
|
data-tooltip="{{toggleAriaLabel}}"
|
|
tabindex="-1">
|
|
<i class="fas {{#if isHidden}}fa-eye{{else}}fa-eye-slash{{/if}}" aria-hidden="true"></i>
|
|
</button>
|
|
|
|
</div>
|