diff --git a/ProjectSourceCode/node_modules/.bin/_mocha b/ProjectSourceCode/node_modules/.bin/_mocha index 47a3b10..f2a54ff 120000 --- a/ProjectSourceCode/node_modules/.bin/_mocha +++ b/ProjectSourceCode/node_modules/.bin/_mocha @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../mocha/bin/_mocha" "$@" -else - exec node "$basedir/../mocha/bin/_mocha" "$@" -fi +../mocha/bin/_mocha \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/.bin/esparse b/ProjectSourceCode/node_modules/.bin/esparse index 1cc1c96..7423b18 120000 --- a/ProjectSourceCode/node_modules/.bin/esparse +++ b/ProjectSourceCode/node_modules/.bin/esparse @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../esprima/bin/esparse.js" "$@" -else - exec node "$basedir/../esprima/bin/esparse.js" "$@" -fi +../esprima/bin/esparse.js \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/.bin/esvalidate b/ProjectSourceCode/node_modules/.bin/esvalidate index 91a4c9b..16069ef 120000 --- a/ProjectSourceCode/node_modules/.bin/esvalidate +++ b/ProjectSourceCode/node_modules/.bin/esvalidate @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../esprima/bin/esvalidate.js" "$@" -else - exec node "$basedir/../esprima/bin/esvalidate.js" "$@" -fi +../esprima/bin/esvalidate.js \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/.bin/flat b/ProjectSourceCode/node_modules/.bin/flat index 50faba1..5fed16b 120000 --- a/ProjectSourceCode/node_modules/.bin/flat +++ b/ProjectSourceCode/node_modules/.bin/flat @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../flat/cli.js" "$@" -else - exec node "$basedir/../flat/cli.js" "$@" -fi +../flat/cli.js \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/.bin/he b/ProjectSourceCode/node_modules/.bin/he index 70e18de..2a8eb5e 120000 --- a/ProjectSourceCode/node_modules/.bin/he +++ b/ProjectSourceCode/node_modules/.bin/he @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../he/bin/he" "$@" -else - exec node "$basedir/../he/bin/he" "$@" -fi +../he/bin/he \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/.bin/js-yaml b/ProjectSourceCode/node_modules/.bin/js-yaml index ed78a86..9dbd010 120000 --- a/ProjectSourceCode/node_modules/.bin/js-yaml +++ b/ProjectSourceCode/node_modules/.bin/js-yaml @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../js-yaml/bin/js-yaml.js" "$@" -else - exec node "$basedir/../js-yaml/bin/js-yaml.js" "$@" -fi +../js-yaml/bin/js-yaml.js \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/.bin/mocha b/ProjectSourceCode/node_modules/.bin/mocha index c2fdccc..43c668d 120000 --- a/ProjectSourceCode/node_modules/.bin/mocha +++ b/ProjectSourceCode/node_modules/.bin/mocha @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../mocha/bin/mocha" "$@" -else - exec node "$basedir/../mocha/bin/mocha" "$@" -fi +../mocha/bin/mocha \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/.bin/nodemon b/ProjectSourceCode/node_modules/.bin/nodemon index 4d75661..1056ddc 120000 --- a/ProjectSourceCode/node_modules/.bin/nodemon +++ b/ProjectSourceCode/node_modules/.bin/nodemon @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../nodemon/bin/nodemon.js" "$@" -else - exec node "$basedir/../nodemon/bin/nodemon.js" "$@" -fi +../nodemon/bin/nodemon.js \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/.bin/npm-run-all b/ProjectSourceCode/node_modules/.bin/npm-run-all index c508194..0424f3c 120000 --- a/ProjectSourceCode/node_modules/.bin/npm-run-all +++ b/ProjectSourceCode/node_modules/.bin/npm-run-all @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../npm-run-all/bin/npm-run-all/index.js" "$@" -else - exec node "$basedir/../npm-run-all/bin/npm-run-all/index.js" "$@" -fi +../npm-run-all/bin/npm-run-all/index.js \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/.bin/pidtree b/ProjectSourceCode/node_modules/.bin/pidtree index 1b48499..42c3f06 120000 --- a/ProjectSourceCode/node_modules/.bin/pidtree +++ b/ProjectSourceCode/node_modules/.bin/pidtree @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../pidtree/bin/pidtree.js" "$@" -else - exec node "$basedir/../pidtree/bin/pidtree.js" "$@" -fi +../pidtree/bin/pidtree.js \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/.bin/resolve b/ProjectSourceCode/node_modules/.bin/resolve index 757d454..b6afda6 120000 --- a/ProjectSourceCode/node_modules/.bin/resolve +++ b/ProjectSourceCode/node_modules/.bin/resolve @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../resolve/bin/resolve" "$@" -else - exec node "$basedir/../resolve/bin/resolve" "$@" -fi +../resolve/bin/resolve \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/.bin/run-p b/ProjectSourceCode/node_modules/.bin/run-p index 9bff487..98a2c9c 120000 --- a/ProjectSourceCode/node_modules/.bin/run-p +++ b/ProjectSourceCode/node_modules/.bin/run-p @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../npm-run-all/bin/run-p/index.js" "$@" -else - exec node "$basedir/../npm-run-all/bin/run-p/index.js" "$@" -fi +../npm-run-all/bin/run-p/index.js \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/.bin/run-s b/ProjectSourceCode/node_modules/.bin/run-s index 377521c..5938622 120000 --- a/ProjectSourceCode/node_modules/.bin/run-s +++ b/ProjectSourceCode/node_modules/.bin/run-s @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../npm-run-all/bin/run-s/index.js" "$@" -else - exec node "$basedir/../npm-run-all/bin/run-s/index.js" "$@" -fi +../npm-run-all/bin/run-s/index.js \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/mocha/node_modules/.bin/mkdirp b/ProjectSourceCode/node_modules/mocha/node_modules/.bin/mkdirp index 6ba5765..017896c 120000 --- a/ProjectSourceCode/node_modules/mocha/node_modules/.bin/mkdirp +++ b/ProjectSourceCode/node_modules/mocha/node_modules/.bin/mkdirp @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../mkdirp/bin/cmd.js" "$@" -else - exec node "$basedir/../mkdirp/bin/cmd.js" "$@" -fi +../mkdirp/bin/cmd.js \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/mocha/node_modules/.bin/which b/ProjectSourceCode/node_modules/mocha/node_modules/.bin/which index c51820f..f62471c 120000 --- a/ProjectSourceCode/node_modules/mocha/node_modules/.bin/which +++ b/ProjectSourceCode/node_modules/mocha/node_modules/.bin/which @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../which/bin/which" "$@" -else - exec node "$basedir/../which/bin/which" "$@" -fi +../which/bin/which \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/node-environment-flags/node_modules/.bin/semver b/ProjectSourceCode/node_modules/node-environment-flags/node_modules/.bin/semver index 86cee84..317eb29 120000 --- a/ProjectSourceCode/node_modules/node-environment-flags/node_modules/.bin/semver +++ b/ProjectSourceCode/node_modules/node-environment-flags/node_modules/.bin/semver @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../semver/bin/semver" "$@" -else - exec node "$basedir/../semver/bin/semver" "$@" -fi +../semver/bin/semver \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/normalize-package-data/node_modules/.bin/semver b/ProjectSourceCode/node_modules/normalize-package-data/node_modules/.bin/semver index 86cee84..317eb29 120000 --- a/ProjectSourceCode/node_modules/normalize-package-data/node_modules/.bin/semver +++ b/ProjectSourceCode/node_modules/normalize-package-data/node_modules/.bin/semver @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../semver/bin/semver" "$@" -else - exec node "$basedir/../semver/bin/semver" "$@" -fi +../semver/bin/semver \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/npm-run-all/node_modules/.bin/semver b/ProjectSourceCode/node_modules/npm-run-all/node_modules/.bin/semver index 86cee84..317eb29 120000 --- a/ProjectSourceCode/node_modules/npm-run-all/node_modules/.bin/semver +++ b/ProjectSourceCode/node_modules/npm-run-all/node_modules/.bin/semver @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../semver/bin/semver" "$@" -else - exec node "$basedir/../semver/bin/semver" "$@" -fi +../semver/bin/semver \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/npm-run-all/node_modules/.bin/which b/ProjectSourceCode/node_modules/npm-run-all/node_modules/.bin/which index c51820f..f62471c 120000 --- a/ProjectSourceCode/node_modules/npm-run-all/node_modules/.bin/which +++ b/ProjectSourceCode/node_modules/npm-run-all/node_modules/.bin/which @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../which/bin/which" "$@" -else - exec node "$basedir/../which/bin/which" "$@" -fi +../which/bin/which \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/superagent/node_modules/.bin/mime b/ProjectSourceCode/node_modules/superagent/node_modules/.bin/mime index 0a62a1b..fbb7ee0 120000 --- a/ProjectSourceCode/node_modules/superagent/node_modules/.bin/mime +++ b/ProjectSourceCode/node_modules/superagent/node_modules/.bin/mime @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../mime/cli.js" "$@" -else - exec node "$basedir/../mime/cli.js" "$@" -fi +../mime/cli.js \ No newline at end of file diff --git a/ProjectSourceCode/node_modules/tar/node_modules/.bin/mkdirp b/ProjectSourceCode/node_modules/tar/node_modules/.bin/mkdirp index 6ba5765..017896c 120000 --- a/ProjectSourceCode/node_modules/tar/node_modules/.bin/mkdirp +++ b/ProjectSourceCode/node_modules/tar/node_modules/.bin/mkdirp @@ -1,12 +1 @@ -#!/bin/sh -basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") - -case `uname` in - *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;; -esac - -if [ -x "$basedir/node" ]; then - exec "$basedir/node" "$basedir/../mkdirp/bin/cmd.js" "$@" -else - exec node "$basedir/../mkdirp/bin/cmd.js" "$@" -fi +../mkdirp/bin/cmd.js \ No newline at end of file diff --git a/ProjectSourceCode/src/resources/css/club-pages/club-page.css b/ProjectSourceCode/src/resources/css/club-pages/club-page.css deleted file mode 100644 index abf0903..0000000 --- a/ProjectSourceCode/src/resources/css/club-pages/club-page.css +++ /dev/null @@ -1,91 +0,0 @@ -#club-page-body { - display: flex; - flex-direction: column; - width: 100%; -} - -#club-page-body { - padding: 50px; -} - -#club-crest { - text-align: center; -} - -#club-area-flag-row { - text-align: center; -} - -#club-area-flag { - width : 150px; -} - -#club-players-container { - padding: 30px; -} - -#top-scorers-container { - padding : 30px -} - -#club-information-container { - height: 100px; - width: fit-content; - margin: 20px; - background: linear-gradient(to right, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */ - padding: 10px 20px; /* Adjust padding as needed */ - transform: skewX(-20deg); /* Skew the banner to create a triangular side */ - cursor: pointer; /* Change cursor to pointer on hover */ - box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4); - - display: flex; /* Use flexbox for layout */ - align-items: center; /* Center content vertically */ - - /* Add any other styling you need for the club information container */ -} - -#club-information-container::after { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - width: 8px; /* Width of the red strip */ - background-color: red; /* Red color */ - } - -#club-logo { - margin: 0px 20px; - transform: skewX(20deg); /* Skew the banner to create a triangular side */ - height: 80px; -} - -#club-title { - transform: skewX(20deg); /* Skew the banner to create a triangular side */ - margin-right: 20px; -} - -#club-flag { - - transform: skewX(20deg); /* Skew the banner to create a triangular side */ - height: 20px; - margin-right: 200px; -} - -#club-stats-container { - width: 100%; - display: flex; - flex: 1; -} - -#club-stats-container .container { - margin: 0 10px; - - background-color: #eaeaea; /* Example background color */ - - border: 1px solid gray; - border-radius: 8px; - - box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4); - /* Add any other styling you need for the club table container */ -} diff --git a/ProjectSourceCode/src/resources/css/club-pages/club-top-scorers.css b/ProjectSourceCode/src/resources/css/club-pages/club-top-scorers.css deleted file mode 100644 index 2d62b21..0000000 --- a/ProjectSourceCode/src/resources/css/club-pages/club-top-scorers.css +++ /dev/null @@ -1,6 +0,0 @@ -#club-top-scorers-container { - flex: 1; - background-color: #dcdcdc; /* Example background color */ - width: 40%; - /* Add any other styling you need for the top scorers container */ -} diff --git a/ProjectSourceCode/src/resources/css/club-pages/players-table.css b/ProjectSourceCode/src/resources/css/club-pages/players-table.css deleted file mode 100644 index e69de29..0000000 diff --git a/ProjectSourceCode/src/resources/css/generated-pages/club-pages/club-page-layouts.css b/ProjectSourceCode/src/resources/css/generated-pages/club-pages/club-page-layouts.css new file mode 100644 index 0000000..db5cd96 --- /dev/null +++ b/ProjectSourceCode/src/resources/css/generated-pages/club-pages/club-page-layouts.css @@ -0,0 +1,35 @@ +/* Main Contents Container (Below Header) */ +#club-page-contents-container +{ + display: flex; + flex-direction: row; +} + + /* Child Containers */ + + /* Left 20% of #club-page-contents-container */ + #club-information-container + { + width: 20%; + + display: flex; + flex-direction: column; + } + + /* Right 80% of #club-page-contents-container */ + #club-stats-and-players-container + { + width: 80%; + } + + + + + + + + + + + + diff --git a/ProjectSourceCode/src/resources/css/generated-pages/club-pages/club-page-styling.css b/ProjectSourceCode/src/resources/css/generated-pages/club-pages/club-page-styling.css new file mode 100644 index 0000000..17d01a9 --- /dev/null +++ b/ProjectSourceCode/src/resources/css/generated-pages/club-pages/club-page-styling.css @@ -0,0 +1,4 @@ +/* Container for all stats and player cards */ +#club-stats-and-players-container { + width: 80%; +} \ No newline at end of file diff --git a/ProjectSourceCode/src/resources/css/league-pages/league-page.css b/ProjectSourceCode/src/resources/css/generated-pages/generated-pages-styling.css similarity index 57% rename from ProjectSourceCode/src/resources/css/league-pages/league-page.css rename to ProjectSourceCode/src/resources/css/generated-pages/generated-pages-styling.css index 37a9204..f759c24 100644 --- a/ProjectSourceCode/src/resources/css/league-pages/league-page.css +++ b/ProjectSourceCode/src/resources/css/generated-pages/generated-pages-styling.css @@ -1,18 +1,22 @@ /* ============================================================== - OVERALL PAGE STYLES + ENTIRE PAGE CONTAINER ============================================================== */ -#league-page-body -{ - /* --- SIZE CONTAINER --- */ - width: 100%; /* Set the width to the full width of screen */ - padding: 10px 100px; /* Create some distance between page boundries and elements */ +.page-container { + /* --- SIZE CONTAINER --- */ + width: 100%; /* Set the width to the full width of screen */ + padding: 10px 100px; /* Create some distance between page boundries and elements */ + + /* --- FORMAT CHILD ITEMS (Table and Leading Scorers Cards) --- */ + display: flex; /* Enable flexbox layout */ + flex-direction: column; /* Arrange child elements vertically */ +} - /* --- FORMAT CHILD ITEMS (Table and Leading Scorers Cards) --- */ - display: flex; /* Enable flexbox layout */ - flex-direction: column; /* Arrange child elements vertically */ +.page-content-container { + display: flex; + flex-direction: row; } /* @@ -22,7 +26,7 @@ */ /* Stylization for League Information Header Card */ -#league-information-container +.information-container { /* --- POSITION CONTAINER --- */ align-items: center; /* Center content vertically */ @@ -38,19 +42,8 @@ transform: skewX(-20deg); /* Skew the banner to create a triangular side */ box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.4); - /* --- FORMAT CHILD ITEMS (logo, league name, flag) --- */ - display: flex; /* Enable flexbox layout */ - flex-direction: row; /* Arrange child elements horizontally */ -} - - /* - =========================== - LEAGUE INFORMATION CHILD ITEMS - =========================== - */ - /* Adds Red Diagonal Strip at the end of the #league-information-container */ - #league-information-container::after + .information-container::after { content: ''; position: absolute; @@ -61,8 +54,19 @@ background-color: red; /* Red color */ } + /* --- FORMAT CHILD ITEMS (logo, league name, flag) --- */ + display: flex; /* Enable flexbox layout */ + flex-direction: row; /* Arrange child elements horizontally */ +} + + /* + =========================== + LEAGUE INFORMATION CHILD ITEMS + =========================== + */ + /* Styling for League Logo in League Information Header */ - #league-logo + #generated-page-header-logo { margin: 0px 30px; transform: skewX(20deg); /* Skew the banner to create a triangular side */ @@ -70,14 +74,14 @@ } /* Styling for League Title in League Information Header */ - #league-title + #generated-page-header-title { transform: skewX(20deg); /* Skew the banner to create a triangular side */ margin-right: 20px; } - /* Styling for FLag in League Information Header */ - #league-flag + /* Styling for Flag in League Information Header */ + #generated-page-header-flag { transform: skewX(20deg); /* Skew the banner to create a triangular side */ height: 20px; @@ -89,14 +93,9 @@ CARDS IN PAGE BODY ============================================= */ - -#table-and-top-scorers-containers { - display: flex; - flex-direction: row; -} - -/* Styling for Standings and Top Scorers Cards */ -#table-stats-container, #top-scorers-stats-container + +/* Styling for All Card Containers on Generated Pages */ +.card-container { /* --- POSITION CONTAINER --- */ margin: 0 10px; @@ -111,32 +110,61 @@ box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5); } +/* Styling for All Tables on Generated Pages */ +table +{ + width: 100%; + padding: 15px; + + /* Table Header Styling */ + th + { + border-bottom: 3px solid red; /* Add red bottom border */ + } + + /* Data in Row Style */ + td + { + padding: 5px; + } +} + +/* Styling for All Tables Designated to Alternate on Generated Pages */ +.alternating-table tbody tr:nth-child(odd) +{ + /* Every Odd Row in Table Style */ + background-color: #d2d2d2; /* Light gray for odd rows */ +} + /* ============================================================== HOVER STYLES ============================================================== */ - /* Hover Styling for Standings and Top Scorers Cards */ - #table-stats-container:hover, #top-scorers-stats-container:hover - { - transform: scale(1.01); /* Scale the row by 1.1 on hover */ - box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3); - } - -/* -============================================================== - DYNAMIC PAGE WIDTH STYLES -============================================================== -*/ - -/* Width of Screen is Less Than 950px */ -@media (max-width: 1230px) +/* Hover Styling for All Card Containers on Generated Pages */ +.card-container:hover { - #table-and-top-scorers-containers { - display: flex; - flex-direction: column; - } + transform: scale(1.01); /* Scale the row by 1.1 on hover */ + box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3); } - \ No newline at end of file +/* Hover Styling for All Tables Designated to Alternate on Generated Pages */ +.alternating-table tbody tr:hover +{ + /* Create border around row on hover */ + border: 1px solid lightgray; + border-radius: 10px; + + /* Make club logo larger on hover */ + #league-table-club-logo + { + width: 32px; + } + + /* Undeline club name on hover */ + #league-table-club-name-column + { + text-decoration: underline; /* Add underline effect */ + } +} \ No newline at end of file diff --git a/ProjectSourceCode/src/resources/css/generated-pages/league-pages/league-page.css b/ProjectSourceCode/src/resources/css/generated-pages/league-pages/league-page.css new file mode 100644 index 0000000..05bd64d --- /dev/null +++ b/ProjectSourceCode/src/resources/css/generated-pages/league-pages/league-page.css @@ -0,0 +1,28 @@ +/* +============================================= + CARDS IN PAGE BODY +============================================= +*/ + +#table-and-top-scorers-containers +{ + display: flex; + flex-direction: row; +} + +/* +============================================================== + DYNAMIC PAGE WIDTH STYLES +============================================================== +*/ + +/* Width of Screen is Less Than 950px */ +@media (max-width: 1230px) +{ + #table-and-top-scorers-containers { + display: flex; + flex-direction: column; + } +} + + \ No newline at end of file diff --git a/ProjectSourceCode/src/resources/css/generated-pages/league-pages/league-table.css b/ProjectSourceCode/src/resources/css/generated-pages/league-pages/league-table.css new file mode 100644 index 0000000..a9031d3 --- /dev/null +++ b/ProjectSourceCode/src/resources/css/generated-pages/league-pages/league-table.css @@ -0,0 +1,62 @@ +/* +================================= + LEAGUE TABLE CONTAINER +================================= +*/ + +/* Container for table and header */ +#league-table-container +{ + width: 60%; + margin-right: 30px; +} + +/* +============================================ + LEAGUE TABLE COLUMNS STYLE +============================================ +*/ + +/* Club Logo Column in Table Style */ +#league-table-club-logo-column { + width: 25px; + + /* Club Logo Style */ + #league-table-club-logo + { + width: 25px; + margin-right: 5px; + cursor: pointer; + } + +} + +/* Club Name Column in Table Style */ +#league-table-club-name-column +{ + font-weight: 500; + cursor: pointer; +} + +/* Points Column in Table Style */ +#league-table-points-column +{ + font-weight: bolder; +} + +/* +============================================================== + DYNAMIC PAGE WIDTH STYLES +============================================================== +*/ + +/* Stlye for Screens Smaller than 1230px */ +@media (max-width: 1230px) +{ + #league-table-container + { + align-items: center; + width: 75%; + min-width: 580px; + } +} \ No newline at end of file diff --git a/ProjectSourceCode/src/resources/css/generated-pages/league-pages/league-top-scorers.css b/ProjectSourceCode/src/resources/css/generated-pages/league-pages/league-top-scorers.css new file mode 100644 index 0000000..1f65f87 --- /dev/null +++ b/ProjectSourceCode/src/resources/css/generated-pages/league-pages/league-top-scorers.css @@ -0,0 +1,76 @@ +/* +================================= + TABLE AND HEADER CONTAINER +================================= +*/ + +#league-top-scorers-container +{ + width: 40%; +} + +/* +=========================== + TABLE COLUMNS STYLE +=========================== +*/ + +#league-top-scorers-goals-column +{ + text-align: center; + font-size: 20px; + font-weight: bolder; +} + +#league-top-scorers-logo +{ + width: 25px; + margin: 0 15px; + cursor: pointer; +} + +#league-top-scorers-player-name-column +{ + + font-size: 14px; + font-weight: bold; + padding-right: 15px; +} + +#league-top-scorers-club-name-column +{ + padding-right: 15px; +} + +/* +============================================================== + HOVER STYLES +============================================================== +*/ + +#league-top-scorers-stats-container tbody tr:hover +{ + + border: 1px solid lightgray; + + #league-top-scorers-logo { + width: 32px; + } + + #league-top-scorers-player-name-column { + text-decoration: underline; + } +} + +/* +============================================================== + DYNAMIC PAGE WIDTH STYLES +============================================================== +*/ + +@media (max-width: 1230px) { + #league-top-scorers-logo { + align-items: center; + width: 75%; + } +} \ No newline at end of file diff --git a/ProjectSourceCode/src/resources/css/league-pages/league-table.css b/ProjectSourceCode/src/resources/css/league-pages/league-table.css deleted file mode 100644 index 6bf663a..0000000 --- a/ProjectSourceCode/src/resources/css/league-pages/league-table.css +++ /dev/null @@ -1,131 +0,0 @@ -/* -================================= - TABLE ADN HEADER CONTAINER -================================= -*/ - -/* Container for table and header */ -#league-table-container -{ - width: 60%; - justify-content: center; - align-items: center; - - margin-right: 30px; - - transition: transform 0.3s ease; /* Add smooth transition effect */ -} - -/* -================================= - TABLE CONTAINER -================================= -*/ - -/* Container for Table */ -#table-stats-container -{ - width: 100%; -} - -/* Table that holds all the standing information */ -#standings-table, .table -{ - width: 100%; - padding: 15px; - - /* Table Header Styling */ - th - { - border-bottom: 3px solid red; /* Add red bottom border */ - } - - /* Data in Row Style */ - td - { - padding: 15px; - - } - - /* Every Odd Row in Table Style */ - tbody tr:nth-child(odd) - { - background-color: #d2d2d2; /* Light gray for odd rows */ - } -} - - /* - =========================== - TABLE COLUMNS STYLE - =========================== - */ - - /* Club Logo Column in Table Style */ - #club-logo-column { - width: 25px; - - /* Club Logo Style */ - #table-club-logo - { - width: 25px; - margin-right: 5px; - cursor: pointer; - } - - } - - /* Club Name Column in Table Style */ - #club-name-column - { - font-weight: 500; - cursor: pointer; - } - - /* Points Column in Table Style */ - #points-column - { - font-weight: bolder; - } - -/* -============================================================== - HOVER STYLES -============================================================== -*/ - -/* Add hover effect to table rows */ -#standings-table tbody tr:hover -{ - /* Create border around row on hover */ - border: 1px solid lightgray; - border-radius: 10px; - - /* Make club logo larger on hover */ - #table-club-logo - { - width: 32px; - } - - /* Undeline club name on hover */ - #club-name-column - { - text-decoration: underline; /* Add underline effect */ - } -} - -/* -============================================================== - DYNAMIC PAGE WIDTH STYLES -============================================================== -*/ - -/* Stlye for Screens Smaller than 1230px */ -@media (max-width: 1230px) -{ - #league-table-container - { - align-items: center; - width: 75%; - min-width: 580px; - } -} \ No newline at end of file diff --git a/ProjectSourceCode/src/resources/css/league-pages/top-scorers.css b/ProjectSourceCode/src/resources/css/league-pages/top-scorers.css deleted file mode 100644 index 03eacea..0000000 --- a/ProjectSourceCode/src/resources/css/league-pages/top-scorers.css +++ /dev/null @@ -1,96 +0,0 @@ -/* -================================= - TABLE ADN HEADER CONTAINER -================================= -*/ - -#top-scorers-container -{ - width: 40%; -} - -#top-scorers-stats-container { - - /* Table Header Styling */ - th - { - border-bottom: 3px solid red; /* Add red bottom border */ - } - - tr - { - padding: 3px; - } - - /* Data in Row Style */ - td - { - padding: 5px; - } -} - - /* - =========================== - TABLE COLUMNS STYLE - =========================== - */ - - #goals-column - { - text-align: center; - font-size: 20px; - font-weight: bolder; - } - - #top-scorers-logo - { - width: 25px; - margin: 0 15px; - cursor: pointer; - } - - #player-name-column - { - - font-size: 14px; - font-weight: bold; - padding-right: 15px; - } - - #club-name-column - { - padding-right: 15px; - } - -/* -============================================================== - HOVER STYLES -============================================================== -*/ - -#top-scorers-stats-container tbody tr:hover -{ - - border: 1px solid lightgray; - - #top-scorers-logo { - width: 32px; - } - - #club-name-column { - text-decoration: underline; - } -} - -/* -============================================================== - DYNAMIC PAGE WIDTH STYLES -============================================================== -*/ - -@media (max-width: 1230px) { - #top-scorers-container { - align-items: center; - width: 75%; - } -} \ No newline at end of file diff --git a/ProjectSourceCode/src/resources/routes/club-pages/redirect-to-club-url.js b/ProjectSourceCode/src/resources/routes/club-pages/redirect-to-club-url.js index 408d964..d3ebcc5 100644 --- a/ProjectSourceCode/src/resources/routes/club-pages/redirect-to-club-url.js +++ b/ProjectSourceCode/src/resources/routes/club-pages/redirect-to-club-url.js @@ -1,5 +1,5 @@ // Add click event listener to club logos -document.querySelectorAll('#table-club-logo, #club-name, #top-scorers-logo, #club-name-column').forEach(element => { +document.querySelectorAll('#league-table-club-logo, #league-table-club-name-column, #league-top-scorers-logo, #league-top-scorers-club-name-column').forEach(element => { element.addEventListener('click', (event) => { // Get the club ID from the clicked club logo's clubID attribute const clubId = element.getAttribute('clubID'); diff --git a/ProjectSourceCode/src/views/pages/clubs-page.hbs b/ProjectSourceCode/src/views/pages/clubs-page.hbs index 290f23c..9050cbc 100644 --- a/ProjectSourceCode/src/views/pages/clubs-page.hbs +++ b/ProjectSourceCode/src/views/pages/clubs-page.hbs @@ -1,100 +1,128 @@ - - - - - - Club Details - - -
-
-
-

