forked from lucaspatenaude/ScoreSpot
committed files
This commit is contained in:
dominicjk
@@ -4,32 +4,32 @@
|
||||
<div class="row g-3" id="card-row">
|
||||
<!-- 🇬🇧 Premier League -->
|
||||
<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"}}
|
||||
{{> homepage/league-card leagueName="Premier League" logo="./img/homepage/premier-league/icon.png" title="./img/homepage/premier-league/title.png"}}
|
||||
</a>
|
||||
|
||||
<!-- 🇪🇸 La Liga -->
|
||||
<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"}}
|
||||
{{> homepage/league-card leagueName="La Liga" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
|
||||
</a>
|
||||
|
||||
<!-- 🇩🇪 Bundesliga -->
|
||||
<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"}}
|
||||
{{> homepage/league-card leagueName="Bundesliga" logo="./img/homepage/bundesliga/icon.png" title="./img/homepage/bundesliga/title.png"}}
|
||||
</a>
|
||||
|
||||
<!-- 🇮🇹 Serie A -->
|
||||
<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"}}
|
||||
{{> homepage/league-card leagueName="Serie A" logo="./img/homepage/serie-a/icon.png" title="./img/homepage/serie-a/title.png"}}
|
||||
</a>
|
||||
|
||||
<!-- 🇫🇷 Ligue 1 -->
|
||||
<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"}}
|
||||
{{> homepage/league-card leagueName="Ligue 1" logo="./img/homepage/ligue-1/icon.png" title="./img/homepage/ligue-1/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"}}
|
||||
{{> homepage/league-card leagueName="Brasileirao" logo="./img/homepage/brasileirao/icon.png" title="./img/homepage/brasileirao/title.png"}}
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
22
ProjectSourceCode/src/views/pages/league-page.hbs
Normal file
22
ProjectSourceCode/src/views/pages/league-page.hbs
Normal file
@@ -0,0 +1,22 @@
|
||||
<div class="container" id="league-page-body">
|
||||
|
||||
<!-- Container for all league information (logo, name, country, etc. ) <- top 100px -->
|
||||
<div class="container" id="league-information-container">
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Container to display all stats for league <- bottom rest of the container -->
|
||||
<div class="container" id="league-stats-container">
|
||||
|
||||
<!-- Container to display league table <- split 50% -->
|
||||
<div class="container" id="league-table-container">
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Container to display top scorers for league <- Split 50% -->
|
||||
<div class="container" id="top-scorers-container">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,16 +1,24 @@
|
||||
<div class="register-page">
|
||||
<div class="form-container">
|
||||
|
||||
<h1 class="mt-5 mb-4">Register</h1>
|
||||
<form action="/register" method="POST" class="mt-3">
|
||||
<div class="mb-3">
|
||||
|
||||
<!--- START OF FORM --->
|
||||
<form action="/register" method="POST" class="mt-3"> <!-- Specify API route to DB -->
|
||||
<!-- app.post('register') is found in index.js -->
|
||||
|
||||
<div class="mb-3" id="username-form">
|
||||
<label for="username" class="form-label">Username:</label>
|
||||
<input type="text" class="form-control" id="usernameInput" name="username" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
|
||||
<div class="mb-3" id="password-form">
|
||||
<label for="password" class="form-label">Password:</label>
|
||||
<input type="password" class="form-control" id="passwordInput" name="password" required>
|
||||
</div>
|
||||
<div class="dropdowns">
|
||||
|
||||
<div class="dropdowns" id="dropdowns-container">
|
||||
|
||||
<div>
|
||||
<label class="form-label">Preferred League :</label><br>
|
||||
<select id="league_dropdown">
|
||||
@@ -22,15 +30,22 @@
|
||||
<option>Brasilerao</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- JavaScript is found at: ProjectSourceCode/src/resources/js/registration/league-and-team-select.js -->
|
||||
<div>
|
||||
<label class="form-label">Favorite Team :</label><br>
|
||||
<select id="team_dropdown">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
|
||||
</form>
|
||||
<!--- END OF FORM --->
|
||||
|
||||
<p class="mt-3">Already have an account? <a href="/login">Login</a></p>
|
||||
|
||||
</div>
|
||||
|
||||
<script src = "js/registry-page/selectFunctions.js"> </script>
|
||||
|
||||
@@ -3,13 +3,16 @@
|
||||
© 2024 - CSCI 3308 Group 6
|
||||
</p>
|
||||
|
||||
<!-- Navigation Bar Scripts -->
|
||||
<script src="js/navigation-bar/navigation-bar-follow.js"></script>
|
||||
<script src="js/navigation-bar/user/login.js"></script>
|
||||
<!-- Registration Page Scripts -->
|
||||
<script src="/js/registration/league-and-team-select.js"></script>
|
||||
|
||||
<!-- Navigation Bar Scripts -->
|
||||
<script src="/js/navigation-bar/navigation-bar-follow.js"></script>
|
||||
<script src="/js/navigation-bar/user/login.js"></script>
|
||||
|
||||
<!-- Homepage Scripts -->
|
||||
<script src="/js/homepage/redirect-to-league-url.js"></script>
|
||||
<script src="/routes/league-pages/generate-league-routes.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>
|
||||
@@ -1,18 +1,28 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
|
||||
<meta name="description" content="" />
|
||||
<!-- Set the Content-Security-Policy header to allow inline scripts -->
|
||||
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' https://code.jquery.com https://cdn.jsdelivr.net https://stackpath.bootstrapcdn.com;">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Linking forms.css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/login_and_registration.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/homepage/homepage.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/login_and_registration.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">
|
||||
<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">
|
||||
<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">
|
||||
|
||||
<!-- Home Page Stylesheets -->
|
||||
<link rel="stylesheet" type="text/css" href="/css/homepage/homepage.css">
|
||||
|
||||
<!-- League Page Stylesheets -->
|
||||
<link rel="stylesheet" type="text/css" href="/css/league-page/league-page.css">
|
||||
|
||||
<title>Group 6 Final Project</title>
|
||||
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
<div class="banner">
|
||||
<div class="content" id="card-contents">
|
||||
<img src={{logo}} height="120">
|
||||
<img src={{title}} height="80">
|
||||
{{flag}}
|
||||
<img id="logo" src={{logo}}>
|
||||
<div class="title-wrapper">
|
||||
<img id="title-logo" src={{title}}>
|
||||
{{flag}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
<h1>Hello</h1>
|
||||
@@ -1,27 +0,0 @@
|
||||
|
||||
<nav class="navbar navbar-expand-sm border-bottom">
|
||||
<div class="container">
|
||||
<button
|
||||
class="navbar-toggler ms-auto"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbar-collapse"
|
||||
aria-controls="navbar"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="navbar-nav me-auto">
|
||||
<li class="nav-item">
|
||||
<!-- TODO: For Discover, add a <a> tag with an attribute href to call the '/discover' API -->
|
||||
<a class="nav-link" href="/home">Home</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="nav-item me-1">
|
||||
<!-- TODO: For Logout, add a <a> tag with an attribute href to call the '/logout API -->
|
||||
<a class="nav-link" href="/logout">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -15,41 +15,41 @@
|
||||
<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>
|
||||
<a class="nav-link" href="/league/premier-league">Premier League</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Bundesliga</a>
|
||||
<a class="nav-link" href="/league/bundesliga">Bundesliga</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">La Liga</a>
|
||||
<a class="nav-link" href="/league/la-liga">La Liga</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Serie A</a>
|
||||
<a class="nav-link" href="/league/serie-a">Serie A</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Ligue 1</a>
|
||||
<a class="nav-link" href="/league/ligue-1">Ligue 1</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Brasileirao</a>
|
||||
<a class="nav-link" href="/league/brasileirao">Brasileirao</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="user" class="user-icon">
|
||||
<img src="img/navigation-bar/user.png" alt="Your Image" class="img-fluid">
|
||||
<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">
|
||||
<div class="container" id="login-container">
|
||||
{{> navigation-bar/login}}
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user