lucaspatenaude/ScoreSpot
1
0
Fork 0
Code Projects 1 Releases 1 Wiki Activity

API calls added for live matches

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-03 22:05:41 -06:00
parent 31b84e44f7
commit 3a87b22d17
16 changed files with 249 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ProjectSourceCode/src/views/partials/scoreboard-header/game-card.hbs
View File

@@ -5,13 +5,15 @@
<div class="left-side">
<!-- Team 1 Name with Score -->
<div class="team">
<p id="team-name">Arsenal</p> <!-- {{team1.name}} -->
<p id="team-score">0</p>
<p id="team-crest">{{ homeTeam.crest }}</p>
<p id="team-name">{{ homeTeam.name }}</p> <!-- {{team1.name}} -->
<p id="team-score">{{ homeTeam.score }}</p>
</div>
<!-- Team 2 Name with Score -->
<div class="team">
<p id="team-name">Liverpool</p> <!-- {{team2.name}} -->
<p id="team-score">1</p>
<p id="team-crest">{{ awayTeam.crest }}</p>
<p id="team-name">{{ awayTeam.name }}</p> <!-- {{team1.name}} -->
<p id="team-score">{{ awayTeam.score }}</p>
</div>
</div>
@@ -19,7 +21,7 @@
<div class="right-side">
<!-- Time -->
<div class="score" style="text-align: center;">
<p id="time">94'</p>
<p id="time">{{ minute }}</p>
</div>
</div>

39
ProjectSourceCode/src/views/partials/scoreboard-header/scoreboard-header.hbs
View File

@@ -1,14 +1,31 @@
<div class="scoreboard-container" id="scoreboard">
<div class="scoreboard-league-container">
<!-- Insert a game card -->
{{> scoreboard-header/game-card}}
{{> scoreboard-header/game-card}}
{{> scoreboard-header/game-card}}
{{> scoreboard-header/game-card}}
{{> scoreboard-header/game-card}}
{{> scoreboard-header/game-card}}
{{> scoreboard-header/game-card}}
{{#each matches}}
<div class="card" id="game-card">
<div class="score-card-body">
<!-- Left side (70%) -->
<div class="left-side">
<!-- Team 1 Name with Score -->
<div class="team">
<p id="team-crest">{{ homeTeam.crest }}</p>
<p id="team-name">{{ homeTeam.name }}</p> <!-- {{team1.name}} -->
<p id="team-score">{{ homeTeam.score }}</p>
</div>
<!-- Team 2 Name with Score -->
<div class="team">
<p id="team-crest">{{ awayTeam.crest }}</p>
<p id="team-name">{{ awayTeam.name }}</p> <!-- {{team1.name}} -->
<p id="team-score">{{ awayTeam.score }}</p>
</div>
</div>
<!-- Right side (30%) -->
<div class="right-side">
<!-- Time -->
<div class="score" style="text-align: center;">
<p id="time">{{ minute }}</p>
</div>
</div>
</div>
</div>
{{/each}}