lucaspatenaude/ScoreSpot
1
0
Fork 0
Code Projects 1 Releases 1 Wiki 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

40
ProjectSourceCode/src/views/pages/home.hbs
View File

@@ -1,29 +1,37 @@
<body>
<div class="container mt-5">
<h1 class="mb-4">Welcome</h1>
<div class="container mt-5" id="page-container">
<h1 class="mb-4 underlined-header" id="leagues-header">Leagues</h1>
<div class="card-container">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 g-3">
<div class="row g-3" id="card-row">
<!-- 🇬🇧 Premier League -->
{{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<a href="#" onclick="redirectToLeaguePage('Premier League')" class="card-link" id="league-card">
{{> homepage/league-card leaguename="Premier League" logo="./img/homepage/premier-league/icon.png" title="./img/homepage/premier-league/title.png"}}
</a>
<!-- 🇪🇸 La Liga -->
{{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<a href="#" onclick="redirectToLeaguePage('La Liga')" class="card-link" id="league-card">
{{> homepage/league-card leagueName="La Liga" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
</a>
<!-- 🇩🇪 Bundesliga -->
{{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<a href="#" onclick="redirectToLeaguePage('Bundesliga')" class="card-link" id="league-card">
{{> homepage/league-card leagueName="Bundesliga" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
</a>
<!-- 🇮🇹 Serie A -->
{{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<a href="#" onclick="redirectToLeaguePage('Serie A')" class="card-link" id="league-card">
{{> homepage/league-card leagueName="Serie A" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
</a>
<!-- 🇫🇷 Ligue 1 -->
{{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
<a href="#" onclick="redirectToLeaguePage('Ligue 1')" class="card-link" id="league-card">
{{> homepage/league-card leagueName="Ligue 1" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
</a>
<!-- 🇧🇷 Brasileirao -->
<a href="#" onclick="redirectToLeaguePage('Brasileirao')" class="card-link" id="league-card">
{{> homepage/league-card leagueName="Brasileirao" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
</a>
<!-- 🇧🇷 Brasilerao -->
{{> league_table eventName="Event Name" eventDateTime="Date and Time"}}
</div>
</div>
</div>
</body>
</div>

31
ProjectSourceCode/src/views/pages/login.hbs
View File

@@ -1,31 +0,0 @@
<body class="container">
<!-- Linking forms.css -->
<div class="login-page">
<div class="form-container">
<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" class="btn btn-primary">Submit</button>
</form>
<p class="mt-3">Don't have an account? <a href="/register">Register</a></p>
</div>
</div>
</body>

44
ProjectSourceCode/src/views/pages/register.hbs
View File

@@ -1,4 +1,3 @@
<body class="container">
<div class="register-page">
<div class="form-container">
<h1 class="mt-5 mb-4">Register</h1>
@@ -34,47 +33,4 @@
<p class="mt-3">Already have an account? <a href="/login">Login</a></p>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
const league_select = document.getElementById('league_dropdown');
const team_select = document.getElementById('team_dropdown');
league_select.addEventListener('change', updateTeamSelect);
function updateTeamSelect() {
var selectedLeague = league_select.value;
var teamSelect = team_select;
// Clear existing options
teamSelect.innerHTML = "";
// Add options based on the selected value from the first select element
if (selectedLeague === "La Liga") {
// Add options for La Liga
addOption(teamSelect, "Option 1 for LL", "option1A");
addOption(teamSelect, "Option 2 for LL", "option2A");
} else if (selectedLeague === "Serie A") {
// Add options for Serie A
addOption(teamSelect, "Team 1 in Serie A", "option1B");
addOption(teamSelect, "Team 2 in Serie A", "option2B");
} else {
// Add options for Bundesliga
addOption(teamSelect, "Option 1 for Bun", "option1C");
addOption(teamSelect, "Option 2 for Bun", "option2C");
}
}
function addOption(selectElement, text, value) {
var option = document.createElement("option");
option.text = text;
option.value = value;
selectElement.add(option);
}
});
</script>
</body>