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

Added Moment module and got data imported into each card

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-03 23:09:39 -06:00
parent 3a87b22d17
commit d7e7372776
1088 changed files with 186474 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ProjectSourceCode/src/views/layouts/main.hbs
View File

@@ -1,19 +1,21 @@
<!DOCTYPE html>
<html lang="en" class="h-100">
<!-- TODO: Add the head.hbs partial here -->
<head>
<!-- Add your head content here -->
{{> head}}
</head>
<body>
<!-- Render the scoreboard header on every page -->
{{> scoreboard-header/scoreboard-header}}
<!-- TODO: Add the nav.hbs partial here -->
<!-- Add your navigation -->
{{> nav}}
<!-- Render the main content of each page -->
{{{body}}}
<!-- TODO: Add the footer.hbs partial here -->
<!-- Add your footer -->
{{> footer}}
</html>
</body>
</html>
s

21
ProjectSourceCode/src/views/partials/footer.hbs
View File

@@ -1,14 +1,11 @@
</body>
<footer class="text-center text-muted w-100 mt-auto fixed-bottom">
<p>
&copy; 2024 - CSCI 3308 Group 6
</p>
<footer class="text-center text-muted w-100 mt-auto fixed-bottom">
<p>
&copy; 2024 - CSCI 3308 Group 6
</p>
<!-- Include Bootstrap JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</footer>
<!-- Include Bootstrap JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</footer>

5
ProjectSourceCode/src/views/partials/head.hbs
View File

@@ -1,4 +1,3 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta name="description" content="" />
@@ -14,6 +13,4 @@
<title>Group 6 Final Project</title>
<!-- Include Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

4
ProjectSourceCode/src/views/partials/nav.hbs
View File

@@ -23,6 +23,4 @@
</div>
</div>
</div>
</nav>
<body>
</nav>

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

@@ -5,13 +5,11 @@
<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>

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

@@ -1,31 +1,12 @@
{{#each matches}}
<div class="card" id="game-card">
<div class="score-card-body">
<div class="scoreboard-container" id="scoreboard">
<div class="scoreboard-league-container">
<!-- 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>
{{> scoreboard-header/game-card}}
<!-- Iterate over matches and insert a game card for each -->
{{#each matches}}
{{> scoreboard-header/game-card}}
{{/each}}
</div>
</div>
{{/each}}