diff --git a/public/scripts/index.js b/public/scripts/index.js index d752ff1..843ed4b 100644 --- a/public/scripts/index.js +++ b/public/scripts/index.js @@ -8,6 +8,8 @@ const teamDropdown = document.getElementById('team-dropdown'); const gamesTable = document.getElementById('games-table'); const gamesTableHeader = document.getElementById('games-table-header'); const noScoresMessage = document.getElementById('no-scores-message'); +const addScoreButton = document.getElementById('add-score-button'); +const manageButton = document.getElementById('manage-button'); @@ -173,4 +175,13 @@ sportDropdown.onchange = (() => { }); genderDropdown.onchange = listDivisions; teamDropdown.onchange = listGames; -seasonDropdown.onchange = listGames; \ No newline at end of file +seasonDropdown.onchange = listGames; + + +addScoreButton.addEventListener('click', () => { + window.location.href = '/manage/game'; +}); + +manageButton.addEventListener('click', () => { + window.location.href = '/manage' +}); \ No newline at end of file diff --git a/public/stylesheets/index.css b/public/stylesheets/index.css index 2f8f252..7a60f19 100644 --- a/public/stylesheets/index.css +++ b/public/stylesheets/index.css @@ -18,4 +18,15 @@ th { tr { height: 3em; +} + +#header-div { + display: flex; + flex-direction: row; +} + +#actions-div { + display: flex; + flex-direction: column; + margin-left: auto; } \ No newline at end of file diff --git a/views/index.pug b/views/index.pug index 2e52919..674d874 100644 --- a/views/index.pug +++ b/views/index.pug @@ -6,7 +6,11 @@ block stylesheets block content div#mobile-view - h1 Score Tracker + div#header-div + h1 Score Tracker + div#actions-div + button#add-score-button + + button#manage-button Manage div span(class='form-section') label Year