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

Code fixes to make menus more unified

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-24 18:46:31 -06:00
parent e5ac576391
commit 77b33a0606
10 changed files with 37 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
ProjectSourceCode/src/views/partials/navigation-bar/user-menu/account-screen.hbs Normal file
View File

@@ -0,0 +1,17 @@
<!-- Linking forms.css -->
<div class="account-portal-container" id="account-pane">
<div class="form-container" id="login-form">
<a id="username">Username: {{user.username}}</a>
<a style="text-decoration: underline;">Favorite Teams:</a> <br>
{{#each fav_teams}}
<img id="teamlogo" src="{{this.teamlogo}}" alt="teamlogo">
<span>{{this.teamname}}</span> <br>
{{/each}}
<a class="account-portal-button" id="logout-button" href="/logout">Logout</a>
</div>
</div>

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

@@ -0,0 +1,29 @@
<!-- Linking forms.css -->
<div class="account-portal-container" id="login-pane">
<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 class="account-portal-button" type="submit" id="login-submit">Submit</button>
</form>
<p class="mt-3">Don't have an account? <a id="register-button" href="/home">Register</a></p>
</div>
</div>

29
ProjectSourceCode/src/views/partials/navigation-bar/user-menu/register.hbs Normal file
View File

@@ -0,0 +1,29 @@
<div class="account-portal-container" id="register-pane">
<div class="form-container">
<h1 class="mt-5 mb-4">Register</h1>
<!--- 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" id="password-form">
<label for="password" class="form-label">Password:</label>
<input type="password" class="form-control" id="passwordInput" name="password" required>
</div>
<button type="submit" class="account-portal-button">Submit</button>
</form>
<!--- END OF FORM --->
<p class="mt-3">Already have an account? <a id="register-page-login-button" href="/login">Login</a></p>
</div>
</div>