Lukeflix/JellySport
1
0
Fork 0
forked from lucaspatenaude/ScoreSpot
Code Pull Requests Activity

Merge branch 'main' of https://github.com/LucasPatenaude/ScoreSpot

Browse Source
This commit is contained in:
dominicjk
2024-04-10 16:55:12 -06:00
parent 5fd55ad4c4 fc850f47ae
commit a941195bdd
37 changed files with 876 additions and 636 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,8 +1,15 @@
<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>
<!-- TODO: Add the <script><script /> tag to include bootstrap javascript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</footer>
<!-- Navigation Bar Scripts -->
<script src="js/navigation-bar/navigation-bar-follow.js"></script>
<script src="js/navigation-bar/user/login.js"></script>
<!-- Include Bootstrap JavaScript -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</footer>

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

@@ -1,20 +1,20 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta name="description" content="" />
<!-- Linking forms.css -->
<link rel="stylesheet" type="text/css" href="css/login_and_registration.css">
<link rel="stylesheet" type="text/css" href="css/home-screen.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">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/homepage/homepage.css">
<!-- Navigation Bar Stylesheets -->
<link rel="stylesheet" type="text/css" href="css/navigation-bar/navigation-bar.css">
<link rel="stylesheet" type="text/css" href="css/navigation-bar/login.css">
<!-- Scoreboard Header Stylesheets -->
<link rel="stylesheet" type="text/css" href="css/navigation-bar/scoreboard-header/scoreboard.css">
<link rel="stylesheet" type="text/css" href="css/navigation-bar/scoreboard-header/game-card.css">
<title>Group 6 Final Project</title>
<!-- Include Bootstrap CSS -->
<body class="h-100 d-flex flex-column"></body>
</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">

7
ProjectSourceCode/src/views/partials/homepage/league-card.hbs Normal file
View File

@@ -0,0 +1,7 @@
<div class="banner">
<div class="content" id="card-contents">
<img src={{logo}} height="120">
<img src={{title}} height="80">
{{flag}}
</div>
</div>

1
ProjectSourceCode/src/views/partials/league-page/league-page.hbs Normal file
View File

@@ -0,0 +1 @@
<h1>Hello</h1>

34
ProjectSourceCode/src/views/partials/league_table.hbs
View File

@@ -1,34 +0,0 @@
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-body">
<h5 class="card-title">League Name</h5> <!-- Insert Name using Handlesbars and API -->
<table class="table">
<thead>
<tr>
<th>Position</th>
<th>Club Name</th>
<th>Wins</th>
<th>Draws</th>
<th>Losses</th>
<th>Points</th>
</tr>
</thead>
<tbody>
<!-- Add rows dynamically using backend data -->
<tr>
<td>1</td>
<td>Club A</td>
<td>10</td>
<td>5</td>
<td>3</td>
<td>35</td>
</tr>
<!-- Add more rows if needed -->
</tbody>
</table>
<a href="#" class="btn btn-primary">View League</a>
</div>
</div>
</div>

29
ProjectSourceCode/src/views/partials/navigation-bar/login.hbs Normal file
View File

@@ -0,0 +1,29 @@
<!-- Linking forms.css -->
<div class="login-page" id="login-page">
<div class="form-container" id="login-form">
<h1 class="mt-5 mb-4">Login</h1>
<!-- Check if message variable is present to display message partial -->
{{#if message}}
{{> message}}
{{/if}}
<form action="/login" method="POST" class="mt-3">
<div class="mb-3">
<label for="username" class="form-label">Username:</label>
<input type="text" class="form-control" id="username" name="username" required>
</div>
<div class="mb-3">
<label for="password" class="form-label">Password:</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<button type="submit" id="login-submit">Submit</button>
</form>
<p class="mt-3">Don't have an account? <a href="/register">Register</a></p>
</div>
</div>

57
ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs Normal file
View File

@@ -0,0 +1,57 @@
<!-- Include jQuery library -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- HTML structure -->
<nav class="navbar navbar-expand-lg navbar-dark" id="navigation-bar-container">
<div class="container-fluid d-flex justify-content align-items-center">
<div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation" style="margin-right: 20px;">
<span class="navbar-toggler-icon"></span>
</button>
<a class="logo" id="logo" href="/home">ScoreSpot</a>
<div id="line"></div>
</div>
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0" id="navbar-list">
<li class="nav-item">
<a class="nav-link" href="#">Premier League</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Bundesliga</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">La Liga</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Serie A</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Ligue 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Brasileirao</a>
</li>
</ul>
</div>
<div id="user" class="user-icon">
<img src="img/navigation-bar/user.png" alt="Your Image" class="img-fluid">
</div>
</div>
</nav>
<!-- Container for login section -->
<div id="login-container" class="container">
{{> navigation-bar/login}}
</div>

31
ProjectSourceCode/src/views/partials/navigation-bar/scoreboard-header/game-card.hbs Normal file
View File

@@ -0,0 +1,31 @@
<div class="game-card" id="game-card">
<div class="score-card-body">
<!-- Left side (70%) -->
<div class="card-team-container">
<!-- Team 1 Name with Score -->
<div class="team">
<img src="{{ homeTeam.crest }}" alt="{{ homeTeam.name }} Crest">
<p id="team-name">{{ homeTeam.name }}</p> <!-- {{team1.name}} -->
<p id="team-score">{{ score.homeScore }}</p>
</div>
<!-- Team 2 Name with Score -->
<div class="team">
<img src="{{ awayTeam.crest }}" alt="{{ awayTeam.name }} Crest">
<p id="team-name">{{ awayTeam.name }}</p> <!-- {{team1.name}} -->
<p id="team-score">{{ score.awayScore }}</p>
</div>
</div>
<!-- Right side (30%) -->
<div class="card-game-information-container">
<!-- Time -->
<div class="game-info">
<p id="time">{{ minute }}</p>
</div>
</div>
</div>
</div>

10
ProjectSourceCode/src/views/partials/navigation-bar/scoreboard-header/scoreboard-header.hbs Normal file
View File

@@ -0,0 +1,10 @@
<div class="scoreboard-container" id="scoreboard">
<div class="scoreboard-league-container">
<!-- Iterate over matches and insert a game card for each -->
{{#each matches}}
{{> navigation-bar/scoreboard-header/game-card}}
{{/each}}
</div>
</div>