103 lines
4.9 KiB
Handlebars
103 lines
4.9 KiB
Handlebars
<div class="Panel-expandableRow lineup-slot" data-initial-lineup-segment="{{initial_lineup_segment}}">
|
|
<input type="hidden" name="label" value="{{eventLineupEntry.label}}">
|
|
<input type="hidden" name="flags" value="{{flagsString eventLineupEntry.flags}}">
|
|
<input type="hidden" name="sequence" value="{{eventLineupEntry.sequence}}">
|
|
<input type="hidden" name="eventId" value="{{event.id}}">
|
|
<input type="hidden" name="eventLineupEntryId" value="{{eventLineupEntry.id}}">
|
|
<input type="hidden" name="availabilityStatusCode", value="{{#if availability}}{{availability.statusCode}}{{/if}}">
|
|
<input type="hidden" name="memberId" value="{{member.id}}">
|
|
<input type="hidden" name="lastName" value="{{member.lastName}}">
|
|
<input type="hidden" name="firstName" value="{{member.firstName}}">
|
|
<input type="hidden" name="jerseyNumber" value="{{member.jerseyNumber}}">
|
|
<input type="hidden" name="emailAddresses" value="{{member.emailAddresses}}">
|
|
<div class="Panel-row Panel-row--withCells Panel-row--parent">
|
|
<div
|
|
class="Panel-cell Panel-cell--header">
|
|
<div class="sequence u-textNoWrap u-fontSizeLg"></div>
|
|
</div>
|
|
<div class="Panel-cell u-padXs u-sizeFill u-flex">
|
|
<div
|
|
class="Popup availability-status-code-{{
|
|
availability?.statusCode
|
|
}}"
|
|
>
|
|
{{#if availability}}
|
|
{{#with availability}}
|
|
<div class="Popup">
|
|
<button class="Popup-toggle Button Button--smallSquare {{avail_status_code_class statusCode}}"
|
|
type="button"
|
|
data-control="popup"
|
|
data-open="availablility-popup-{{eventId}}-{{memberId}}"
|
|
>
|
|
{{#if notes}}{{{embeddedSvgFromPath "/bootstrap-icons/asterisk.svg"}}}{{else}}{{{avail_status_code_icon statusCode}}}{{/if}}
|
|
</button>
|
|
<div class="Popup-container Popup-container--left" data-popup="availablility-popup-{{eventId}}-{{memberId}}">
|
|
<div class="Popup-content u-padSm u-textCenter">
|
|
<h3 class="u-spaceBottomSm">Availability</h3>
|
|
{{#if notes}}
|
|
<p class="u-textLeft">“ <i>{{notes}}</i> ”</p>
|
|
{{else}}
|
|
<p class="u-textLeft">No notes.</p>
|
|
{{/if}}
|
|
<button type="button" class="Button u-spaceTopSm" onclick="sendAvailabilityReminder(this, {{eventId}}, ['{{memberId}}'], {{csrfToken}})">
|
|
{{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/send.svg"}}}
|
|
<span>Send Reminder</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/with}}
|
|
{{/if}}
|
|
</div>
|
|
|
|
<div class="u-fontSizeLg u-textNoWrap">
|
|
<span class="lastname">
|
|
{{member.lastName}}
|
|
</span>
|
|
<span class="lastname u-hidden u-sm-inline">
|
|
, {{member.firstName}}
|
|
</span>
|
|
<span class="jerseynumber u-hidden u-sm-inline u-fontSizeSm">
|
|
#{{member.jerseyNumber}}
|
|
</span>
|
|
</div>
|
|
<div class="u-flexGrow1"></div>
|
|
<div class="Popup">
|
|
<button type="button" class="Popup-toggle Button Button--smallSquare" onclick="this.closest('div').querySelector('.Popup-container').classList.toggle('is-open');this.blur();" href="javascript:void(0)">
|
|
{{{embeddedSvgFromPath "/bootstrap-icons/three-dots.svg"}}}
|
|
</button>
|
|
<div class="Popup-container Popup-container--rightHang position-label-flags">
|
|
<div class="Popup-content u-padSm u-textCenter">
|
|
<div class="Checkbox Checkbox--inline">
|
|
<input class="Checkbox-input" type="checkbox" name="DRd" id="flag-drd-{{member.id}}-{{eventLineupEntry.id}}">
|
|
<label class="Checkbox-label" for="flag-drd-{{member.id}}-{{eventLineupEntry.id}}">DR<small>d</small></label>
|
|
</div>
|
|
<div class="Checkbox Checkbox--inline">
|
|
<input class="Checkbox-input" type="checkbox" name="DHd" id="flag-dhd-{{member.id}}-{{eventLineupEntry.id}}">
|
|
<label class="Checkbox-label" for="flag-dhd-{{member.id}}-{{eventLineupEntry.id}}">DH<small>d</small></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="Panel-cell u-padXs u-sizeFit">
|
|
<div class="SelectBox position-selection">
|
|
<select name="positionLabelSelectBox" class="position-select-box SelectBox-options" onchange="onPositionSelectChange(this)" >
|
|
<option value="--">
|
|
--
|
|
</option>
|
|
{{#each (positions)}}
|
|
<option value="{{this}}" {{#if (comparePositionWithFlags this ../eventLineupEntry)}}selected{{/if}}>
|
|
{{this}}
|
|
</option>
|
|
{{/each}}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="Panel-cell u-padSidesMd u-sizeFit">
|
|
<div class="drag-handle">
|
|
{{{embeddedSvgFromPath "/bootstrap-icons/grip-vertical.svg"}}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |