821 lines
27 KiB
Plaintext
821 lines
27 KiB
Plaintext
package seasonsview
|
||
|
||
import "git.haelnorr.com/h/oslstats/internal/db"
|
||
import "git.haelnorr.com/h/oslstats/internal/permissions"
|
||
import "git.haelnorr.com/h/oslstats/internal/contexts"
|
||
import "git.haelnorr.com/h/oslstats/internal/view/baseview"
|
||
import "git.haelnorr.com/h/oslstats/internal/view/component/links"
|
||
import "fmt"
|
||
import "sort"
|
||
import "strings"
|
||
|
||
// seriesTeamName returns a display name for a team in the series, or "TBD" if nil
|
||
func seriesTeamName(team *db.Team) string {
|
||
if team == nil {
|
||
return "TBD"
|
||
}
|
||
return team.Name
|
||
}
|
||
|
||
// seriesTeamShortName returns a short name for a team in the series, or "TBD" if nil
|
||
func seriesTeamShortName(team *db.Team) string {
|
||
if team == nil {
|
||
return "TBD"
|
||
}
|
||
return team.ShortName
|
||
}
|
||
|
||
// roundDisplayName converts a round slug to a human-readable name
|
||
func roundDisplayName(round string) string {
|
||
switch round {
|
||
case "upper_bracket":
|
||
return "Upper Bracket"
|
||
case "lower_bracket":
|
||
return "Lower Bracket"
|
||
case "upper_final":
|
||
return "Upper Final"
|
||
case "lower_final":
|
||
return "Lower Final"
|
||
case "quarter_final":
|
||
return "Quarter Final"
|
||
case "semi_final":
|
||
return "Semi Final"
|
||
case "elimination_final":
|
||
return "Elimination Final"
|
||
case "qualifying_final":
|
||
return "Qualifying Final"
|
||
case "preliminary_final":
|
||
return "Preliminary Final"
|
||
case "third_place":
|
||
return "Third Place Playoff"
|
||
case "grand_final":
|
||
return "Grand Final"
|
||
default:
|
||
return strings.ReplaceAll(round, "_", " ")
|
||
}
|
||
}
|
||
|
||
// SeriesDetailLayout renders the series detail page layout with header and
|
||
// tab navigation. Tab content is rendered as children.
|
||
templ SeriesDetailLayout(activeTab string, series *db.PlayoffSeries, schedule *db.PlayoffSeriesSchedule) {
|
||
{{
|
||
backURL := fmt.Sprintf("/seasons/%s/leagues/%s/finals",
|
||
series.Bracket.Season.ShortName, series.Bracket.League.ShortName)
|
||
isCompleted := series.Status == db.SeriesStatusCompleted
|
||
team1Name := seriesTeamName(series.Team1)
|
||
team2Name := seriesTeamName(series.Team2)
|
||
boLabel := fmt.Sprintf("BO%d", series.MatchesToWin*2-1)
|
||
}}
|
||
@baseview.Layout(fmt.Sprintf("%s — %s vs %s", series.Label, team1Name, team2Name)) {
|
||
<div class="max-w-screen-lg mx-auto px-4 py-8">
|
||
<!-- Header -->
|
||
<div class="bg-mantle border border-surface1 rounded-lg overflow-hidden mb-6">
|
||
<div class="bg-surface0 border-b border-surface1 px-6 py-8">
|
||
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||
<div>
|
||
<div class="flex items-center gap-4 mb-2">
|
||
<h1 class="text-3xl font-bold text-text">
|
||
{ team1Name }
|
||
<span class="text-subtext0 font-normal">vs</span>
|
||
{ team2Name }
|
||
</h1>
|
||
</div>
|
||
<div class="flex items-center gap-2 flex-wrap">
|
||
<span class="px-2 py-0.5 bg-yellow/20 text-yellow rounded text-xs font-medium">
|
||
{ series.Label }
|
||
</span>
|
||
<span class="px-2 py-0.5 bg-surface1 text-subtext0 rounded text-xs font-mono">
|
||
{ boLabel }
|
||
</span>
|
||
if series.Team1Seed != nil || series.Team2Seed != nil {
|
||
<span class="px-2 py-0.5 bg-surface1 text-subtext0 rounded text-xs font-mono">
|
||
if series.Team1Seed != nil && series.Team2Seed != nil {
|
||
Seed { fmt.Sprint(*series.Team1Seed) } vs { fmt.Sprint(*series.Team2Seed) }
|
||
} else if series.Team1Seed != nil {
|
||
Seed { fmt.Sprint(*series.Team1Seed) }
|
||
} else if series.Team2Seed != nil {
|
||
Seed { fmt.Sprint(*series.Team2Seed) }
|
||
}
|
||
</span>
|
||
}
|
||
<span class="text-subtext1 text-sm">
|
||
{ series.Bracket.Season.Name } — { series.Bracket.League.Name }
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<a
|
||
href={ templ.SafeURL(backURL) }
|
||
class="rounded-lg px-4 py-2 hover:cursor-pointer text-center
|
||
bg-surface1 hover:bg-surface2 text-text transition"
|
||
>
|
||
Back to Bracket
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- Tab Navigation -->
|
||
<nav class="bg-surface0 border-b border-surface1" data-tab-nav="series-detail-content">
|
||
<ul class="flex flex-wrap">
|
||
@seriesTabItem("overview", "Overview", activeTab, series)
|
||
if isCompleted {
|
||
@seriesTabItem("analysis", "Match Analysis", activeTab, series)
|
||
} else {
|
||
@seriesTabItem("preview", "Match Preview", activeTab, series)
|
||
@seriesTabItem("scheduling", "Schedule", activeTab, series)
|
||
}
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
<!-- Content Area -->
|
||
<main id="series-detail-content">
|
||
{ children... }
|
||
</main>
|
||
</div>
|
||
<script src="/static/js/tabs.js" defer></script>
|
||
}
|
||
}
|
||
|
||
templ seriesTabItem(section string, label string, activeTab string, series *db.PlayoffSeries) {
|
||
{{
|
||
isActive := section == activeTab
|
||
baseClasses := "inline-block px-6 py-3 transition-colors cursor-pointer border-b-2"
|
||
activeClasses := "border-blue text-blue font-semibold"
|
||
inactiveClasses := "border-transparent text-subtext0 hover:text-text hover:border-surface2"
|
||
url := fmt.Sprintf("/series/%d/%s", series.ID, section)
|
||
}}
|
||
<li class="inline-block">
|
||
<a
|
||
href={ templ.SafeURL(url) }
|
||
hx-post={ url }
|
||
hx-target="#series-detail-content"
|
||
hx-swap="innerHTML"
|
||
hx-push-url={ url }
|
||
class={ baseClasses, templ.KV(activeClasses, isActive), templ.KV(inactiveClasses, !isActive) }
|
||
>
|
||
{ label }
|
||
</a>
|
||
</li>
|
||
}
|
||
|
||
// ==================== Full page wrappers (for GET requests / direct navigation) ====================
|
||
|
||
templ SeriesDetailOverviewPage(
|
||
series *db.PlayoffSeries,
|
||
currentSchedule *db.PlayoffSeriesSchedule,
|
||
canSchedule bool,
|
||
userTeamID int,
|
||
rosters map[string][]*db.PlayerWithPlayStatus,
|
||
) {
|
||
@SeriesDetailLayout("overview", series, currentSchedule) {
|
||
@SeriesDetailOverviewContent(series, currentSchedule, canSchedule, userTeamID, rosters)
|
||
}
|
||
}
|
||
|
||
templ SeriesDetailPreviewPage(
|
||
series *db.PlayoffSeries,
|
||
currentSchedule *db.PlayoffSeriesSchedule,
|
||
rosters map[string][]*db.PlayerWithPlayStatus,
|
||
previewData *db.MatchPreviewData,
|
||
) {
|
||
@SeriesDetailLayout("preview", series, currentSchedule) {
|
||
@SeriesDetailPreviewContent(series, rosters, previewData)
|
||
}
|
||
}
|
||
|
||
templ SeriesDetailAnalysisPage(
|
||
series *db.PlayoffSeries,
|
||
currentSchedule *db.PlayoffSeriesSchedule,
|
||
rosters map[string][]*db.PlayerWithPlayStatus,
|
||
previewData *db.MatchPreviewData,
|
||
) {
|
||
@SeriesDetailLayout("analysis", series, currentSchedule) {
|
||
@SeriesDetailAnalysisContent(series, rosters, previewData)
|
||
}
|
||
}
|
||
|
||
templ SeriesDetailSchedulePage(
|
||
series *db.PlayoffSeries,
|
||
currentSchedule *db.PlayoffSeriesSchedule,
|
||
history []*db.PlayoffSeriesSchedule,
|
||
canSchedule bool,
|
||
userTeamID int,
|
||
) {
|
||
@SeriesDetailLayout("scheduling", series, currentSchedule) {
|
||
@SeriesDetailScheduleContent(series, currentSchedule, history, canSchedule, userTeamID)
|
||
}
|
||
}
|
||
|
||
// ==================== Tab content components (for POST requests / HTMX swaps) ====================
|
||
|
||
templ SeriesDetailOverviewContent(
|
||
series *db.PlayoffSeries,
|
||
currentSchedule *db.PlayoffSeriesSchedule,
|
||
canSchedule bool,
|
||
userTeamID int,
|
||
rosters map[string][]*db.PlayerWithPlayStatus,
|
||
) {
|
||
{{
|
||
permCache := contexts.Permissions(ctx)
|
||
canManage := permCache.HasPermission(permissions.PlayoffsManage)
|
||
}}
|
||
@seriesOverviewTab(series, currentSchedule, rosters, canSchedule, canManage, userTeamID)
|
||
}
|
||
|
||
templ SeriesDetailPreviewContent(
|
||
series *db.PlayoffSeries,
|
||
rosters map[string][]*db.PlayerWithPlayStatus,
|
||
previewData *db.MatchPreviewData,
|
||
) {
|
||
@seriesMatchPreviewTab(series, rosters, previewData)
|
||
}
|
||
|
||
templ SeriesDetailAnalysisContent(
|
||
series *db.PlayoffSeries,
|
||
rosters map[string][]*db.PlayerWithPlayStatus,
|
||
previewData *db.MatchPreviewData,
|
||
) {
|
||
@seriesMatchAnalysisTab(series, rosters, previewData)
|
||
}
|
||
|
||
templ SeriesDetailScheduleContent(
|
||
series *db.PlayoffSeries,
|
||
currentSchedule *db.PlayoffSeriesSchedule,
|
||
history []*db.PlayoffSeriesSchedule,
|
||
canSchedule bool,
|
||
userTeamID int,
|
||
) {
|
||
{{
|
||
permCache := contexts.Permissions(ctx)
|
||
canManage := permCache.HasPermission(permissions.PlayoffsManage)
|
||
}}
|
||
@seriesScheduleTab(series, currentSchedule, history, canSchedule, canManage, userTeamID)
|
||
}
|
||
|
||
// ==================== Overview Tab ====================
|
||
templ seriesOverviewTab(
|
||
series *db.PlayoffSeries,
|
||
currentSchedule *db.PlayoffSeriesSchedule,
|
||
rosters map[string][]*db.PlayerWithPlayStatus,
|
||
canSchedule bool,
|
||
canManage bool,
|
||
userTeamID int,
|
||
) {
|
||
{{
|
||
isCompleted := series.Status == db.SeriesStatusCompleted
|
||
isBye := series.Status == db.SeriesStatusBye
|
||
bothTeamsAssigned := series.Team1ID != nil && series.Team2ID != nil
|
||
showUploadPrompt := canManage && !isCompleted && !isBye && bothTeamsAssigned
|
||
}}
|
||
<div class="space-y-6">
|
||
<!-- Series Score + Schedule Row -->
|
||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||
<div class="lg:col-span-2">
|
||
@seriesScoreDisplay(series)
|
||
</div>
|
||
<div>
|
||
@seriesScheduleSummary(series, currentSchedule)
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Upload Prompt (for admins when series is in progress) -->
|
||
if showUploadPrompt {
|
||
@seriesUploadPrompt(series)
|
||
}
|
||
|
||
<!-- Match List -->
|
||
if len(series.Matches) > 0 {
|
||
@seriesMatchList(series)
|
||
}
|
||
|
||
<!-- Series Context -->
|
||
@seriesContextCard(series)
|
||
|
||
<!-- Team Rosters -->
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
if series.Team1 != nil {
|
||
@seriesTeamSection(series.Team1, rosters["team1"], series.Bracket.Season, series.Bracket.League)
|
||
}
|
||
if series.Team2 != nil {
|
||
@seriesTeamSection(series.Team2, rosters["team2"], series.Bracket.Season, series.Bracket.League)
|
||
}
|
||
</div>
|
||
</div>
|
||
}
|
||
|
||
templ seriesUploadPrompt(series *db.PlayoffSeries) {
|
||
{{
|
||
// Check if there are pending results waiting for review
|
||
hasPendingMatches := false
|
||
for _, match := range series.Matches {
|
||
if match.FixtureID != nil && match.Status == "pending" {
|
||
hasPendingMatches = true
|
||
break
|
||
}
|
||
}
|
||
}}
|
||
<div
|
||
x-data="{ open: false }"
|
||
class="bg-mantle border border-surface1 rounded-lg p-6 text-center"
|
||
>
|
||
if hasPendingMatches {
|
||
<div class="text-4xl mb-3">📋</div>
|
||
<p class="text-lg text-text font-medium mb-2">Results Pending Review</p>
|
||
<p class="text-sm text-subtext1 mb-4">Uploaded results are waiting to be reviewed and finalized.</p>
|
||
<div class="flex items-center justify-center gap-3">
|
||
<a
|
||
href={ templ.SafeURL(fmt.Sprintf("/series/%d/results/review", series.ID)) }
|
||
class="inline-block px-4 py-2 bg-green hover:bg-green/75 text-mantle rounded-lg
|
||
font-medium transition hover:cursor-pointer"
|
||
>
|
||
Review Results
|
||
</a>
|
||
<button
|
||
type="button"
|
||
@click="open = true"
|
||
class="inline-block px-4 py-2 bg-red hover:bg-red/80 text-mantle rounded-lg
|
||
font-medium transition hover:cursor-pointer"
|
||
>
|
||
Forfeit Series
|
||
</button>
|
||
</div>
|
||
} else {
|
||
<div class="text-4xl mb-3">📋</div>
|
||
<p class="text-lg text-text font-medium mb-2">No Results Uploaded</p>
|
||
<p class="text-sm text-subtext1 mb-4">Upload match log files to record the series results.</p>
|
||
<div class="flex items-center justify-center gap-3">
|
||
<a
|
||
href={ templ.SafeURL(fmt.Sprintf("/series/%d/results/upload", series.ID)) }
|
||
class="inline-block px-4 py-2 bg-blue hover:bg-blue/80 text-mantle rounded-lg
|
||
font-medium transition hover:cursor-pointer"
|
||
>
|
||
Upload Match Logs
|
||
</a>
|
||
<button
|
||
type="button"
|
||
@click="open = true"
|
||
class="inline-block px-4 py-2 bg-red hover:bg-red/80 text-mantle rounded-lg
|
||
font-medium transition hover:cursor-pointer"
|
||
>
|
||
Forfeit Series
|
||
</button>
|
||
</div>
|
||
}
|
||
@seriesForfeitModal(series)
|
||
</div>
|
||
}
|
||
|
||
templ seriesForfeitModal(series *db.PlayoffSeries) {
|
||
{{
|
||
team1Name := seriesTeamName(series.Team1)
|
||
team2Name := seriesTeamName(series.Team2)
|
||
}}
|
||
<div
|
||
x-show="open"
|
||
x-cloak
|
||
class="fixed inset-0 z-50 overflow-y-auto"
|
||
role="dialog"
|
||
aria-modal="true"
|
||
>
|
||
<!-- Background overlay -->
|
||
<div
|
||
x-show="open"
|
||
x-transition:enter="ease-out duration-300"
|
||
x-transition:enter-start="opacity-0"
|
||
x-transition:enter-end="opacity-100"
|
||
x-transition:leave="ease-in duration-200"
|
||
x-transition:leave-start="opacity-100"
|
||
x-transition:leave-end="opacity-0"
|
||
class="fixed inset-0 bg-base/75 transition-opacity"
|
||
@click="open = false"
|
||
></div>
|
||
<!-- Modal panel -->
|
||
<div class="flex min-h-full items-center justify-center p-4">
|
||
<div
|
||
x-show="open"
|
||
x-transition:enter="ease-out duration-300"
|
||
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
|
||
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
|
||
x-transition:leave="ease-in duration-200"
|
||
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
|
||
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
|
||
class="relative transform overflow-hidden rounded-lg bg-mantle border-2 border-surface1 shadow-xl transition-all sm:w-full sm:max-w-lg"
|
||
@click.stop
|
||
x-data="{ forfeitTeam: '', forfeitReason: '' }"
|
||
>
|
||
<form
|
||
hx-post={ fmt.Sprintf("/series/%d/forfeit", series.ID) }
|
||
hx-swap="none"
|
||
>
|
||
<div class="bg-mantle px-4 pb-4 pt-5 sm:p-6">
|
||
<div class="sm:flex sm:items-start">
|
||
<div class="mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-red/10 sm:mx-0 sm:h-10 sm:w-10">
|
||
<svg class="h-6 w-6 text-red" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"></path>
|
||
</svg>
|
||
</div>
|
||
<div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left w-full">
|
||
<h3 class="text-lg font-semibold leading-6 text-text">Forfeit Series</h3>
|
||
<div class="mt-2">
|
||
<p class="text-sm text-subtext0 mb-4">
|
||
This will forfeit the entire series. The selected team will lose and the opponent
|
||
will be declared the winner and advance. Any existing match results will be discarded.
|
||
This action is immediate and cannot be undone.
|
||
</p>
|
||
<!-- Team Selection -->
|
||
<div class="space-y-2">
|
||
<label class="text-sm font-medium text-text">Which team is forfeiting?</label>
|
||
<select
|
||
name="forfeit_team"
|
||
x-model="forfeitTeam"
|
||
class="w-full px-3 py-2 bg-surface0 border border-surface1 rounded-lg text-text
|
||
focus:border-red focus:outline-none hover:cursor-pointer"
|
||
>
|
||
<option value="">Select a team...</option>
|
||
<option value="team1">{ team1Name }</option>
|
||
<option value="team2">{ team2Name }</option>
|
||
</select>
|
||
</div>
|
||
<!-- Reason -->
|
||
<div class="mt-4 space-y-2">
|
||
<label class="text-sm font-medium text-text">Reason (optional)</label>
|
||
<textarea
|
||
name="forfeit_reason"
|
||
x-model="forfeitReason"
|
||
placeholder="Provide a reason for the forfeit..."
|
||
class="w-full px-3 py-2 bg-surface0 border border-surface1 rounded-lg text-text
|
||
focus:border-blue focus:outline-none resize-none"
|
||
rows="3"
|
||
></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bg-surface0 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6 gap-2">
|
||
<button
|
||
type="submit"
|
||
class="inline-flex w-full justify-center rounded-lg bg-red px-4 py-2 text-sm font-semibold text-mantle shadow-sm hover:bg-red/75 hover:cursor-pointer transition sm:w-auto"
|
||
:disabled="forfeitTeam === ''"
|
||
:class="forfeitTeam === '' && 'opacity-50 cursor-not-allowed'"
|
||
>
|
||
Confirm Forfeit
|
||
</button>
|
||
<button
|
||
type="button"
|
||
@click="open = false"
|
||
class="mt-3 inline-flex w-full justify-center rounded-lg bg-surface1 px-4 py-2 text-sm font-semibold text-text shadow-sm hover:bg-surface2 hover:cursor-pointer transition sm:mt-0 sm:w-auto"
|
||
>
|
||
Cancel
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
}
|
||
|
||
templ seriesScoreDisplay(series *db.PlayoffSeries) {
|
||
{{
|
||
isCompleted := series.Status == db.SeriesStatusCompleted
|
||
team1Won := series.WinnerTeamID != nil && series.Team1ID != nil && *series.WinnerTeamID == *series.Team1ID
|
||
team2Won := series.WinnerTeamID != nil && series.Team2ID != nil && *series.WinnerTeamID == *series.Team2ID
|
||
isBye := series.Status == db.SeriesStatusBye
|
||
isForfeit := series.IsForfeit
|
||
forfeitTeamName := ""
|
||
if isForfeit && series.ForfeitTeam != nil {
|
||
forfeitTeamName = series.ForfeitTeam.Name
|
||
}
|
||
}}
|
||
<div class="bg-mantle border border-surface1 rounded-lg overflow-hidden">
|
||
<div class="bg-surface0 border-b border-surface1 px-4 py-3 flex items-center justify-between">
|
||
<h2 class="text-lg font-bold text-text">Series Score</h2>
|
||
<div class="flex items-center gap-2">
|
||
if isForfeit {
|
||
<span class="px-2 py-0.5 bg-red/20 text-red rounded text-xs font-medium">
|
||
Forfeited
|
||
</span>
|
||
}
|
||
@seriesStatusBadge(series.Status)
|
||
@seriesFormatBadge(series.MatchesToWin)
|
||
</div>
|
||
</div>
|
||
<div class="p-6">
|
||
if isBye {
|
||
<div class="text-center py-4">
|
||
<p class="text-lg text-subtext0">Bye — team advances automatically</p>
|
||
</div>
|
||
} else if series.Team1 == nil && series.Team2 == nil {
|
||
<div class="text-center py-4">
|
||
<p class="text-lg text-subtext0">Teams not yet determined</p>
|
||
</div>
|
||
} else {
|
||
<div class="flex items-center justify-center gap-6 py-4">
|
||
<div class="flex items-center gap-3">
|
||
if team1Won {
|
||
<span class="text-2xl">🏆</span>
|
||
}
|
||
if series.Team1 != nil && series.Team1.Color != "" {
|
||
<span
|
||
class="px-2.5 py-1 rounded text-sm font-bold"
|
||
style={ fmt.Sprintf("background-color: %s22; color: %s; border: 1px solid %s44",
|
||
series.Team1.Color, series.Team1.Color, series.Team1.Color) }
|
||
>
|
||
{ seriesTeamShortName(series.Team1) }
|
||
</span>
|
||
} else {
|
||
<span class="px-2.5 py-1 bg-surface1 text-text rounded text-sm font-bold">
|
||
{ seriesTeamShortName(series.Team1) }
|
||
</span>
|
||
}
|
||
<span class="text-4xl font-bold text-text">{ fmt.Sprint(series.Team1Wins) }</span>
|
||
</div>
|
||
<div class="flex flex-col items-center">
|
||
<span class="text-4xl text-subtext0 font-light leading-none">–</span>
|
||
if isCompleted && isForfeit {
|
||
<span class="px-1.5 py-0.5 bg-red/20 text-red rounded text-xs font-semibold mt-1">
|
||
FORFEIT
|
||
</span>
|
||
} else if isCompleted {
|
||
<span class="px-1.5 py-0.5 bg-green/20 text-green rounded text-xs font-semibold mt-1">
|
||
FINAL
|
||
</span>
|
||
}
|
||
</div>
|
||
<div class="flex items-center gap-3">
|
||
<span class="text-4xl font-bold text-text">{ fmt.Sprint(series.Team2Wins) }</span>
|
||
if series.Team2 != nil && series.Team2.Color != "" {
|
||
<span
|
||
class="px-2.5 py-1 rounded text-sm font-bold"
|
||
style={ fmt.Sprintf("background-color: %s22; color: %s; border: 1px solid %s44",
|
||
series.Team2.Color, series.Team2.Color, series.Team2.Color) }
|
||
>
|
||
{ seriesTeamShortName(series.Team2) }
|
||
</span>
|
||
} else {
|
||
<span class="px-2.5 py-1 bg-surface1 text-text rounded text-sm font-bold">
|
||
{ seriesTeamShortName(series.Team2) }
|
||
</span>
|
||
}
|
||
if team2Won {
|
||
<span class="text-2xl">🏆</span>
|
||
}
|
||
</div>
|
||
</div>
|
||
if isForfeit && forfeitTeamName != "" {
|
||
<div class="text-center mt-2">
|
||
<p class="text-sm text-red/80">
|
||
{ forfeitTeamName } forfeited the series
|
||
</p>
|
||
if series.ForfeitReason != nil && *series.ForfeitReason != "" {
|
||
<p class="text-xs text-subtext0 mt-1">
|
||
{ *series.ForfeitReason }
|
||
</p>
|
||
}
|
||
</div>
|
||
}
|
||
}
|
||
</div>
|
||
</div>
|
||
}
|
||
|
||
templ seriesScheduleSummary(series *db.PlayoffSeries, schedule *db.PlayoffSeriesSchedule) {
|
||
{{
|
||
isCompleted := series.Status == db.SeriesStatusCompleted
|
||
}}
|
||
<div class="bg-mantle border border-surface1 rounded-lg overflow-hidden h-full">
|
||
<div class="bg-surface0 border-b border-surface1 px-4 py-3">
|
||
<h2 class="text-lg font-bold text-text">Schedule</h2>
|
||
</div>
|
||
<div class="p-4 flex flex-col justify-center h-[calc(100%-3rem)]">
|
||
if schedule == nil {
|
||
<div class="text-center">
|
||
<p class="text-subtext1 text-sm">No time scheduled</p>
|
||
</div>
|
||
} else if schedule.Status == db.ScheduleStatusAccepted && schedule.ScheduledTime != nil {
|
||
<div class="text-center space-y-2">
|
||
if isCompleted {
|
||
<span class="px-2 py-0.5 bg-blue/20 text-blue rounded text-xs font-medium">
|
||
Played
|
||
</span>
|
||
} else {
|
||
<span class="px-2 py-0.5 bg-green/20 text-green rounded text-xs font-medium">
|
||
Confirmed
|
||
</span>
|
||
}
|
||
<p class="text-text font-medium">
|
||
@localtime(schedule.ScheduledTime, "date")
|
||
</p>
|
||
<p class="text-text text-lg font-bold">
|
||
@localtime(schedule.ScheduledTime, "time")
|
||
</p>
|
||
</div>
|
||
} else if schedule.Status == db.ScheduleStatusPending && schedule.ScheduledTime != nil {
|
||
<div class="text-center space-y-2">
|
||
<span class="px-2 py-0.5 bg-yellow/20 text-yellow rounded text-xs font-medium">
|
||
Proposed
|
||
</span>
|
||
<p class="text-text font-medium">
|
||
@localtime(schedule.ScheduledTime, "date")
|
||
</p>
|
||
<p class="text-text text-lg font-bold">
|
||
@localtime(schedule.ScheduledTime, "time")
|
||
</p>
|
||
<p class="text-subtext1 text-xs">Awaiting confirmation</p>
|
||
</div>
|
||
} else if schedule.Status == db.ScheduleStatusCancelled {
|
||
<div class="text-center space-y-2">
|
||
<span class="px-2 py-0.5 bg-red/20 text-red rounded text-xs font-medium">
|
||
Cancelled
|
||
</span>
|
||
if schedule.RescheduleReason != nil {
|
||
<p class="text-subtext1 text-xs">{ *schedule.RescheduleReason }</p>
|
||
}
|
||
</div>
|
||
} else {
|
||
<div class="text-center">
|
||
<p class="text-subtext1 text-sm">No time confirmed</p>
|
||
</div>
|
||
}
|
||
</div>
|
||
</div>
|
||
}
|
||
|
||
templ seriesMatchList(series *db.PlayoffSeries) {
|
||
<div class="bg-mantle border border-surface1 rounded-lg overflow-hidden">
|
||
<div class="bg-surface0 border-b border-surface1 px-4 py-3">
|
||
<h2 class="text-lg font-bold text-text">Matches</h2>
|
||
</div>
|
||
<div class="divide-y divide-surface1">
|
||
for _, match := range series.Matches {
|
||
@seriesMatchRow(series, match)
|
||
}
|
||
</div>
|
||
</div>
|
||
}
|
||
|
||
templ seriesMatchRow(series *db.PlayoffSeries, match *db.PlayoffMatch) {
|
||
{{
|
||
matchLabel := fmt.Sprintf("Game %d", match.MatchNumber)
|
||
isPending := match.Status == "pending"
|
||
isCompleted := match.Status == "completed"
|
||
hasFixture := match.FixtureID != nil
|
||
_ = hasFixture
|
||
}}
|
||
<div class="flex items-center justify-between px-4 py-3 hover:bg-surface0 transition-colors">
|
||
<div class="flex items-center gap-3">
|
||
<span class="text-sm font-medium text-text">{ matchLabel }</span>
|
||
if isPending {
|
||
<span class="px-1.5 py-0.5 bg-surface1 text-subtext0 rounded text-xs">
|
||
Pending
|
||
</span>
|
||
} else if isCompleted {
|
||
<span class="px-1.5 py-0.5 bg-green/20 text-green rounded text-xs">
|
||
Complete
|
||
</span>
|
||
} else {
|
||
<span class="px-1.5 py-0.5 bg-blue/20 text-blue rounded text-xs">
|
||
{ match.Status }
|
||
</span>
|
||
}
|
||
</div>
|
||
if match.FixtureID != nil {
|
||
<a
|
||
href={ templ.SafeURL(fmt.Sprintf("/fixtures/%d/overview", *match.FixtureID)) }
|
||
class="px-3 py-1 bg-surface1 hover:bg-surface2 text-text rounded text-xs
|
||
font-medium transition hover:cursor-pointer"
|
||
>
|
||
View Details
|
||
</a>
|
||
}
|
||
</div>
|
||
}
|
||
|
||
templ seriesContextCard(series *db.PlayoffSeries) {
|
||
{{
|
||
// Determine advancement info
|
||
winnerAdvances := ""
|
||
loserAdvances := ""
|
||
|
||
if series.WinnerNextID != nil {
|
||
// Look through bracket series for the target
|
||
if series.Bracket != nil {
|
||
for _, s := range series.Bracket.Series {
|
||
if s.ID == *series.WinnerNextID {
|
||
winnerAdvances = s.Label
|
||
break
|
||
}
|
||
}
|
||
}
|
||
if winnerAdvances == "" {
|
||
winnerAdvances = "next round"
|
||
}
|
||
}
|
||
if series.LoserNextID != nil {
|
||
if series.Bracket != nil {
|
||
for _, s := range series.Bracket.Series {
|
||
if s.ID == *series.LoserNextID {
|
||
loserAdvances = s.Label
|
||
break
|
||
}
|
||
}
|
||
}
|
||
if loserAdvances == "" {
|
||
loserAdvances = "next round"
|
||
}
|
||
}
|
||
}}
|
||
<div class="bg-mantle border border-surface1 rounded-lg overflow-hidden">
|
||
<div class="bg-surface0 border-b border-surface1 px-4 py-3">
|
||
<h2 class="text-lg font-bold text-text">Series Info</h2>
|
||
</div>
|
||
<div class="p-4 space-y-3">
|
||
<div class="flex items-center gap-3">
|
||
<span class="text-sm text-subtext0 w-24 shrink-0">Round</span>
|
||
<span class="text-sm font-medium text-text">{ roundDisplayName(series.Round) }</span>
|
||
</div>
|
||
<div class="flex items-center gap-3">
|
||
<span class="text-sm text-subtext0 w-24 shrink-0">Format</span>
|
||
<span class="text-sm font-medium text-text">Best of { fmt.Sprint(series.MatchesToWin*2 - 1) } (first to { fmt.Sprint(series.MatchesToWin) })</span>
|
||
</div>
|
||
if series.Team1Seed != nil && series.Team2Seed != nil {
|
||
<div class="flex items-center gap-3">
|
||
<span class="text-sm text-subtext0 w-24 shrink-0">Seeding</span>
|
||
<span class="text-sm font-medium text-text">
|
||
{ ordinal(*series.Team1Seed) } seed vs { ordinal(*series.Team2Seed) } seed
|
||
</span>
|
||
</div>
|
||
}
|
||
if winnerAdvances != "" {
|
||
<div class="flex items-center gap-3">
|
||
<span class="text-sm text-subtext0 w-24 shrink-0">Winner →</span>
|
||
<span class="text-sm font-medium text-green">{ winnerAdvances }</span>
|
||
</div>
|
||
} else {
|
||
<div class="flex items-center gap-3">
|
||
<span class="text-sm text-subtext0 w-24 shrink-0">Winner →</span>
|
||
<span class="text-sm font-medium text-yellow">Champion</span>
|
||
</div>
|
||
}
|
||
if loserAdvances != "" {
|
||
<div class="flex items-center gap-3">
|
||
<span class="text-sm text-subtext0 w-24 shrink-0">Loser →</span>
|
||
<span class="text-sm font-medium text-peach">{ loserAdvances }</span>
|
||
</div>
|
||
} else if series.WinnerNextID != nil {
|
||
<div class="flex items-center gap-3">
|
||
<span class="text-sm text-subtext0 w-24 shrink-0">Loser →</span>
|
||
<span class="text-sm font-medium text-red">Eliminated</span>
|
||
</div>
|
||
}
|
||
</div>
|
||
</div>
|
||
}
|
||
|
||
templ seriesTeamSection(team *db.Team, players []*db.PlayerWithPlayStatus, season *db.Season, league *db.League) {
|
||
{{
|
||
// Sort with managers first
|
||
sort.SliceStable(players, func(i, j int) bool {
|
||
return players[i].IsManager && !players[j].IsManager
|
||
})
|
||
}}
|
||
<div class="bg-mantle border border-surface1 rounded-lg overflow-hidden">
|
||
<div class="bg-surface0 border-b border-surface1 px-4 py-3 flex items-center justify-between">
|
||
<h3 class="text-md font-bold">
|
||
@links.TeamNameLinkInSeason(team, season, league)
|
||
</h3>
|
||
if team.Color != "" {
|
||
<span
|
||
class="w-4 h-4 rounded-full border border-surface1"
|
||
style={ fmt.Sprintf("background-color: %s", team.Color) }
|
||
></span>
|
||
}
|
||
</div>
|
||
if len(players) == 0 {
|
||
<div class="p-4">
|
||
<p class="text-subtext1 text-sm text-center py-2">No players on roster.</p>
|
||
</div>
|
||
} else {
|
||
<div class="p-4">
|
||
<div class="space-y-1">
|
||
for _, p := range players {
|
||
<div class="flex items-center gap-2 px-2 py-1.5 rounded hover:bg-surface0 transition">
|
||
<span class="text-sm">
|
||
@links.PlayerLink(p.Player)
|
||
</span>
|
||
if p.IsManager {
|
||
<span class="px-1.5 py-0.5 bg-yellow/20 text-yellow rounded text-xs font-medium">
|
||
★ Manager
|
||
</span>
|
||
}
|
||
if p.IsFreeAgent {
|
||
<span class="px-1.5 py-0.5 bg-peach/20 text-peach rounded text-xs font-medium">
|
||
FREE AGENT
|
||
</span>
|
||
}
|
||
</div>
|
||
}
|
||
</div>
|
||
</div>
|
||
}
|
||
</div>
|
||
}
|