Players

-
    - - - - - - - - - - - - {{#each club.squad}} - - - - - - - {{/each}} - -
    NamePositionDOBNationality
    {{name}}{{position}}{{dateOfBirth}}{{nationality}}
    -
    - -
    -

    Information

    -
      - - - - - - - - - - - - - - - - - - - -
      - -
      - -
      - Club Address:
      - {{club.address}} -
      - Founded
      - {{club.founded}} -
      - Manager
      - Name : {{club.coach.name}}
      - Nationality : {{club.coach.nationality}}
      - DOB : {{club.coach.dateOfBirth}}
      - contract start : {{club.coach.contract.start}}
      - contract end : {{club.coach.contract.until}}
      -
      - -

      Competitions

      -
        - - - - - - - - {{#each club.runningCompetitions}} - - - - {{/each}} - -
        Name
        {{name}}
        +
        + +
        + +

        {{club.name}}

        + {{club.name}} Flag
        + +
        + + +
        + + +
        + +
        +

        Information

        +
        + +
        + + + + + + + + + + + + + + + + + +
        + Club Address:
        + {{club.address}} +
        + Founded
        + {{club.founded}} +
        + Manager
        + Name: {{club.coach.name}}
        + Nationality: {{club.coach.nationality}}
        + DOB: {{club.coach.dateOfBirth}}
        + contract start: {{club.coach.contract.start}}
        + contract end: {{club.coach.contract.until}}
        +
        +
        +
        + + +
        + +
        +

        Competitions

        +
        + +
        + + + + + + + + {{#each club.runningCompetitions}} + + + + {{/each}} + +
        Name
        {{name}}
        +
        +
        + +
        + + +
        + + +
        + +
        +

        Players

        +
        + +
        + + + + + + + + + + + {{#each club.squad}} + + + + + + + {{/each}} + +
        NamePositionDOBNationality
        {{name}}{{position}}{{dateOfBirth}}{{nationality}}
        +
        +
        + +
        + +
        +
        - - \ No newline at end of file + + + + diff --git a/ProjectSourceCode/src/views/pages/home.hbs b/ProjectSourceCode/src/views/pages/home.hbs index 3d718bf..8fe6d22 100644 --- a/ProjectSourceCode/src/views/pages/home.hbs +++ b/ProjectSourceCode/src/views/pages/home.hbs @@ -1,6 +1,6 @@

        Leagues

        -
        +