Fade out losers on completed matches

This commit is contained in:
unknown
2022-08-21 10:46:18 -07:00
committed by Patrick Fairbank
parent 0b864d37dd
commit a23d675ebb

View File

@@ -138,12 +138,12 @@
stroke-miterlimit:10; stroke-miterlimit:10;
} }
.matchblock.complete #background {
fill:#e8e8e8;
}
.matchblock.active #background { .matchblock.active #background {
fill:#444444; fill:#444444;
} }
.matchblock.complete #background {
fill:#dddddd;
}
.red {fill:#FF2222;} .red {fill:#FF2222;}
.blue {fill:#2080FF;} .blue {fill:#2080FF;}
@@ -181,6 +181,21 @@
text-anchor:middle; text-anchor:middle;
} }
.matchblock.complete.red-win .teamnum.b,
.matchblock.complete.blue-win .teamnum.r {
fill:#888888;
}
.matchblock.complete.red-win.active .teamnum.b,
.matchblock.complete.blue-win.active .teamnum.r {
fill:#cccccc;
}
.matchblock.complete.blue-win .alliancenum.r {
fill:#ffc8c8;
}
.matchblock.complete.red-win .alliancenum.b {
fill:#A9D6FF;
}
<!-- Match Positioning --> <!-- Match Positioning -->
.bracket_double #match_1_1 {transform: translate(114px, 158px);} .bracket_double #match_1_1 {transform: translate(114px, 158px);}
@@ -464,7 +479,7 @@
{{end}} {{end}}
{{define "matchup"}} {{define "matchup"}}
<g id="match_{{.Round}}_{{.Group}}" class="matchblock {{if .IsActive}}active{{else if .IsComplete}}complete{{end}}"> <g id="match_{{.Round}}_{{.Group}}" class="matchblock {{if .IsActive}}active{{end}} {{if .IsComplete}}complete {{.SeriesLeader}}-win{{end}}">
<rect class="structure" id="background" y="23" width="205" height="130.452"/> <rect class="structure" id="background" y="23" width="205" height="130.452"/>
<rect class="red" y="23" width="45.567" height="66.319"/> <rect class="red" y="23" width="45.567" height="66.319"/>
<rect class="blue" y="89.133" width="45.567" height="64.319"/> <rect class="blue" y="89.133" width="45.567" height="64.319"/>
@@ -473,27 +488,27 @@
<text id="series_status" x="203.9999" y="170.5669" class="{{.SeriesLeader}}">{{.SeriesStatus}}</text> <text id="series_status" x="203.9999" y="170.5669" class="{{.SeriesLeader}}">{{.SeriesStatus}}</text>
<text id="match_title" x="0" y="17.3691">{{.DisplayName}}</text> <text id="match_title" x="0" y="17.3691">{{.DisplayName}}</text>
{{if .RedAlliance}} {{if .RedAlliance}}
<text x="22" y="70" class="alliancenum">{{.RedAlliance.Id}}</text> <text x="22" y="70" class="alliancenum r">{{.RedAlliance.Id}}</text>
{{if ge (len .RedAlliance.TeamIds) 3}} {{if ge (len .RedAlliance.TeamIds) 3}}
<text x="86.7247" y="54.0281" class="teamnum">{{index .RedAlliance.TeamIds 0}}</text> <text x="86.7247" y="54.0281" class="teamnum r">{{index .RedAlliance.TeamIds 0}}</text>
<text x="162.8365" y="54.0281" class="teamnum">{{index .RedAlliance.TeamIds 1}}</text> <text x="162.8365" y="54.0281" class="teamnum r">{{index .RedAlliance.TeamIds 1}}</text>
<text x="86.7247" y="81.2683" class="teamnum">{{index .RedAlliance.TeamIds 2}}</text> <text x="86.7247" y="81.2683" class="teamnum r">{{index .RedAlliance.TeamIds 2}}</text>
{{end}} {{end}}
{{if ge (len .RedAlliance.TeamIds) 4}} {{if ge (len .RedAlliance.TeamIds) 4}}
<text x="162.8365" y="81.2683" class="teamnum">{{index .RedAlliance.TeamIds 3}}</text> <text x="162.8365" y="81.2683" class="teamnum r">{{index .RedAlliance.TeamIds 3}}</text>
{{end}} {{end}}
{{else}} {{else}}
<text class="placeholder" x="101.1501" y="66.5769">{{.RedAllianceSource}}</text> <text class="placeholder" x="101.1501" y="66.5769">{{.RedAllianceSource}}</text>
{{end}} {{end}}
{{if .BlueAlliance}} {{if .BlueAlliance}}
<text x="22" y="135" class="alliancenum">{{.BlueAlliance.Id}}</text> <text x="22" y="135" class="alliancenum b">{{.BlueAlliance.Id}}</text>
{{if ge (len .BlueAlliance.TeamIds) 3}} {{if ge (len .BlueAlliance.TeamIds) 3}}
<text x="86.7247" y="119.1797" class="teamnum">{{index .BlueAlliance.TeamIds 0}}</text> <text x="86.7247" y="119.1797" class="teamnum b">{{index .BlueAlliance.TeamIds 0}}</text>
<text x="162.8365" y="119.1797" class="teamnum">{{index .BlueAlliance.TeamIds 1}}</text> <text x="162.8365" y="119.1797" class="teamnum b">{{index .BlueAlliance.TeamIds 1}}</text>
<text x="86.7247" y="146.4199" class="teamnum">{{index .BlueAlliance.TeamIds 2}}</text> <text x="86.7247" y="146.4199" class="teamnum b">{{index .BlueAlliance.TeamIds 2}}</text>
{{end}} {{end}}
{{if ge (len .BlueAlliance.TeamIds) 4}} {{if ge (len .BlueAlliance.TeamIds) 4}}
<text x="162.8365" y="146.4199" class="teamnum">{{index .BlueAlliance.TeamIds 3}}</text> <text x="162.8365" y="146.4199" class="teamnum b">{{index .BlueAlliance.TeamIds 3}}</text>
{{end}} {{end}}
{{else}} {{else}}
<text class="placeholder" x="101.1501" y="130.4177">{{.BlueAllianceSource}}</text> <text class="placeholder" x="101.1501" y="130.4177">{{.BlueAllianceSource}}</text>