dustyp
/
track-gopher
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mc

Browse Source
main
DustyP 9 months ago
parent 1bb5f5e640
commit b1dccc9552
2 changed files with 426 additions and 451 deletions
Show Stats Download Patch File Download Diff File

326
web/templates/race_manage.templ
Unescape View File

@ -14,107 +14,66 @@ templ RaceManage(groups []models.Group, currentGroup models.Group, heats []model
<div class="col-md-6"> <div class="col-md-6">
<div class="card"> <div class="card">
<div class="card-header bg-primary text-white"> <div class="card-header bg-primary text-white">
<h3 class="mb-0">Race Controls</h3> <h4 class="mb-0">Race Control</h4>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="mb-3"> <div class="mb-3">
<label for="group-select" class="form-label">Racing Group</label> <label for="group-select" class="form-label">Racing Group</label>
<select id="group-select" class="form-select" hx-post="/api/race/set-group" hx-trigger="change" hx-vals='js:{"group_id": parseInt(this.value)}' hx-swap="none"> <select id="group-select" class="form-select" hx-post="/api/race/set-group" hx-trigger="change" hx-swap="none">
for _, group := range groups { for _, group := range groups {
<option value={ fmt.Sprintf("%d", group.ID) } selected?={ group.ID == currentGroup.ID }> <option value={ strconv.FormatInt(group.ID, 10) } selected?={ group.ID == currentGroup.ID }>
{ group.Name } { group.Name }
</option> </option>
} }
</select> </select>
</div> </div>
<div class="d-flex justify-content-between mb-3"> <div class="mb-3">
<button id="prev-heat-btn" class="btn btn-secondary" hx-post="/api/race/previous-heat" hx-swap="none" disabled?={ currentHeatNum <= 1 }> <h5>Current Heat: { strconv.Itoa(currentHeatNum) } of { strconv.Itoa(len(heats)) }</h5>
<i class="bi bi-arrow-left"></i> Previous Heat <div class="btn-group" role="group">
</button> <button id="prev-heat-btn" class="btn btn-secondary" hx-post="/api/race/previous-heat" hx-swap="none" disabled?={ currentHeatNum <= 1 }>
<span class="align-self-center"> <i class="bi bi-arrow-left"></i> Previous Heat
<strong>Heat { strconv.Itoa(currentHeatNum) } of { strconv.Itoa(len(heats)) }</strong> </button>
</span> <button id="next-heat-btn" class="btn btn-secondary" hx-post="/api/race/next-heat" hx-swap="none" disabled?={ currentHeatNum >= len(heats) }>
<button id="next-heat-btn" class="btn btn-secondary" hx-post="/api/race/next-heat" hx-swap="none" disabled?={ currentHeatNum >= len(heats) }> Next Heat <i class="bi bi-arrow-right"></i>
Next Heat <i class="bi bi-arrow-right"></i> </button>
</button> </div>
</div>
<div class="d-flex justify-content-between">
<button id="reset-timer-btn" class="btn btn-warning" onclick="resetTimer()">
<i class="bi bi-arrow-clockwise"></i> Reset Timer
</button>
<button id="force-end-btn" class="btn btn-danger" onclick="forceEndHeat()">
<i class="bi bi-flag-fill"></i> Force End Heat
</button>
<button id="rerun-heat-btn" class="btn btn-info" hx-post="/api/race/rerun-heat" hx-swap="none">
<i class="bi bi-arrow-repeat"></i> Re-run Heat
</button>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header bg-primary text-white">
<h3 class="mb-0">Timer</h3>
</div>
<div class="card-body">
<div class="timer-display text-center">
<div id="timer" class="display-1 fw-bold">0.000</div>
<div id="status-indicator" class="badge bg-secondary mb-3">Ready</div>
</div> </div>
<div class="d-flex justify-content-center"> <div class="mb-3">
<div id="gate-status" class="alert alert-secondary"> <h5>Timer Control</h5>
Gate Status: <span id="gate-status-text">Unknown</span> <div class="d-flex align-items-center mb-2">
<h3 id="timer" class="me-3">0.000</h3>
<span id="status-indicator" class="badge mb-3 bg-secondary">Ready</span>
</div>
<div class="btn-group" role="group">
<button class="btn btn-warning" onclick="resetTimer()">
<i class="bi bi-arrow-repeat"></i> Reset Timer
</button>
<button class="btn btn-danger" onclick="forceEndHeat()">
<i class="bi bi-flag-fill"></i> Force End
</button>
<button class="btn btn-info" hx-post="/api/race/rerun-heat" hx-swap="none">
<i class="bi bi-arrow-counterclockwise"></i> Re-Run Heat
</button>
</div> </div>
</div> </div>
</div>
</div> <div id="gate-status" class="alert alert-secondary">
</div> <strong>Gate Status:</strong> <span id="gate-status-text">Unknown</span>
</div>
<div class="row">
<div class="col-12">
<div class="card mb-4">
<div class="card-header bg-primary text-white">
<h3 class="mb-0">Current Heat</h3>
</div>
<div class="card-body">
<div id="current-heat">
@raceManageCurrentHeat(heats, racers, currentHeatNum, results)
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card mb-4">
<div class="card-header bg-info text-white">
<h3 class="mb-0">Next Heat</h3>
</div>
<div class="card-body">
if currentHeatNum < len(heats) {
@raceManageNextHeat(heats, racers, currentHeatNum+1)
} else {
<div class="alert alert-info">No more heats in this group</div>
}
</div>
</div>
</div>
<div class="col-md-6"> <div class="col-md-6">
<div class="card mb-4"> <div class="card">
<div class="card-header bg-secondary text-white"> <div class="card-header bg-primary text-white">
<h3 class="mb-0">Heat Results</h3> <h4 class="mb-0">Heat Results</h4>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-striped table-sm"> <table class="table table-striped">
<thead> <thead>
<tr> <tr>
<th>Heat</th> <th>Heat</th>
@ -126,12 +85,12 @@ templ RaceManage(groups []models.Group, currentGroup models.Group, heats []model
</thead> </thead>
<tbody> <tbody>
for _, result := range results { for _, result := range results {
<tr> <tr class={ "table-primary" }>
<td>{ strconv.Itoa(result.HeatNumber) }</td> <td>{ strconv.Itoa(result.HeatNumber) }</td>
<td>{ fmt.Sprintf("%.3f (#%d)", result.Lane1Time, result.Lane1Position) }</td> <td>{ fmt.Sprintf("%.4f", result.Lane1Time) } ({ strconv.Itoa(result.Lane1Position) })</td>
<td>{ fmt.Sprintf("%.3f (#%d)", result.Lane2Time, result.Lane2Position) }</td> <td>{ fmt.Sprintf("%.4f", result.Lane2Time) } ({ strconv.Itoa(result.Lane2Position) })</td>
<td>{ fmt.Sprintf("%.3f (#%d)", result.Lane3Time, result.Lane3Position) }</td> <td>{ fmt.Sprintf("%.4f", result.Lane3Time) } ({ strconv.Itoa(result.Lane3Position) })</td>
<td>{ fmt.Sprintf("%.3f (#%d)", result.Lane4Time, result.Lane4Position) }</td> <td>{ fmt.Sprintf("%.4f", result.Lane4Time) } ({ strconv.Itoa(result.Lane4Position) })</td>
</tr> </tr>
} }
</tbody> </tbody>
@ -141,8 +100,51 @@ templ RaceManage(groups []models.Group, currentGroup models.Group, heats []model
</div> </div>
</div> </div>
</div> </div>
<!-- Current Heat Display -->
@currentHeatDisplay(heats, racers, currentHeatNum, results)
<!-- Next Heat Preview -->
if currentHeatNum < len(heats) {
<div class="card mb-4">
<div class="card-header bg-secondary text-white">
<h4 class="mb-0">Next Heat: { strconv.Itoa(currentHeatNum + 1) }</h4>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Lane</th>
<th>Racer</th>
<th>Car #</th>
</tr>
</thead>
<tbody>
for _, heat := range heats {
if heat.HeatNum == currentHeatNum + 1 {
if heat.Lane1ID != nil {
@nextHeatRacer(1, *heat.Lane1ID, racers)
}
if heat.Lane2ID != nil {
@nextHeatRacer(2, *heat.Lane2ID, racers)
}
if heat.Lane3ID != nil {
@nextHeatRacer(3, *heat.Lane3ID, racers)
}
if heat.Lane4ID != nil {
@nextHeatRacer(4, *heat.Lane4ID, racers)
}
}
}
</tbody>
</table>
</div>
</div>
</div>
}
</div> </div>
<script> <script>
// Set up SSE connection // Set up SSE connection
console.log("Setting up SSE connection..."); console.log("Setting up SSE connection...");
@ -329,10 +331,10 @@ templ RaceManage(groups []models.Group, currentGroup models.Group, heats []model
} }
} }
// Helper template for displaying current heat in the management view // Find the current heat
templ raceManageCurrentHeat(heats []models.Heat, racers []models.Racer, currentHeatNum int, results []models.HeatResult) { templ currentHeatDisplay(heats []models.Heat, racers []models.Racer, currentHeatNum int, results []models.HeatResult) {
{{ {{
// Find current heat // Find the current heat
var currentHeat models.Heat var currentHeat models.Heat
for _, heat := range heats { for _, heat := range heats {
if heat.HeatNum == currentHeatNum { if heat.HeatNum == currentHeatNum {
@ -341,7 +343,7 @@ templ raceManageCurrentHeat(heats []models.Heat, racers []models.Racer, currentH
} }
} }
// Find heat result if available // Find the current result
var currentResult *models.HeatResult var currentResult *models.HeatResult
for _, result := range results { for _, result := range results {
if result.HeatNumber == currentHeatNum { if result.HeatNumber == currentHeatNum {
@ -350,40 +352,33 @@ templ raceManageCurrentHeat(heats []models.Heat, racers []models.Racer, currentH
} }
} }
}} }}
<div class="card mb-4">
<div class="table-responsive"> <div class="card-header bg-primary text-white">
<table class="table table-bordered"> <h4 class="mb-0">Current Heat: { strconv.Itoa(currentHeatNum) }</h4>
<thead> </div>
<tr> <div class="card-body">
<th>Lane</th> <div class="row">
<th>Racer</th>
<th>Car #</th>
<th>Time</th>
<th>Position</th>
</tr>
</thead>
<tbody>
if currentHeat.Lane1ID != nil { if currentHeat.Lane1ID != nil {
@raceManageLaneRow(1, *currentHeat.Lane1ID, racers, currentResult) @raceLaneInfo(1, *currentHeat.Lane1ID, racers, currentResult)
} }
if currentHeat.Lane2ID != nil { if currentHeat.Lane2ID != nil {
@raceManageLaneRow(2, *currentHeat.Lane2ID, racers, currentResult) @raceLaneInfo(2, *currentHeat.Lane2ID, racers, currentResult)
} }
if currentHeat.Lane3ID != nil { if currentHeat.Lane3ID != nil {
@raceManageLaneRow(3, *currentHeat.Lane3ID, racers, currentResult) @raceLaneInfo(3, *currentHeat.Lane3ID, racers, currentResult)
} }
if currentHeat.Lane4ID != nil { if currentHeat.Lane4ID != nil {
@raceManageLaneRow(4, *currentHeat.Lane4ID, racers, currentResult) @raceLaneInfo(4, *currentHeat.Lane4ID, racers, currentResult)
} }
</tbody> </div>
</table> </div>
</div> </div>
} }
// Helper template for displaying a lane row in the management view // Helper template for displaying a lane in the race manager
templ raceManageLaneRow(lane int, racerID int64, racers []models.Racer, result *models.HeatResult) { templ raceLaneInfo(lane int, racerID int64, racers []models.Racer, result *models.HeatResult) {
{{ {{
// Find racer // Find the racer
var racer models.Racer var racer models.Racer
for _, r := range racers { for _, r := range racers {
if r.ID == racerID { if r.ID == racerID {
@ -393,92 +388,48 @@ templ raceManageLaneRow(lane int, racerID int64, racers []models.Racer, result *
} }
// Get time and position from result if available // Get time and position from result if available
var time float64 var timeStr string = "--.-"
var position int var positionStr string = "-"
var hasResult bool
if result != nil { if result != nil {
hasResult = true if lane == 1 && result.Lane1Time > 0 {
switch lane { timeStr = fmt.Sprintf("%.4f", result.Lane1Time)
case 1: positionStr = strconv.Itoa(result.Lane1Position)
time = result.Lane1Time } else if lane == 2 && result.Lane2Time > 0 {
position = result.Lane1Position timeStr = fmt.Sprintf("%.4f", result.Lane2Time)
case 2: positionStr = strconv.Itoa(result.Lane2Position)
time = result.Lane2Time } else if lane == 3 && result.Lane3Time > 0 {
position = result.Lane2Position timeStr = fmt.Sprintf("%.4f", result.Lane3Time)
case 3: positionStr = strconv.Itoa(result.Lane3Position)
time = result.Lane3Time } else if lane == 4 && result.Lane4Time > 0 {
position = result.Lane3Position timeStr = fmt.Sprintf("%.4f", result.Lane4Time)
case 4: positionStr = strconv.Itoa(result.Lane4Position)
time = result.Lane4Time
position = result.Lane4Position
}
}
}}
<tr>
<td>{ strconv.Itoa(lane) }</td>
<td>{ racer.FirstName } { racer.LastName }</td>
<td>{ racer.CarNumber }</td>
<td id={ fmt.Sprintf("lane-%d-time", lane) }>
if hasResult {
{ fmt.Sprintf("%.3f", time) }
} else {
--.-
}
</td>
<td id={ fmt.Sprintf("lane-%d-position", lane) }>
if hasResult {
{ strconv.Itoa(position) }
} else {
-
}
</td>
</tr>
}
// Helper template for displaying next heat in the management view
templ raceManageNextHeat(heats []models.Heat, racers []models.Racer, heatNum int) {
{{
// Find the heat
var nextHeat models.Heat
for _, heat := range heats {
if heat.HeatNum == heatNum {
nextHeat = heat
break
} }
} }
}} }}
<div class="col-md-3 mb-3">
<div class="table-responsive"> <div class="card h-100">
<table class="table table-striped table-sm"> <div class="card-header bg-secondary text-white">
<thead> <h5 class="mb-0">Lane { strconv.Itoa(lane) }</h5>
<tr> </div>
<th>Lane</th> <div class="card-body">
<th>Racer</th> <h5 class="card-title">{ racer.FirstName } { racer.LastName }</h5>
<th>Car #</th> <p class="card-text">Car #: { racer.CarNumber }</p>
</tr> <div class="d-flex justify-content-between">
</thead> <div>
<tbody> <strong>Time:</strong> <span id="lane-{strconv.Itoa(lane)}-time">{ timeStr }</span>
if nextHeat.Lane1ID != nil { </div>
@raceManageNextHeatRow(1, *nextHeat.Lane1ID, racers) <div>
} <strong>Position:</strong> <span id="lane-{strconv.Itoa(lane)}-position">{ positionStr }</span>
if nextHeat.Lane2ID != nil { </div>
@raceManageNextHeatRow(2, *nextHeat.Lane2ID, racers) </div>
} </div>
if nextHeat.Lane3ID != nil { </div>
@raceManageNextHeatRow(3, *nextHeat.Lane3ID, racers)
}
if nextHeat.Lane4ID != nil {
@raceManageNextHeatRow(4, *nextHeat.Lane4ID, racers)
}
</tbody>
</table>
</div> </div>
} }
// Helper template for displaying a row in the next heat preview // Helper template for displaying a racer in the next heat
templ raceManageNextHeatRow(lane int, racerID int64, racers []models.Racer) { templ nextHeatRacer(lane int, racerID int64, racers []models.Racer) {
{{ {{
// Find racer // Find racer
var racer models.Racer var racer models.Racer
@ -489,7 +440,6 @@ templ raceManageNextHeatRow(lane int, racerID int64, racers []models.Racer) {
} }
} }
}} }}
<tr> <tr>
<td>{ strconv.Itoa(lane) }</td> <td>{ strconv.Itoa(lane) }</td>
<td>{ racer.FirstName } { racer.LastName }</td> <td>{ racer.FirstName } { racer.LastName }</td>

551
web/templates/race_manage_templ.go
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save