102 lines
5.1 KiB
Handlebars
102 lines
5.1 KiB
Handlebars
<div class="Panel-expandableRow lineup-slot">
|
|
<input type="hidden" name="label" value="{{member.benchcoach.eventLineupEntry.label}}">
|
|
<input type="hidden" name="flags" value="{{flagsString member.benchcoach.eventLineupEntry.flags}}">
|
|
<input type="hidden" name="sequence" value="{{member.benchcoach.eventLineupEntry.sequence}}">
|
|
<input type="hidden" name="eventId" value="{{event.id}}">
|
|
<input type="hidden" name="eventLineupEntryId" value="{{member.benchcoach.eventLineupEntry.id}}">
|
|
<input type="hidden" name="availabilityStatusCode", value="{{member.benchcoach.availability?.statusCode}}">
|
|
<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-{{
|
|
member.benchcoach.availability?.statusCode
|
|
}}"
|
|
>
|
|
{{#if member.benchcoach.availability}}
|
|
{{#with member.benchcoach.availability}}
|
|
<button class="Popup-toggle Button Button--smallSquare {{avail_status_code_class statusCode}}"
|
|
type="button"
|
|
data-control="popup"
|
|
data-open="availablility-popup-{{memberId}}-{{eventId}}"
|
|
onclick="this.closest('div').querySelector('.Popup-container').classList.toggle('is-open')"
|
|
>
|
|
{{#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-{{memberId}}-{{eventId}}">
|
|
<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>
|
|
{{/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 "/teamsnap-ui/assets/icons/flag.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="flag-drd" id="flag-drd-{{member.id}}-{{member.benchcoach.eventLineupEntry.id}}" onclick="refreshLineup()">
|
|
<label class="Checkbox-label" for="flag-drd-{{member.id}}-{{member.benchcoach.eventLineupEntry.id}}">DR<small>d</small></label>
|
|
</div>
|
|
<div class="Checkbox Checkbox--inline">
|
|
<input class="Checkbox-input" type="checkbox" name="flag-dhd" id="flag-dhd-{{member.id}}-{{member.benchcoach.eventLineupEntry.id}}" onclick="refreshLineup()">
|
|
<label class="Checkbox-label" for="flag-dhd-{{member.id}}-{{member.benchcoach.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 ../member.benchcoach.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> |