Merge branch 'main' into add-scoreboard-header

This commit is contained in:
Lucas Patenaude
2024-04-09 20:36:35 -06:00
committed by GitHub
15 changed files with 183 additions and 62 deletions

View File

@@ -1,27 +1,36 @@
<div class="container mt-5">
<h1 class="mb-4">Welcome</h1>
<h1 class="mb-4 underlined-header">Leagues</h1>
<div class="card-container">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 g-3">
<!-- 🇬🇧 Premier League -->
{{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<!-- 🇪🇸 La Liga -->
{{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<!-- 🇩🇪 Bundesliga -->
{{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<!-- 🇮🇹 Serie A -->
{{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<!-- 🇫🇷 Ligue 1 -->
{{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<!-- 🇧🇷 Brasilerao -->
{{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
</div>
<div class="row g-3">
<!-- 🇬🇧 Premier League -->
<a href="league-page.hbs" class="card-link">
{{> league_table leagueName="Premier League" logo="./img/home-screen/premier-league/icon.png" title="./img/home-screen/premier-league/title.png"}}
</a>
<!-- 🇪🇸 La Liga -->
{{> league_table leagueName="La Liga" logo="./img/home-screen/la-liga/icon.png" title="./img/home-screen/la-liga/title.png"}}
<!-- 🇩🇪 Bundesliga -->
{{> league_table leagueName="Bundesliga" logo="./img/home-screen/la-liga/icon.png" title="./img/home-screen/la-liga/title.png"}}
<!-- 🇮🇹 Serie A -->
{{> league_table leagueName="Serie A" logo="./img/home-screen/la-liga/icon.png" title="./img/home-screen/la-liga/title.png"}}
<!-- 🇫🇷 Ligue 1 -->
{{> league_table leagueName="Ligue 1" logo="./img/home-screen/la-liga/icon.png" title="./img/home-screen/la-liga/title.png"}}
<!-- 🇧🇷 Brasilerao -->
{{> league_table leagueName="Brasileirao" logo="./img/home-screen/la-liga/icon.png" title="./img/home-screen/la-liga/title.png"}}
/* Script to generate league URLs */
<script>
function redirectToLeaguePage(leagueName)
{
window.location.href = '/league-page/' + encodeURIComponent(leagueName);
}
</script>
</div>
</div>
</div>

View File

@@ -14,6 +14,32 @@
<input type="password" class="form-control" id="password" name="password" required>
</div>
<div class = "dropdowns">
<div id="league_dropdown">
<label for="password" class="form-label">Preferred League :</label><br>
<select id="dropdown">
<option value="option1">Premier League</option>
<option value="option2">La Liga</option>
<option value="option3">Bundesliga</option>
<option value="option3">Serie A</option>
<option value="option3">Ligue 1</option>
<option value="option3">Brasilerao</option>
</select>
</div>
<div id="team_dropdown">
<label for="password" class="form-label">Favourite Team :</label><br>
<select id="dropdown">
<option value="option1">Premier League</option>
<option value="option2">La Liga</option>
<option value="option3">Bundesliga</option>
<option value="option3">Serie A</option>
<option value="option3">Ligue 1</option>
<option value="option3">Brasilerao</option>
</select>
</div>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>

View File

@@ -1,34 +1,7 @@
<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>
<div class="banner">
<div class="content">
<img src={{logo}} height="120">
<img src={{title}} height="80">
{{flag}}
</div>
</div>