Fixes to file structure
@@ -3,9 +3,6 @@
|
|||||||
"dockerComposeFile": "../docker-compose.yml",
|
"dockerComposeFile": "../docker-compose.yml",
|
||||||
"service": "web",
|
"service": "web",
|
||||||
"workspaceFolder": "/home/node/app",
|
"workspaceFolder": "/home/node/app",
|
||||||
"extensions": [
|
|
||||||
"ecmel.vscode-html-css"
|
|
||||||
],
|
|
||||||
"forwardPorts": [3000],
|
"forwardPorts": [3000],
|
||||||
"postCreateCommand": "npm install"
|
"postCreateCommand": "npm install"
|
||||||
}
|
}
|
||||||
25
README.md
@@ -1,4 +1,4 @@
|
|||||||
<img src="src/assets/img/logo.png" width="80%"/>
|
<img src="public/assets/img/logo.png" width="80%">
|
||||||
|
|
||||||
# Welcome to ScoreSpot
|
# Welcome to ScoreSpot
|
||||||
|
|
||||||
@@ -14,19 +14,19 @@ Whether you're looking to keep track of your favorite team's performance or simp
|
|||||||
|
|
||||||
### Homepage
|
### Homepage
|
||||||
|
|
||||||
<img src="public/images/home-page.png" width="90%"/>
|
<img src="public/assets/img/readMe/home-page.png" width="90%"/>
|
||||||
|
|
||||||
### Leagues Page
|
### Leagues Page
|
||||||
|
|
||||||
<img src="public/images/league-page.png" width="90%"/>
|
<img src="public/assets/img/readMe/league-page.png" width="90%"/>
|
||||||
|
|
||||||
### Individual Club Page
|
### Individual Club Page
|
||||||
|
|
||||||
<img src="public/images/club-page.png" width="90%"/>
|
<img src="public/assets/img/readMe/club-page.png" width="90%"/>
|
||||||
|
|
||||||
### Account Management
|
### Account Management
|
||||||
|
|
||||||
<img src="public/images/account-page.png" width="90%"/>
|
<img src="public/assets/img/readMe/account-page.png" width="90%"/>
|
||||||
|
|
||||||
# Technology Stack
|
# Technology Stack
|
||||||
|
|
||||||
@@ -45,7 +45,7 @@ With its sophisticated tech setup, ScoreSpot brings innovation to soccer stat tr
|
|||||||
# How to Deploy ScoreSpot
|
# How to Deploy ScoreSpot
|
||||||
|
|
||||||
> ⚠️ **BEFORE DEPLOYING** ⚠️
|
> ⚠️ **BEFORE DEPLOYING** ⚠️
|
||||||
>
|
>
|
||||||
> In order to deploy ScoreSpot you must have the following installed to your operating sytem:
|
> In order to deploy ScoreSpot you must have the following installed to your operating sytem:
|
||||||
>
|
>
|
||||||
> 1. [Docker](https://docs.docker.com/get-docker/)
|
> 1. [Docker](https://docs.docker.com/get-docker/)
|
||||||
@@ -56,8 +56,7 @@ With its sophisticated tech setup, ScoreSpot brings innovation to soccer stat tr
|
|||||||
|
|
||||||
**Once the following dependencies above are installed navigate to the top of the repsoitory and copy the following link:**
|
**Once the following dependencies above are installed navigate to the top of the repsoitory and copy the following link:**
|
||||||
|
|
||||||
> https://github.com/LucasPatenaude/ScoreSpot.git
|
> <https://github.com/LucasPatenaude/ScoreSpot.git>
|
||||||
|
|
||||||
|
|
||||||
**Using a Git GUI or the terminal select a location to store the repository. In this example, I'll store it in a folder called `programming` in the home directory**
|
**Using a Git GUI or the terminal select a location to store the repository. In this example, I'll store it in a folder called `programming` in the home directory**
|
||||||
|
|
||||||
@@ -71,24 +70,18 @@ With its sophisticated tech setup, ScoreSpot brings innovation to soccer stat tr
|
|||||||
|
|
||||||
`cd /c/Users/<YourUsername>` <--- Replace with your windows user name
|
`cd /c/Users/<YourUsername>` <--- Replace with your windows user name
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
2. In the home directory create a folder called `programming`
|
2. In the home directory create a folder called `programming`
|
||||||
|
|
||||||
> On All Systems
|
> On All Systems
|
||||||
|
|
||||||
`mkdir programming`
|
`mkdir programming`
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
3. Now that `programming` is created navigate to it
|
3. Now that `programming` is created navigate to it
|
||||||
|
|
||||||
> On All Systems
|
> On All Systems
|
||||||
|
|
||||||
`cd programming`
|
`cd programming`
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
4. **Now that you're in the `~/programming` directory it's time to clone the repository**
|
4. **Now that you're in the `~/programming` directory it's time to clone the repository**
|
||||||
|
|
||||||
> On All Systems
|
> On All Systems
|
||||||
@@ -126,7 +119,7 @@ With its sophisticated tech setup, ScoreSpot brings innovation to soccer stat tr
|
|||||||
> 💡 TIP 💡
|
> 💡 TIP 💡
|
||||||
>
|
>
|
||||||
> Congragulations! ScoreSpot should now be deployed on your server at port 3000
|
> Congragulations! ScoreSpot should now be deployed on your server at port 3000
|
||||||
>
|
>
|
||||||
> To enter your ScoreSpot deployment enter `localhost:3000/` into your browser's addess bar
|
> To enter your ScoreSpot deployment enter `localhost:3000/` into your browser's addess bar
|
||||||
|
|
||||||
---
|
---
|
||||||
@@ -176,5 +169,5 @@ With its sophisticated tech setup, ScoreSpot brings innovation to soccer stat tr
|
|||||||
> 💡 TIP 💡
|
> 💡 TIP 💡
|
||||||
>
|
>
|
||||||
> Congragulations! ScoreSpot should now show it's test results on bootup
|
> Congragulations! ScoreSpot should now show it's test results on bootup
|
||||||
>
|
>
|
||||||
> To view the test results navigate to Docker and open the container's logs
|
> To view the test results navigate to Docker and open the container's logs
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
version: '3.9'
|
version: "3.9"
|
||||||
|
|
||||||
services:
|
services:
|
||||||
db:
|
db:
|
||||||
@@ -9,14 +9,14 @@ services:
|
|||||||
POSTGRES_PASSWORD: "pwd"
|
POSTGRES_PASSWORD: "pwd"
|
||||||
POSTGRES_DB: "users_db"
|
POSTGRES_DB: "users_db"
|
||||||
ports:
|
ports:
|
||||||
- '5432:5432'
|
- "5432:5432"
|
||||||
volumes:
|
volumes:
|
||||||
- users-database:/var/lib/postgresql/data
|
- users-database:/var/lib/postgresql/data
|
||||||
- ./public/init_data:/docker-entrypoint-initdb.d
|
- src/init_data:/docker-entrypoint-initdb.d
|
||||||
web:
|
web:
|
||||||
container_name: node-web-interface
|
container_name: node-web-interface
|
||||||
image: node:lts
|
image: node:lts
|
||||||
user: 'node'
|
user: "node"
|
||||||
working_dir: /home/node/app
|
working_dir: /home/node/app
|
||||||
environment:
|
environment:
|
||||||
NODE_ENV: development
|
NODE_ENV: development
|
||||||
@@ -25,11 +25,11 @@ services:
|
|||||||
depends_on:
|
depends_on:
|
||||||
- db
|
- db
|
||||||
ports:
|
ports:
|
||||||
- '3000:3000'
|
- "3000:3000"
|
||||||
volumes:
|
volumes:
|
||||||
- .:/home/node/app # Mount Client directory
|
- .:/home/node/app # Mount Client directory
|
||||||
- ./node_modules:/home/node/app/node_modules # Mount node_modules directory
|
- ./node_modules:/home/node/app/node_modules # Mount node_modules directory
|
||||||
command: 'npm run start'
|
command: "npm run start"
|
||||||
|
|
||||||
volumes:
|
volumes:
|
||||||
users-database:
|
users-database:
|
||||||
|
|||||||
368
index.js
@@ -1,368 +0,0 @@
|
|||||||
// *****************************************************
|
|
||||||
// <!-- Section 1 : Import Dependencies -->
|
|
||||||
// *****************************************************
|
|
||||||
|
|
||||||
const express = require('express'); // To build an application server or API
|
|
||||||
const app = express();
|
|
||||||
const handlebars = require('express-handlebars');
|
|
||||||
const Handlebars = require('handlebars');
|
|
||||||
const path = require('path');
|
|
||||||
const pgp = require('pg-promise')(); // To connect to the Postgres DB from the node server
|
|
||||||
const bodyParser = require('body-parser');
|
|
||||||
const session = require('express-session'); // To set the session object. To store or access session data, use the `req.session`, which is (generally) serialized as JSON by the store.
|
|
||||||
const bcrypt = require('bcryptjs'); // To hash passwords
|
|
||||||
const axios = require('axios'); // To make HTTP requests from our server. We'll learn more about it in Part C.
|
|
||||||
const moment = require('moment'); // To extract current time data
|
|
||||||
|
|
||||||
// *****************************************************
|
|
||||||
// <!-- Section 2 : Connect to DB -->
|
|
||||||
// *****************************************************
|
|
||||||
|
|
||||||
// create `ExpressHandlebars` instance and configure the layouts and partials dir.
|
|
||||||
const hbs = handlebars.create({
|
|
||||||
extname: 'hbs',
|
|
||||||
layoutsDir: __dirname + '/src/views/layouts',
|
|
||||||
partialsDir: __dirname + '/src/views/partials',
|
|
||||||
});
|
|
||||||
|
|
||||||
// database configuration
|
|
||||||
// database configuration
|
|
||||||
const dbConfig = {
|
|
||||||
host: 'db', // the database server
|
|
||||||
port: 5432, // the database port
|
|
||||||
database: "users_db", // the database name
|
|
||||||
user: "postgres", // the user account to connect with
|
|
||||||
password: "pwd", // the password of the user account
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
const db = pgp(dbConfig);
|
|
||||||
|
|
||||||
// test your database
|
|
||||||
db.connect()
|
|
||||||
.then(obj => {
|
|
||||||
console.log('Database connection successful'); // you can view this message in the docker compose logs
|
|
||||||
obj.done(); // success, release the connection;
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.log('ERROR:', error.message || error);
|
|
||||||
});
|
|
||||||
|
|
||||||
// *****************************************************
|
|
||||||
// <!-- Section 3 : App Settings -->
|
|
||||||
// *****************************************************
|
|
||||||
|
|
||||||
// Register `hbs` as our view engine using its bound `engine()` function.
|
|
||||||
app.engine('hbs', hbs.engine);
|
|
||||||
app.set('view engine', 'hbs');
|
|
||||||
app.set('views', path.join(__dirname, '/src/views'));
|
|
||||||
app.use(bodyParser.json()); // specify the usage of JSON for parsing request body.
|
|
||||||
|
|
||||||
// initialize session variables
|
|
||||||
app.get('/welcome', (req, res) => {
|
|
||||||
res.json({status: 'success', message: 'Welcome!'});
|
|
||||||
});
|
|
||||||
app.use(
|
|
||||||
session({
|
|
||||||
secret: process.env.SESSION_SECRET,
|
|
||||||
saveUninitialized: false,
|
|
||||||
resave: false,
|
|
||||||
})
|
|
||||||
);
|
|
||||||
|
|
||||||
app.use(
|
|
||||||
bodyParser.urlencoded({
|
|
||||||
extended: true,
|
|
||||||
})
|
|
||||||
);
|
|
||||||
app.use(async function(req, res, next) {
|
|
||||||
res.locals.user = req.session.user;
|
|
||||||
|
|
||||||
if(res.locals.user) {
|
|
||||||
try {
|
|
||||||
res.locals.fav_teams = await getFavoriteTeamsForUser(res.locals.user.userid);
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error fetching favorite teams:', error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
next();
|
|
||||||
});
|
|
||||||
|
|
||||||
// Serve static files from the 'public' directory
|
|
||||||
app.use(express.static(path.join(__dirname, '/src/assets')));
|
|
||||||
|
|
||||||
// *****************************************************
|
|
||||||
// <!-- Section 4 : Middleware -->
|
|
||||||
// *****************************************************
|
|
||||||
|
|
||||||
// Middleware to automatically update live scoreboard
|
|
||||||
const fetchMatchesData = require('./src/assets/middleware/navigation-bar/current-match-information');
|
|
||||||
app.use(fetchMatchesData);
|
|
||||||
|
|
||||||
//Middleware to automatically update in-game time abbreviations
|
|
||||||
|
|
||||||
const convert_time = require('./src/assets/middleware/navigation-bar/convert-time');
|
|
||||||
app.use(convert_time);
|
|
||||||
|
|
||||||
|
|
||||||
// Leagues Page Middleware
|
|
||||||
|
|
||||||
const fetchLeaguesData = require('./src/assets/middleware/leagues-page/get-current-league-information');
|
|
||||||
const fetchLeagueScorerData = require('./src/assets/middleware/leagues-page/get-current-league-top-scorers');
|
|
||||||
|
|
||||||
app.get('/league/:leagueID', [fetchLeaguesData, fetchLeagueScorerData], (req, res) => {
|
|
||||||
// Render the Handlebars view with league data
|
|
||||||
res.render('pages/leagues-page', {
|
|
||||||
leagueID: req.params.leagueID,
|
|
||||||
leagues: res.locals.leagues,
|
|
||||||
scorers: res.locals.topScorers // Assuming fetchLeagueScorerData sets the data in res.locals.scorers
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Clubs Page Middleware
|
|
||||||
|
|
||||||
const fetchClubsData = require('./src/assets/middleware/clubs-page/get-current-club-information');
|
|
||||||
|
|
||||||
app.get('/club/:clubID', [fetchClubsData], (req, res) => {
|
|
||||||
// Render the Handlebars view with league data
|
|
||||||
|
|
||||||
var isFav = false;
|
|
||||||
var fav_teams = res.locals.fav_teams;
|
|
||||||
if(res.locals.user && fav_teams)
|
|
||||||
{
|
|
||||||
const isTeamIDInFavTeams = fav_teams.some(team => {
|
|
||||||
const teamIdInt = parseInt(team.teamid);
|
|
||||||
const clubIdInt = parseInt(req.params.clubID);
|
|
||||||
console.log('Checking team:', teamIdInt);
|
|
||||||
console.log('equal to', clubIdInt);
|
|
||||||
return teamIdInt === clubIdInt;
|
|
||||||
});
|
|
||||||
if (isTeamIDInFavTeams) {
|
|
||||||
isFav = true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
res.render('pages/clubs-page', {
|
|
||||||
isFav: isFav,
|
|
||||||
clubID: req.params.clubID,
|
|
||||||
clubs: res.locals.club
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// *****************************************************
|
|
||||||
// <!-- Section 5 : API Routes -->
|
|
||||||
// *****************************************************
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Login Page Routes
|
|
||||||
*************************/
|
|
||||||
|
|
||||||
// Redirect to the /login endpoint
|
|
||||||
app.get('/', (req, res) => {
|
|
||||||
res.redirect('/home');
|
|
||||||
});
|
|
||||||
|
|
||||||
// Render login page for /login route
|
|
||||||
app.get('/login', (req, res) => {
|
|
||||||
res.render('/');
|
|
||||||
});
|
|
||||||
|
|
||||||
// Trigger login form to check database for matching username and password
|
|
||||||
app.post('/login', async (req, res) => {
|
|
||||||
try {
|
|
||||||
// Check if username exists in DB
|
|
||||||
const user = await db.oneOrNone('SELECT * FROM users WHERE username = $1', req.body.username);
|
|
||||||
|
|
||||||
if (!user) {
|
|
||||||
// Redirect user to login screen if no user is found with the provided username
|
|
||||||
return res.redirect('/register');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Check if password from request matches with password in DB
|
|
||||||
const match = await bcrypt.compare(req.body.password, user.password);
|
|
||||||
|
|
||||||
// Check if match returns no data
|
|
||||||
if (!match) {
|
|
||||||
// Render the login page with the message parameter
|
|
||||||
return res.render('/', { message: 'Password does not match' });
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
// Save user information in the session variable
|
|
||||||
req.session.user = user;
|
|
||||||
req.session.save();
|
|
||||||
|
|
||||||
// Redirect user to the home page
|
|
||||||
res.redirect('/');
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
// Direct user to login screen if no user is found with matching password
|
|
||||||
res.redirect('/register');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Registration Page Routes
|
|
||||||
*************************/
|
|
||||||
|
|
||||||
// Render registration page for /register route
|
|
||||||
app.get('/register', (req, res) => {
|
|
||||||
res.redirect('/');
|
|
||||||
});
|
|
||||||
|
|
||||||
// Trigger Registration Form to Post
|
|
||||||
app.post('/register', async (req, res) => {
|
|
||||||
try {
|
|
||||||
if (!req.body.username || !req.body.password) {
|
|
||||||
// If username or password is missing, respond with status 400 and an error message
|
|
||||||
return res.status(400).json({ status: 'error', message: 'Invalid input' });
|
|
||||||
}
|
|
||||||
|
|
||||||
// Check if the username already exists in the database
|
|
||||||
const existingUser = await db.oneOrNone('SELECT * FROM users WHERE username = $1', req.body.username);
|
|
||||||
if (existingUser) {
|
|
||||||
// If a user with the same username already exists, respond with status 409 and an error message
|
|
||||||
return res.status(409).json({ status: 'error', message: 'Username already exists' });
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hash the password using bcrypt library
|
|
||||||
const hash = await bcrypt.hash(req.body.password, 10);
|
|
||||||
|
|
||||||
// Insert username and hashed password into the 'users' table
|
|
||||||
await db.none('INSERT INTO users (username, password) VALUES ($1, $2)', [req.body.username, hash]);
|
|
||||||
const user = await db.oneOrNone('SELECT * FROM users WHERE username = $1', req.body.username);
|
|
||||||
req.session.user = user;
|
|
||||||
req.session.save();
|
|
||||||
// Redirect user to the home page
|
|
||||||
res.redirect('/home');
|
|
||||||
} catch (error) {
|
|
||||||
// If an error occurs during registration, respond with status 500 and an error message
|
|
||||||
res.status(500).json({ status: 'error', message: 'An error occurred during registration' });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Home Page Routes
|
|
||||||
*************************/
|
|
||||||
|
|
||||||
app.get('/home', (req, res) => {
|
|
||||||
const loggedIn = req.session.user ? true : false;
|
|
||||||
res.render('pages/home');
|
|
||||||
});
|
|
||||||
|
|
||||||
app.get('/logout', (req, res) => {
|
|
||||||
req.session.destroy(err => {
|
|
||||||
if (err) {
|
|
||||||
console.error('Error destroying session:', err);
|
|
||||||
res.status(500).send('Internal Server Error');
|
|
||||||
} else {
|
|
||||||
// Redirect to the same page after destroying the session
|
|
||||||
res.redirect('/'); // You can change '/' to the desired page if it's not the home page
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
/************************
|
|
||||||
League Page Routes
|
|
||||||
*************************/
|
|
||||||
|
|
||||||
// Import and call generateLeagueRoutes function
|
|
||||||
const generateLeagueRoutes = require('./src/assets/routes/league-pages/generate-league-routes');
|
|
||||||
generateLeagueRoutes(app);
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Club Page Routes
|
|
||||||
*************************/
|
|
||||||
|
|
||||||
// Import and call generateLeagueRoutes function
|
|
||||||
const generateClubRoutes = require('./src/assets/routes/club-pages/generate-club-routes');
|
|
||||||
generateClubRoutes(app);
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Favorite Team Database
|
|
||||||
*************************/
|
|
||||||
|
|
||||||
// Function to add a new row to the FavoriteTeams table
|
|
||||||
// database configuration
|
|
||||||
|
|
||||||
app.post('/favteam/add', async (req, res, next) => {
|
|
||||||
try {
|
|
||||||
const { userID, teamID, teamName, teamLogo } = req.body;
|
|
||||||
|
|
||||||
// Check if the user is logged in
|
|
||||||
if (!req.session.user) {
|
|
||||||
return res.status(400).json({ message: 'Login or register to add a favorite team.' });
|
|
||||||
}
|
|
||||||
|
|
||||||
// Insert the new favorite team into the database
|
|
||||||
const query = {
|
|
||||||
text: 'INSERT INTO FavoriteTeams (UserID, TeamID, TeamName, TeamLogo) VALUES ($1, $2, $3, $4)',
|
|
||||||
values: [userID, teamID, teamName, teamLogo],
|
|
||||||
};
|
|
||||||
|
|
||||||
await db.none(query);
|
|
||||||
console.log('New favorite team added successfully.');
|
|
||||||
return res.status(200).json({ message: 'New favorite team added successfully.' });
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error adding favorite team:', error);
|
|
||||||
return res.status(500).json({ error: 'Error adding favorite team' });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
app.post('/favteam/remove', async (req, res) => {
|
|
||||||
try {
|
|
||||||
const { userID, teamID } = req.body;
|
|
||||||
|
|
||||||
// Check if the team exists for the user
|
|
||||||
const existingTeam = await db.oneOrNone(
|
|
||||||
'SELECT * FROM FavoriteTeams WHERE UserID = $1 AND TeamID = $2',
|
|
||||||
[userID, teamID]
|
|
||||||
);
|
|
||||||
|
|
||||||
// If the team does not exist for the user, return a 404 error
|
|
||||||
if (!existingTeam) {
|
|
||||||
return res.status(404).json({ message: 'This team is not in your favorites.' });
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove the favorite team from the database
|
|
||||||
await db.none(
|
|
||||||
'DELETE FROM FavoriteTeams WHERE UserID = $1 AND TeamID = $2',
|
|
||||||
[userID, teamID]
|
|
||||||
);
|
|
||||||
|
|
||||||
console.log('Favorite team removed successfully.');
|
|
||||||
return res.status(200).json({ message: 'Favorite team removed successfully.' });
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error removing favorite team:', error);
|
|
||||||
|
|
||||||
// If the error is a database error, return a 500 error
|
|
||||||
if (error instanceof QueryResultError) {
|
|
||||||
return res.status(500).json({ error: 'Database error occurred while removing favorite team' });
|
|
||||||
}
|
|
||||||
|
|
||||||
// If the error is a generic error, return a 400 error
|
|
||||||
return res.status(400).json({ error: 'Error occurred while removing favorite team' });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
async function getFavoriteTeamsForUser(userId) {
|
|
||||||
try {
|
|
||||||
// Execute the SQL query
|
|
||||||
const favoriteTeams = await db.any(`
|
|
||||||
SELECT * FROM FavoriteTeams
|
|
||||||
WHERE UserID = $1;
|
|
||||||
`, userId);`a`
|
|
||||||
|
|
||||||
// Return the result
|
|
||||||
return favoriteTeams;
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error fetching favorite teams:', error);
|
|
||||||
throw error; // Rethrow the error for handling at a higher level
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// *****************************************************
|
|
||||||
// <!-- Section 5 : Start Server-->
|
|
||||||
// *****************************************************
|
|
||||||
// starting the server and keeping the connection open to listen for more requests
|
|
||||||
module.exports = app.listen(3000);
|
|
||||||
console.log('Server is listening on port 3000');
|
|
||||||
9276
package-lock.json
generated
54
package.json
@@ -1,29 +1,29 @@
|
|||||||
{
|
{
|
||||||
"name": "scorespot",
|
"name": "scorespot",
|
||||||
"main": "index.js",
|
"main": "src/index.js",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"axios": "^1.1.3",
|
"axios": "^1.1.3",
|
||||||
"bcrypt": "^5.1.0",
|
"bcrypt": "^5.1.0",
|
||||||
"bcryptjs": "^2.4.3",
|
"bcryptjs": "^2.4.3",
|
||||||
"body-parser": "1.20.0",
|
"body-parser": "1.20.0",
|
||||||
"express": "^4.6.1",
|
"express": "^4.6.1",
|
||||||
"express-handlebars": "^7.1.2",
|
"express-handlebars": "^7.1.2",
|
||||||
"express-session": "1.17.3",
|
"express-session": "1.17.3",
|
||||||
"handlebars": "^4.7.8",
|
"handlebars": "^4.7.8",
|
||||||
"moment": "^2.30.1",
|
"moment": "^2.30.1",
|
||||||
"pg-promise": "^10.11.1"
|
"pg-promise": "^10.11.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"chai": "^4.2.0",
|
"chai": "^4.2.0",
|
||||||
"chai-http": "^4.3.0",
|
"chai-http": "^4.3.0",
|
||||||
"mocha": "^6.2.3",
|
"mocha": "^6.2.3",
|
||||||
"nodemon": "^2.0.22",
|
"nodemon": "^2.0.22",
|
||||||
"npm-run-all": "^4.1.5"
|
"npm-run-all": "^4.1.5"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"prestart": "npm install",
|
"prestart": "npm install",
|
||||||
"start": "nodemon index.js",
|
"start": "nodemon index.js",
|
||||||
"test": "mocha",
|
"test": "mocha",
|
||||||
"testandrun": "npm run prestart && npm run test && npm start"
|
"testandrun": "npm run prestart && npm run test && npm start"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 7.5 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 127 KiB After Width: | Height: | Size: 127 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 2.0 MiB After Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 2.1 MiB After Width: | Height: | Size: 2.1 MiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
25
public/views/partials/footer.hbs
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
<footer class="text-center text-muted w-100 mt-auto fixed-bottom">
|
||||||
|
<p>
|
||||||
|
© 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-and-register-page-linking.js"
|
||||||
|
></script>
|
||||||
|
<script
|
||||||
|
src="/js/navigation-bar/user/delete-account-favorite-club.js"
|
||||||
|
></script>
|
||||||
|
|
||||||
|
<!-- Homepage Scripts -->
|
||||||
|
<script src="/routes/league-pages/redirect-to-league-url.js"></script>
|
||||||
|
|
||||||
|
<!-- League Pages Scripts -->
|
||||||
|
<script src="/js/league-page/change-goal-difference-color.js"></script>
|
||||||
|
<script src="/routes/club-pages/redirect-to-club-url.js"></script>
|
||||||
|
|
||||||
|
<!-- Club Pages Scripts -->
|
||||||
|
<script src="/js/club-page/favorite-button.js"></script>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
Before Width: | Height: | Size: 29 KiB |
406
src/index.js
Normal file
@@ -0,0 +1,406 @@
|
|||||||
|
// *****************************************************
|
||||||
|
// <!-- Section 1 : Import Dependencies -->
|
||||||
|
// *****************************************************
|
||||||
|
|
||||||
|
const express = require("express"); // To build an application server or API
|
||||||
|
const app = express();
|
||||||
|
const handlebars = require("express-handlebars");
|
||||||
|
const Handlebars = require("handlebars");
|
||||||
|
const path = require("path");
|
||||||
|
const pgp = require("pg-promise")(); // To connect to the Postgres DB from the node server
|
||||||
|
const bodyParser = require("body-parser");
|
||||||
|
const session = require("express-session"); // To set the session object. To store or access session data, use the `req.session`, which is (generally) serialized as JSON by the store.
|
||||||
|
const bcrypt = require("bcryptjs"); // To hash passwords
|
||||||
|
const axios = require("axios"); // To make HTTP requests from our server. We'll learn more about it in Part C.
|
||||||
|
const moment = require("moment"); // To extract current time data
|
||||||
|
|
||||||
|
// *****************************************************
|
||||||
|
// <!-- Section 2 : Connect to DB -->
|
||||||
|
// *****************************************************
|
||||||
|
|
||||||
|
// create `ExpressHandlebars` instance and configure the layouts and partials dir.
|
||||||
|
const hbs = handlebars.create({
|
||||||
|
extname: "hbs",
|
||||||
|
layoutsDir: __dirname + "/../public/views/layouts",
|
||||||
|
partialsDir: __dirname + "/../public/views/partials",
|
||||||
|
});
|
||||||
|
|
||||||
|
// database configuration
|
||||||
|
// database configuration
|
||||||
|
const dbConfig = {
|
||||||
|
host: "db", // the database server
|
||||||
|
port: 5432, // the database port
|
||||||
|
database: "users_db", // the database name
|
||||||
|
user: "postgres", // the user account to connect with
|
||||||
|
password: "pwd", // the password of the user account
|
||||||
|
};
|
||||||
|
|
||||||
|
const db = pgp(dbConfig);
|
||||||
|
|
||||||
|
// test your database
|
||||||
|
db.connect()
|
||||||
|
.then((obj) => {
|
||||||
|
console.log("Database connection successful"); // you can view this message in the docker compose logs
|
||||||
|
obj.done(); // success, release the connection;
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
console.log("ERROR:", error.message || error);
|
||||||
|
});
|
||||||
|
|
||||||
|
// *****************************************************
|
||||||
|
// <!-- Section 3 : App Settings -->
|
||||||
|
// *****************************************************
|
||||||
|
|
||||||
|
// Register `hbs` as our view engine using its bound `engine()` function.
|
||||||
|
app.engine("hbs", hbs.engine);
|
||||||
|
app.set("view engine", "hbs");
|
||||||
|
app.set("views", path.join(__dirname, "/../public/views"));
|
||||||
|
app.use(bodyParser.json()); // specify the usage of JSON for parsing request body.
|
||||||
|
|
||||||
|
// initialize session variables
|
||||||
|
app.get("/welcome", (req, res) => {
|
||||||
|
res.json({ status: "success", message: "Welcome!" });
|
||||||
|
});
|
||||||
|
app.use(
|
||||||
|
session({
|
||||||
|
secret: process.env.SESSION_SECRET,
|
||||||
|
saveUninitialized: false,
|
||||||
|
resave: false,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
|
||||||
|
app.use(
|
||||||
|
bodyParser.urlencoded({
|
||||||
|
extended: true,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
app.use(async function (req, res, next) {
|
||||||
|
res.locals.user = req.session.user;
|
||||||
|
|
||||||
|
if (res.locals.user) {
|
||||||
|
try {
|
||||||
|
res.locals.fav_teams = await getFavoriteTeamsForUser(
|
||||||
|
res.locals.user.userid
|
||||||
|
);
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Error fetching favorite teams:", error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
next();
|
||||||
|
});
|
||||||
|
|
||||||
|
// Serve static files from the 'public' directory
|
||||||
|
app.use(express.static(path.join(__dirname, "/../public/assets")));
|
||||||
|
app.use(express.static(path.join(__dirname, "/")));
|
||||||
|
|
||||||
|
// *****************************************************
|
||||||
|
// <!-- Section 4 : Middleware -->
|
||||||
|
// *****************************************************
|
||||||
|
|
||||||
|
// Middleware to automatically update live scoreboard
|
||||||
|
const fetchMatchesData = require("./middleware/navigation-bar/current-match-information");
|
||||||
|
app.use(fetchMatchesData);
|
||||||
|
|
||||||
|
//Middleware to automatically update in-game time abbreviations
|
||||||
|
|
||||||
|
const convert_time = require("./middleware/navigation-bar/convert-time");
|
||||||
|
app.use(convert_time);
|
||||||
|
|
||||||
|
// Leagues Page Middleware
|
||||||
|
|
||||||
|
const fetchLeaguesData = require("./middleware/leagues-page/get-current-league-information");
|
||||||
|
const fetchLeagueScorerData = require("./middleware/leagues-page/get-current-league-top-scorers");
|
||||||
|
|
||||||
|
app.get(
|
||||||
|
"/league/:leagueID",
|
||||||
|
[fetchLeaguesData, fetchLeagueScorerData],
|
||||||
|
(req, res) => {
|
||||||
|
// Render the Handlebars view with league data
|
||||||
|
res.render("pages/leagues-page", {
|
||||||
|
leagueID: req.params.leagueID,
|
||||||
|
leagues: res.locals.leagues,
|
||||||
|
scorers: res.locals.topScorers, // Assuming fetchLeagueScorerData sets the data in res.locals.scorers
|
||||||
|
});
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
// Clubs Page Middleware
|
||||||
|
|
||||||
|
const fetchClubsData = require("./middleware/clubs-page/get-current-club-information");
|
||||||
|
|
||||||
|
app.get("/club/:clubID", [fetchClubsData], (req, res) => {
|
||||||
|
// Render the Handlebars view with league data
|
||||||
|
|
||||||
|
var isFav = false;
|
||||||
|
var fav_teams = res.locals.fav_teams;
|
||||||
|
if (res.locals.user && fav_teams) {
|
||||||
|
const isTeamIDInFavTeams = fav_teams.some((team) => {
|
||||||
|
const teamIdInt = parseInt(team.teamid);
|
||||||
|
const clubIdInt = parseInt(req.params.clubID);
|
||||||
|
console.log("Checking team:", teamIdInt);
|
||||||
|
console.log("equal to", clubIdInt);
|
||||||
|
return teamIdInt === clubIdInt;
|
||||||
|
});
|
||||||
|
if (isTeamIDInFavTeams) {
|
||||||
|
isFav = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
res.render("pages/clubs-page", {
|
||||||
|
isFav: isFav,
|
||||||
|
clubID: req.params.clubID,
|
||||||
|
clubs: res.locals.club,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// *****************************************************
|
||||||
|
// <!-- Section 5 : API Routes -->
|
||||||
|
// *****************************************************
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Login Page Routes
|
||||||
|
*************************/
|
||||||
|
|
||||||
|
// Redirect to the /login endpoint
|
||||||
|
app.get("/", (req, res) => {
|
||||||
|
res.redirect("/home");
|
||||||
|
});
|
||||||
|
|
||||||
|
// Render login page for /login route
|
||||||
|
app.get("/login", (req, res) => {
|
||||||
|
res.render("/");
|
||||||
|
});
|
||||||
|
|
||||||
|
// Trigger login form to check database for matching username and password
|
||||||
|
app.post("/login", async (req, res) => {
|
||||||
|
try {
|
||||||
|
// Check if username exists in DB
|
||||||
|
const user = await db.oneOrNone(
|
||||||
|
"SELECT * FROM users WHERE username = $1",
|
||||||
|
req.body.username
|
||||||
|
);
|
||||||
|
|
||||||
|
if (!user) {
|
||||||
|
// Redirect user to login screen if no user is found with the provided username
|
||||||
|
return res.redirect("/register");
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check if password from request matches with password in DB
|
||||||
|
const match = await bcrypt.compare(req.body.password, user.password);
|
||||||
|
|
||||||
|
// Check if match returns no data
|
||||||
|
if (!match) {
|
||||||
|
// Render the login page with the message parameter
|
||||||
|
return res.render("/", { message: "Password does not match" });
|
||||||
|
} else {
|
||||||
|
// Save user information in the session variable
|
||||||
|
req.session.user = user;
|
||||||
|
req.session.save();
|
||||||
|
|
||||||
|
// Redirect user to the home page
|
||||||
|
res.redirect("/");
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
// Direct user to login screen if no user is found with matching password
|
||||||
|
res.redirect("/register");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Registration Page Routes
|
||||||
|
*************************/
|
||||||
|
|
||||||
|
// Render registration page for /register route
|
||||||
|
app.get("/register", (req, res) => {
|
||||||
|
res.redirect("/");
|
||||||
|
});
|
||||||
|
|
||||||
|
// Trigger Registration Form to Post
|
||||||
|
app.post("/register", async (req, res) => {
|
||||||
|
try {
|
||||||
|
if (!req.body.username || !req.body.password) {
|
||||||
|
// If username or password is missing, respond with status 400 and an error message
|
||||||
|
return res
|
||||||
|
.status(400)
|
||||||
|
.json({ status: "error", message: "Invalid input" });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check if the username already exists in the database
|
||||||
|
const existingUser = await db.oneOrNone(
|
||||||
|
"SELECT * FROM users WHERE username = $1",
|
||||||
|
req.body.username
|
||||||
|
);
|
||||||
|
if (existingUser) {
|
||||||
|
// If a user with the same username already exists, respond with status 409 and an error message
|
||||||
|
return res
|
||||||
|
.status(409)
|
||||||
|
.json({ status: "error", message: "Username already exists" });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hash the password using bcrypt library
|
||||||
|
const hash = await bcrypt.hash(req.body.password, 10);
|
||||||
|
|
||||||
|
// Insert username and hashed password into the 'users' table
|
||||||
|
await db.none("INSERT INTO users (username, password) VALUES ($1, $2)", [
|
||||||
|
req.body.username,
|
||||||
|
hash,
|
||||||
|
]);
|
||||||
|
const user = await db.oneOrNone(
|
||||||
|
"SELECT * FROM users WHERE username = $1",
|
||||||
|
req.body.username
|
||||||
|
);
|
||||||
|
req.session.user = user;
|
||||||
|
req.session.save();
|
||||||
|
// Redirect user to the home page
|
||||||
|
res.redirect("/home");
|
||||||
|
} catch (error) {
|
||||||
|
// If an error occurs during registration, respond with status 500 and an error message
|
||||||
|
res.status(500).json({
|
||||||
|
status: "error",
|
||||||
|
message: "An error occurred during registration",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Home Page Routes
|
||||||
|
*************************/
|
||||||
|
|
||||||
|
app.get("/home", (req, res) => {
|
||||||
|
const loggedIn = req.session.user ? true : false;
|
||||||
|
res.render("pages/home");
|
||||||
|
});
|
||||||
|
|
||||||
|
app.get("/logout", (req, res) => {
|
||||||
|
req.session.destroy((err) => {
|
||||||
|
if (err) {
|
||||||
|
console.error("Error destroying session:", err);
|
||||||
|
res.status(500).send("Internal Server Error");
|
||||||
|
} else {
|
||||||
|
// Redirect to the same page after destroying the session
|
||||||
|
res.redirect("/"); // You can change '/' to the desired page if it's not the home page
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
/************************
|
||||||
|
League Page Routes
|
||||||
|
*************************/
|
||||||
|
|
||||||
|
// Import and call generateLeagueRoutes function
|
||||||
|
const generateLeagueRoutes = require("./routes/league-pages/generate-league-routes");
|
||||||
|
generateLeagueRoutes(app);
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Club Page Routes
|
||||||
|
*************************/
|
||||||
|
|
||||||
|
// Import and call generateLeagueRoutes function
|
||||||
|
const generateClubRoutes = require("./routes/club-pages/generate-club-routes");
|
||||||
|
generateClubRoutes(app);
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Favorite Team Database
|
||||||
|
*************************/
|
||||||
|
|
||||||
|
// Function to add a new row to the FavoriteTeams table
|
||||||
|
// database configuration
|
||||||
|
|
||||||
|
app.post("/favteam/add", async (req, res, next) => {
|
||||||
|
try {
|
||||||
|
const { userID, teamID, teamName, teamLogo } = req.body;
|
||||||
|
|
||||||
|
// Check if the user is logged in
|
||||||
|
if (!req.session.user) {
|
||||||
|
return res
|
||||||
|
.status(400)
|
||||||
|
.json({ message: "Login or register to add a favorite team." });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Insert the new favorite team into the database
|
||||||
|
const query = {
|
||||||
|
text: "INSERT INTO FavoriteTeams (UserID, TeamID, TeamName, TeamLogo) VALUES ($1, $2, $3, $4)",
|
||||||
|
values: [userID, teamID, teamName, teamLogo],
|
||||||
|
};
|
||||||
|
|
||||||
|
await db.none(query);
|
||||||
|
console.log("New favorite team added successfully.");
|
||||||
|
return res
|
||||||
|
.status(200)
|
||||||
|
.json({ message: "New favorite team added successfully." });
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Error adding favorite team:", error);
|
||||||
|
return res.status(500).json({ error: "Error adding favorite team" });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.post("/favteam/remove", async (req, res) => {
|
||||||
|
try {
|
||||||
|
const { userID, teamID } = req.body;
|
||||||
|
|
||||||
|
// Check if the team exists for the user
|
||||||
|
const existingTeam = await db.oneOrNone(
|
||||||
|
"SELECT * FROM FavoriteTeams WHERE UserID = $1 AND TeamID = $2",
|
||||||
|
[userID, teamID]
|
||||||
|
);
|
||||||
|
|
||||||
|
// If the team does not exist for the user, return a 404 error
|
||||||
|
if (!existingTeam) {
|
||||||
|
return res
|
||||||
|
.status(404)
|
||||||
|
.json({ message: "This team is not in your favorites." });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove the favorite team from the database
|
||||||
|
await db.none(
|
||||||
|
"DELETE FROM FavoriteTeams WHERE UserID = $1 AND TeamID = $2",
|
||||||
|
[userID, teamID]
|
||||||
|
);
|
||||||
|
|
||||||
|
console.log("Favorite team removed successfully.");
|
||||||
|
return res
|
||||||
|
.status(200)
|
||||||
|
.json({ message: "Favorite team removed successfully." });
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Error removing favorite team:", error);
|
||||||
|
|
||||||
|
// If the error is a database error, return a 500 error
|
||||||
|
if (error instanceof QueryResultError) {
|
||||||
|
return res.status(500).json({
|
||||||
|
error: "Database error occurred while removing favorite team",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// If the error is a generic error, return a 400 error
|
||||||
|
return res
|
||||||
|
.status(400)
|
||||||
|
.json({ error: "Error occurred while removing favorite team" });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
async function getFavoriteTeamsForUser(userId) {
|
||||||
|
try {
|
||||||
|
// Execute the SQL query
|
||||||
|
const favoriteTeams = await db.any(
|
||||||
|
`
|
||||||
|
SELECT * FROM FavoriteTeams
|
||||||
|
WHERE UserID = $1;
|
||||||
|
`,
|
||||||
|
userId
|
||||||
|
);
|
||||||
|
`a`;
|
||||||
|
|
||||||
|
// Return the result
|
||||||
|
return favoriteTeams;
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Error fetching favorite teams:", error);
|
||||||
|
throw error; // Rethrow the error for handling at a higher level
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// *****************************************************
|
||||||
|
// <!-- Section 5 : Start Server-->
|
||||||
|
// *****************************************************
|
||||||
|
// starting the server and keeping the connection open to listen for more requests
|
||||||
|
module.exports = app.listen(3000);
|
||||||
|
console.log("Server is listening on port 3000");
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
<footer class="text-center text-muted w-100 mt-auto fixed-bottom">
|
|
||||||
<p>
|
|
||||||
© 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-and-register-page-linking.js"></script>
|
|
||||||
<script src="/js/navigation-bar/user/delete-account-favorite-club.js"></script>
|
|
||||||
|
|
||||||
<!-- Homepage Scripts -->
|
|
||||||
<script src="/routes/league-pages/redirect-to-league-url.js"></script>
|
|
||||||
|
|
||||||
<!-- League Pages Scripts -->
|
|
||||||
<script src="/js/league-page/change-goal-difference-color.js"></script>
|
|
||||||
<script src="/routes/club-pages/redirect-to-club-url.js"></script>
|
|
||||||
|
|
||||||
<!-- Club Pages Scripts -->
|
|
||||||
<script src="/js/club-page/favorite-button.js"></script>
|
|
||||||
|
|
||||||
</footer>
|
|
||||||
@@ -1,118 +1,119 @@
|
|||||||
|
|
||||||
// ********************** Initialize server **********************************
|
// ********************** Initialize server **********************************
|
||||||
|
|
||||||
const server = require('../client/src/index.js'); //TODO: Make sure the path to your index.js is correctly added
|
const server = require("../src/index.js"); //TODO: Make sure the path to your index.js is correctly added
|
||||||
|
|
||||||
// ********************** Import Libraries ***********************************
|
// ********************** Import Libraries ***********************************
|
||||||
|
|
||||||
const chai = require('chai'); // Chai HTTP provides an interface for live integration testing of the API's.
|
const chai = require("chai"); // Chai HTTP provides an interface for live integration testing of the API's.
|
||||||
const chaiHttp = require('chai-http');
|
const chaiHttp = require("chai-http");
|
||||||
chai.should();
|
chai.should();
|
||||||
chai.use(chaiHttp);
|
chai.use(chaiHttp);
|
||||||
const {assert, expect} = chai;
|
const { assert, expect } = chai;
|
||||||
|
|
||||||
// ********************** DEFAULT WELCOME TESTCASE ****************************
|
// ********************** DEFAULT WELCOME TESTCASE ****************************
|
||||||
|
|
||||||
describe('Server!', () => {
|
describe("Server!", () => {
|
||||||
// Sample test case given to test / endpoint.
|
// Sample test case given to test / endpoint.
|
||||||
it('Returns the default welcome message', done => {
|
it("Returns the default welcome message", (done) => {
|
||||||
chai
|
chai
|
||||||
.request(server)
|
.request(server)
|
||||||
.get('/welcome')
|
.get("/welcome")
|
||||||
.end((err, res) => {
|
.end((err, res) => {
|
||||||
expect(res).to.have.status(200);
|
expect(res).to.have.status(200);
|
||||||
expect(res.body.status).to.equals('success');
|
expect(res.body.status).to.equals("success");
|
||||||
assert.strictEqual(res.body.message, 'Welcome!');
|
assert.strictEqual(res.body.message, "Welcome!");
|
||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
// *********************** TODO: WRITE 2 UNIT TESTCASES **************************
|
// *********************** TODO: WRITE 2 UNIT TESTCASES **************************
|
||||||
|
|
||||||
// ********************************************************************************
|
// ********************************************************************************
|
||||||
|
|
||||||
describe('Testing Add User API', () => {
|
describe("Testing Add User API", () => {
|
||||||
it('positive: /register', done => {
|
it("positive: /register", (done) => {
|
||||||
// Define mock user data
|
// Define mock user data
|
||||||
const userData = {
|
const userData = {
|
||||||
username: 'Test User',
|
username: "Test User",
|
||||||
password: '123456'
|
password: "123456",
|
||||||
};
|
};
|
||||||
// Make a POST request to /register with mock user data
|
// Make a POST request to /register with mock user data
|
||||||
chai.request(server)
|
chai
|
||||||
.post('/register')
|
.request(server)
|
||||||
.send(userData)
|
.post("/register")
|
||||||
.end((err, res) => {
|
.send(userData)
|
||||||
// Assertions
|
.end((err, res) => {
|
||||||
expect(res).to.have.status(200);
|
// Assertions
|
||||||
done();
|
expect(res).to.have.status(200);
|
||||||
});
|
done();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
});
|
||||||
|
|
||||||
//We are checking POST /add_user API by passing the user info in in incorrect manner (name cannot be an integer). This test case should pass and return a status 400 along with a "Invalid input" message.
|
//We are checking POST /add_user API by passing the user info in in incorrect manner (name cannot be an integer). This test case should pass and return a status 400 along with a "Invalid input" message.
|
||||||
|
|
||||||
describe('Testing Add User API', () => {
|
describe("Testing Add User API", () => {
|
||||||
it('Negative: /register. Checking invalid name', done => {
|
it("Negative: /register. Checking invalid name", (done) => {
|
||||||
chai.request(server)
|
chai
|
||||||
.post('/register')
|
.request(server)
|
||||||
.send({ Username: 10, Password: '2020-02-20'})
|
.post("/register")
|
||||||
.end((err, res) => {
|
.send({ Username: 10, Password: "2020-02-20" })
|
||||||
// Assertions
|
.end((err, res) => {
|
||||||
expect(res).to.have.status(400);
|
// Assertions
|
||||||
expect(res.body.message).to.equals('Invalid input');
|
expect(res).to.have.status(400);
|
||||||
done();
|
expect(res.body.message).to.equals("Invalid input");
|
||||||
});
|
done();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
});
|
||||||
|
|
||||||
describe('Testing Render', () => {
|
describe("Testing Render", () => {
|
||||||
// Sample test case given to test /test endpoint.
|
// Sample test case given to test /test endpoint.
|
||||||
it('test "/login" route should render with an html response', done => {
|
it('test "/login" route should render with an html response', (done) => {
|
||||||
chai
|
chai
|
||||||
.request(server)
|
.request(server)
|
||||||
.get('/login') // for reference, see lab 8's login route (/login) which renders home.hbs
|
.get("/login") // for reference, see lab 8's login route (/login) which renders home.hbs
|
||||||
.end((err, res) => {
|
.end((err, res) => {
|
||||||
res.should.have.status(200); // Expecting a success status code
|
res.should.have.status(200); // Expecting a success status code
|
||||||
res.should.be.html; // Expecting a HTML response
|
res.should.be.html; // Expecting a HTML response
|
||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
var cookies;
|
var cookies;
|
||||||
|
|
||||||
describe('Login', () => {
|
describe("Login", () => {
|
||||||
// Sample test case given to test /login endpoint.
|
// Sample test case given to test /login endpoint.
|
||||||
it('Returns the default welcome message', done => {
|
it("Returns the default welcome message", (done) => {
|
||||||
chai
|
chai
|
||||||
.request(server)
|
.request(server)
|
||||||
.get('/login')
|
.get("/login")
|
||||||
.end((err, res) => {
|
.end((err, res) => {
|
||||||
if (res.headers['set-cookie']) {
|
if (res.headers["set-cookie"]) {
|
||||||
// Save the cookies
|
// Save the cookies
|
||||||
cookies = res.headers['set-cookie'].pop().split(';')[0];
|
cookies = res.headers["set-cookie"].pop().split(";")[0];
|
||||||
} else {
|
} else {
|
||||||
cookies = null;
|
cookies = null;
|
||||||
}
|
}
|
||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
describe('Home', () => {
|
describe("Home", () => {
|
||||||
// Sample test case given to test /login endpoint.
|
// Sample test case given to test /login endpoint.
|
||||||
it('Returns the default welcome message', done => {
|
it("Returns the default welcome message", (done) => {
|
||||||
chai
|
chai
|
||||||
.request(server)
|
.request(server)
|
||||||
.get('/home')
|
.get("/home")
|
||||||
.end((err, res) => {
|
.end((err, res) => {
|
||||||
if (res.headers['set-cookie']) {
|
if (res.headers["set-cookie"]) {
|
||||||
// Save the cookies
|
// Save the cookies
|
||||||
cookies = res.headers['set-cookie'].pop().split(';')[0];
|
cookies = res.headers["set-cookie"].pop().split(";")[0];
|
||||||
} else {
|
} else {
|
||||||
cookies = null;
|
cookies = null;
|
||||||
}
|
}
|
||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||