410 lines
14 KiB
Plaintext
410 lines
14 KiB
Plaintext
html
|
|
head
|
|
meta(charset='utf-8')
|
|
title #{event.formattedTitle}
|
|
link(rel='stylesheet' href='/css/gamecard.css')
|
|
|
|
body(class="B5")
|
|
input(name="team_id", type="hidden" value=`${team_id}`)
|
|
input(name="event_id", type="hidden" value=`${event_id}`)
|
|
#page-1.sheet.gamecard
|
|
section#todays-game
|
|
.grid-container
|
|
.section-header
|
|
#todays-game-header.bar-left.event-title
|
|
| #{event.formattedTitle}
|
|
| #{event.startDate.toLocaleDateString("en-us",{weekday: "short", day: "numeric",month: "short"})}
|
|
| #{event.startDate.toLocaleTimeString("en-us",{hour: "numeric", minute: "2-digit"})}
|
|
.bar-right.homeaway #{event.gameType}
|
|
.bar-span.gametitle
|
|
#offense-pane.left
|
|
table#starting-lineup-offense
|
|
tbody
|
|
each _, i in Array(11)
|
|
- if (typeof(event_lineup_entries_offense[i]) !== 'undefined'){
|
|
tr
|
|
th(rowspan='2') #{i+1}
|
|
td(id=`offense-slot-${i}-name` class="player-name") #{event_lineup_entries_offense[i].member.lastName}
|
|
td(id=`offense-slot-${i}-jersey-number` class="jersey-number") #{event_lineup_entries_offense[i].member.jerseyNumber}
|
|
td(id=`offense-slot-${i}-position` class="position") #{event_lineup_entries_offense[i].label}
|
|
tr.substitute
|
|
td
|
|
td
|
|
td
|
|
- } else {
|
|
tr
|
|
th(rowspan='2')
|
|
td(id=`offense-slot-${i}-name` class="player-name")
|
|
td(id=`offense-slot-${i}-jersey-number` class="jersey-number")
|
|
td(id=`offense-slot-${i}-position` class="position")
|
|
tr.substitute
|
|
td
|
|
td
|
|
td
|
|
- }
|
|
|
|
#defense-pane.right
|
|
.container
|
|
.field-container
|
|
image(src='/media/baseball-diamond.svg')
|
|
.row(style='justify-content: center')
|
|
.defense-slot-set
|
|
table
|
|
tr
|
|
th.position CF
|
|
td#defense-slot-CF-name.player-name
|
|
| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("CF")) || {"member":{}}).member.lastName}
|
|
tr
|
|
td(colspan='2')
|
|
tr
|
|
td(colspan='2')
|
|
.row(style='justify-content: space-between')
|
|
.defense-slot-set
|
|
table
|
|
tr
|
|
th.position LF
|
|
td#defense-slot-LF-name.player-name
|
|
| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("LF")) || {"member":{}}).member.lastName}
|
|
tr
|
|
td(colspan='2')
|
|
tr
|
|
td(colspan='2')
|
|
.defense-slot-set
|
|
table
|
|
tr
|
|
th.position RF
|
|
td#defense-slot-RF-name.player-name
|
|
| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("RF")) || {"member":{}}).member.lastName}
|
|
tr
|
|
td(colspan='2')
|
|
tr
|
|
td(colspan='2')
|
|
.row(style='justify-content: space-around')
|
|
.defense-slot-set
|
|
table
|
|
tr
|
|
th.position SS
|
|
td#defense-slot-SS-name.player-name
|
|
| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("SS")) || {"member":{}}).member.lastName}
|
|
tr
|
|
td(colspan='2')
|
|
tr
|
|
td(colspan='2')
|
|
.defense-slot-set
|
|
table
|
|
tr
|
|
th.position 2B
|
|
td#defense-slot-2B-name.player-name
|
|
| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("2B")) || {"member":{}}).member.lastName}
|
|
tr
|
|
td(colspan='2')
|
|
tr
|
|
td(colspan='2')
|
|
.row(style='justify-content: space-between')
|
|
.defense-slot-set
|
|
table
|
|
tr
|
|
th.position 3B
|
|
td#defense-slot-3B-name.player-name
|
|
| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("3B")) || {"member":{}}).member.lastName}
|
|
tr
|
|
td(colspan='2')
|
|
tr
|
|
td(colspan='2')
|
|
.defense-slot-set
|
|
table
|
|
tr
|
|
th.position 1B
|
|
td#defense-slot-1B-name.player-name
|
|
| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("1B")) || {"member":{}}).member.lastName}
|
|
tr
|
|
td(colspan='2')
|
|
tr
|
|
td(colspan='2')
|
|
.row(style='justify-content: center')
|
|
.defense-slot-set
|
|
table
|
|
tr
|
|
th.position C
|
|
td#defense-slot-C-name.player-name
|
|
| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("C") && !lue.label.startsWith("CF") ) || {"member":{}}).member.lastName}
|
|
tr
|
|
td(colspan='2')
|
|
tr
|
|
td(colspan='2')
|
|
.pitching-container
|
|
.defense-slot-set
|
|
table
|
|
tr
|
|
th.position P
|
|
td#defense-slot-P-name.player-name
|
|
| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("P")) || {"member":{}}).member.lastName}
|
|
td.jersey-number
|
|
| #{(event_lineup_entries.find((lue)=>lue.label.startsWith("P")) || {"member":{}}).member.jerseyNumber}
|
|
td.position
|
|
tr
|
|
th.position RP
|
|
td#defense-slot-RP1-name.player-name
|
|
td
|
|
td
|
|
tr
|
|
th.position RP
|
|
td#defense-slot-RP2-name.player-name
|
|
td
|
|
td
|
|
.footer
|
|
table
|
|
tr
|
|
th Notes
|
|
td
|
|
tr
|
|
td
|
|
tr
|
|
td
|
|
section#roster-and-history
|
|
div
|
|
table
|
|
thead
|
|
tr
|
|
th#today-availability(colspan='3') Available (
|
|
| #{availabilitySummaries.find((e)=>e.id==event_id).playerGoingCount}|
|
|
| #{availabilitySummaries.find((e)=>e.id==event_id).playerMaybeCount}
|
|
| )
|
|
th.player-stats
|
|
span.decimal-point .
|
|
| AVG
|
|
span.delimiter /
|
|
span.decimal-point .
|
|
| OBP
|
|
span.delimiter /
|
|
span.decimal-point .
|
|
| SLG
|
|
span.delimiter :
|
|
| PA
|
|
th.position-capability.pitcher P
|
|
th.position-capability.catcher C
|
|
th.position-capability.infield I
|
|
th.position-capability.outfield O
|
|
each event_future, i in events_future
|
|
th(id=`avail-header-today-plus-${i+1}` class="availability future")
|
|
.rotate #{event_future.startDate.toLocaleDateString("en-us", {weekday: "short"})}
|
|
each event_past, i in events_past
|
|
th(id=`avail-header-today-minus-${i+1}` class="availability past")
|
|
.rotate #{event_past.startDate.toLocaleDateString("en-us", {weekday: "short"})}
|
|
tbody
|
|
each row, index in availabilities.filter((e)=>e.event.id==event_id && !e.member.isNonPlayer)
|
|
tr(id=`roster-history-slot-${index+1}` class=``)
|
|
td(class=`is-present-checkbox available-status-code-${row.statusCode}`)
|
|
span ■
|
|
td(
|
|
class=`
|
|
jersey-number
|
|
border-left
|
|
available-status-code-${row.statusCode}
|
|
${event_lineup_entries.find((lue)=>lue.member.id==row.member.id) !== undefined ? "starting" : ""}
|
|
`)
|
|
| #{row.member.jerseyNumber}
|
|
td(
|
|
class=`
|
|
player-name
|
|
available-status-code-${row.statusCode}
|
|
${event_lineup_entries.find((lue)=>lue.member.id==row.member.id) !== undefined ? "starting" : ""}
|
|
`)
|
|
| #{row.member.lastName}
|
|
td.player-stats.border-left.border-right
|
|
span.decimal-point .
|
|
span.avg 000
|
|
span.delimiter /
|
|
span.decimal-point .
|
|
span.obp 000
|
|
span.delimiter /
|
|
span.decimal-point .
|
|
span.slg 000
|
|
span.delimiter :
|
|
span.pa 00
|
|
td.position-capability.pitcher #{row.member.position.includes("P") ? "\u2713" : ""}
|
|
td.position-capability.catcher #{row.member.position.includes("C") ? "\u2713" : ""}
|
|
td.position-capability.infield #{row.member.position.includes("IF") ? "\u2713" : ""}
|
|
td.position-capability.outfield #{row.member.position.includes("OF") ? "\u2713" : ""}
|
|
- var future_availability
|
|
- var future_lineupEntry
|
|
each future_event, i in events_future
|
|
- future_availability = availabilities.find((el)=>el.eventId ==future_event.id && el.memberId==row.member.id)
|
|
- future_lineupEntry = all_lineup_entries.find((el)=>el.eventId ==future_event.id && el.member.id==row.member.id)
|
|
- console.log(future_availability)
|
|
td(id=`avail-${row.member}-today-plus-${i+1}` class=`
|
|
row
|
|
future
|
|
availability
|
|
available-status-code-${future_availability.statusCode}
|
|
`)
|
|
if future_lineupEntry
|
|
|#{future_lineupEntry.label.slice(0,2)}
|
|
else
|
|
|#{future_availability.status[0]}
|
|
- var past_availability
|
|
- var past_lineupEntry
|
|
each past_event, i in events_past
|
|
- past_availability = availabilities.find((el)=>el.eventId==past_event.id && el.memberId==row.memberId)
|
|
- past_lineupEntry = all_lineup_entries.find((el)=>el.event.id==past_event.id && el.member.id==row.member.id)
|
|
td(id=`avail-${row.member}-today-minus-${i+1}` class=`
|
|
row
|
|
past
|
|
availability
|
|
available-status-code-${past_availability.statusCode}
|
|
${past_lineupEntry ? "started" : ""}
|
|
`)
|
|
if past_lineupEntry
|
|
|#{past_lineupEntry.label.slice(0,2)}
|
|
else
|
|
|#{past_availability.status[0]}
|
|
tfoot
|
|
tr
|
|
th(colspan='3')
|
|
th
|
|
th(colspan='4')
|
|
each event_future, i in events_future
|
|
th(class=`availability future`)
|
|
.rotate #{availabilitySummaries.find((el)=>el.eventId == event_future.id).playerGoingCount}
|
|
th.today-minus-1
|
|
.rotate
|
|
th.today-minus-2
|
|
.rotate
|
|
th.today-minus-3
|
|
.rotate
|
|
th.today-minus-4
|
|
.rotate
|
|
section#lineup-card-dugout.lineup-card
|
|
.grid-container
|
|
.section-header
|
|
.bar-left.event-title
|
|
| #{event.formattedTitle}
|
|
.bar-right.homeaway #{event.gameType}
|
|
.starting-lineup-table
|
|
table
|
|
thead
|
|
tr
|
|
th(colspan='4') Starting
|
|
tbody
|
|
each i in [0,1,2,3,4,5,6,7,8,9,10]
|
|
- if (typeof(event_lineup_entries_offense[i]) !== 'undefined'){
|
|
tr
|
|
th.sequence.label #{event_lineup_entries_offense[i].sequence +1}
|
|
td.player-name #{event_lineup_entries_offense[i].member.lastName}
|
|
td.jersey-number #{event_lineup_entries_offense[i].member.jerseyNumber}
|
|
td.position #{event_lineup_entries_offense[i].label}
|
|
- } else {
|
|
tr
|
|
th.sequence.label
|
|
td.player-name
|
|
td.jersey-number
|
|
td.position
|
|
tr
|
|
td
|
|
td
|
|
td
|
|
td
|
|
- }
|
|
|
|
.substitution-table
|
|
table(style='width: 100%')
|
|
thead
|
|
tr
|
|
th Substitution
|
|
tbody
|
|
each i in [0,1,2,3,4,5,6,7,8,9,10,11]
|
|
tr
|
|
td.substitution
|
|
tr
|
|
td.substitution
|
|
section#lineup-card-exchange.lineup-card
|
|
.grid-container
|
|
.section-header.event-title #{event.formattedTitleForMultiTeam}
|
|
.starting-lineup-table
|
|
table.starting-lineup-table
|
|
thead
|
|
tr
|
|
th
|
|
th.player-name Name
|
|
th.jersey-number Num
|
|
th.position Pos
|
|
tbody
|
|
each _,i in Array(10)
|
|
- if (typeof(event_lineup_entries_offense[i]) !== 'undefined'){
|
|
tr
|
|
th.sequence.label #{event_lineup_entries_offense[i].sequence+1}
|
|
td.player-name #{event_lineup_entries_offense[i].member.lastName}
|
|
td.jersey-number #{event_lineup_entries_offense[i].member.jerseyNumber}
|
|
td.position #{event_lineup_entries_offense[i].label}
|
|
- } else {
|
|
tr
|
|
th.sequence.label
|
|
td.player-name
|
|
td.jersey-number
|
|
td.position
|
|
tr
|
|
td
|
|
td
|
|
td
|
|
td
|
|
- }
|
|
#page-2.sheet.gamecard
|
|
section#back-cover
|
|
section#front-cover
|
|
div.grid-container
|
|
.section-header
|
|
.bar-right.homeaway #{event.gameType}
|
|
.event-title
|
|
| #{event.startDate.toLocaleDateString("en-us",{weekday: "long", day: "numeric",month: "short"})},
|
|
| #{event.startDate.toLocaleTimeString("en-us",{hour: "numeric", minute: "2-digit"})}
|
|
br
|
|
| #{event.locationName}
|
|
div.team
|
|
|#{event.team.name}
|
|
div.opponent
|
|
|#{event.opponent.name}
|
|
section#lineup-card-dugout-empty.lineup-card
|
|
.grid-container
|
|
.section-header
|
|
.starting-lineup-table
|
|
table
|
|
thead
|
|
tr
|
|
th(colspan='4') Starting
|
|
tbody
|
|
each _ in Array(12)
|
|
tr
|
|
th.sequence.label
|
|
td.player-name
|
|
td.jersey-number
|
|
td.position
|
|
.substitution-table
|
|
table(style='width: 100%')
|
|
thead
|
|
tr
|
|
th Substitution
|
|
tbody
|
|
each _ in Array(11)
|
|
tr
|
|
td.substitution
|
|
tr
|
|
td.substitution
|
|
section#lineup-card-exchange-empty.lineup-card
|
|
.grid-container
|
|
.section-header
|
|
.starting-lineup-table
|
|
table.starting-lineup-table
|
|
thead
|
|
tr
|
|
th
|
|
th.player-name Name
|
|
th.jersey-number Num
|
|
th.position Pos
|
|
tbody
|
|
each _ in Array(12)
|
|
tr
|
|
th.sequence.label
|
|
td.player-name
|
|
td.jersey-number
|
|
td.position
|