orosmatthew/bw-hspc-contest-env
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[web] Refactor team page and add lang choice

Browse Source
This commit is contained in:
orosmatthew 2023-11-12 15:52:12 -05:00
parent 9317974df7
commit 80804734a5
10 changed files with 400 additions and 335 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/README.md
View File

@ -29,17 +29,20 @@ node build
### Docker ### Docker
Copy the example docker compose file Copy the example docker compose file
```bash ```bash
# pwd web/ # pwd web/
cp docker/docker-compose.example.yml ./docker-compose.yml cp docker/docker-compose.example.yml ./docker-compose.yml
``` ```
Fill out `.env` file Fill out `.env` file
```bash ```bash
cp .env.example .env cp .env.example .env
``` ```
Run the container Run the container
```bash ```bash
docker compose up --build docker compose up --build
``` ```

252
web/package-lock.json generated
View File

@ -10,13 +10,13 @@
"dependencies": { "dependencies": {
"@prisma/client": "^5.5.2", "@prisma/client": "^5.5.2",
"@sveltejs/adapter-node": "^1.3.1", "@sveltejs/adapter-node": "^1.3.1",
"@types/fs-extra": "^11.0.3", "@types/fs-extra": "^11.0.4",
"bcrypt": "^5.1.1", "bcrypt": "^5.1.1",
"bootstrap": "^5.3.2", "bootstrap": "^5.3.2",
"bootstrap-icons": "^1.11.1", "bootstrap-icons": "^1.11.1",
"diff": "^5.1.0", "diff": "^5.1.0",
"diff2html": "^3.4.45", "diff2html": "^3.4.45",
"eslint-plugin-svelte": "^2.34.1", "eslint-plugin-svelte": "^2.35.0",
"fs-extra": "^11.1.1", "fs-extra": "^11.1.1",
"js-cookie": "^3.0.5", "js-cookie": "^3.0.5",
"node-git-server": "^1.0.0", "node-git-server": "^1.0.0",
@ -27,22 +27,22 @@
}, },
"devDependencies": { "devDependencies": {
"@sveltejs/adapter-auto": "^2.1.1", "@sveltejs/adapter-auto": "^2.1.1",
"@sveltejs/kit": "^1.27.3", "@sveltejs/kit": "^1.27.5",
"@types/bcrypt": "^5.0.1", "@types/bcrypt": "^5.0.2",
"@types/bootstrap": "^5.2.8", "@types/bootstrap": "^5.2.9",
"@types/diff": "^5.0.7", "@types/diff": "^5.0.8",
"@types/js-cookie": "^3.0.5", "@types/js-cookie": "^3.0.6",
"@types/node": "^20.8.10", "@types/node": "^20.9.0",
"@types/uuid": "^9.0.6", "@types/uuid": "^9.0.7",
"@typescript-eslint/eslint-plugin": "^6.9.1", "@typescript-eslint/eslint-plugin": "^6.10.0",
"@typescript-eslint/parser": "^6.9.1", "@typescript-eslint/parser": "^6.10.0",
"eslint": "^8.53.0", "eslint": "^8.53.0",
"eslint-config-prettier": "^9.0.0", "eslint-config-prettier": "^9.0.0",
"prettier": "^3.0.3", "prettier": "^3.0.3",
"prettier-plugin-svelte": "^3.0.3", "prettier-plugin-svelte": "^3.1.0",
"sass": "^1.69.5", "sass": "^1.69.5",
"svelte": "^4.2.2", "svelte": "^4.2.3",
"svelte-check": "^3.5.2", "svelte-check": "^3.6.0",
"tslib": "^2.6.2", "tslib": "^2.6.2",
"typescript": "^5.2.2", "typescript": "^5.2.2",
"vite": "^4.5.0" "vite": "^4.5.0"
@ -822,12 +822,12 @@
} }
}, },
"node_modules/@sveltejs/kit": { "node_modules/@sveltejs/kit": {
"version": "1.27.3", "version": "1.27.5",
"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.27.3.tgz", "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.27.5.tgz",
"integrity": "sha512-pd7qwX6ww5noA0/FLk45B0aKUeOXWR+pfZsGTrv3dRmj3lTmnki9UTmTdWzHJGrje+BBkGUZHfgGrsSOQQBQpQ==", "integrity": "sha512-+L1WPs/ZYNjXoBFoFARypD4aZOjkT51vFpRCtQI45+Fmmfi4Y0dH/8VFlmYD6VlGe89ViIPg7lgf/JpGQ2tr7A==",
"hasInstallScript": true, "hasInstallScript": true,
"dependencies": { "dependencies": {
"@sveltejs/vite-plugin-svelte": "^2.4.1", "@sveltejs/vite-plugin-svelte": "^2.5.0",
"@types/cookie": "^0.5.1", "@types/cookie": "^0.5.1",
"cookie": "^0.5.0", "cookie": "^0.5.0",
"devalue": "^4.3.1", "devalue": "^4.3.1",
@ -848,20 +848,20 @@
"node": "^16.14 || >=18" "node": "^16.14 || >=18"
}, },
"peerDependencies": { "peerDependencies": {
"svelte": "^3.54.0 || ^4.0.0-next.0", "svelte": "^3.54.0 || ^4.0.0-next.0 || ^5.0.0-next.0",
"vite": "^4.0.0" "vite": "^4.0.0"
} }
}, },
"node_modules/@sveltejs/vite-plugin-svelte": { "node_modules/@sveltejs/vite-plugin-svelte": {
"version": "2.4.5", "version": "2.5.2",
"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.5.tgz", "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.5.2.tgz",
"integrity": "sha512-UJKsFNwhzCVuiZd06jM/psscyNJNDwjQC+qIeb7GBJK9iWeQCcIyfcPWDvbCudfcJggY9jtxJeeaZH7uny93FQ==", "integrity": "sha512-Dfy0Rbl+IctOVfJvWGxrX/3m6vxPLH8o0x+8FA5QEyMUQMo4kGOVIojjryU7YomBAexOTAuYf1RT7809yDziaA==",
"dependencies": { "dependencies": {
"@sveltejs/vite-plugin-svelte-inspector": "^1.0.3", "@sveltejs/vite-plugin-svelte-inspector": "^1.0.4",
"debug": "^4.3.4", "debug": "^4.3.4",
"deepmerge": "^4.3.1", "deepmerge": "^4.3.1",
"kleur": "^4.1.5", "kleur": "^4.1.5",
"magic-string": "^0.30.2", "magic-string": "^0.30.3",
"svelte-hmr": "^0.15.3", "svelte-hmr": "^0.15.3",
"vitefu": "^0.2.4" "vitefu": "^0.2.4"
}, },
@ -869,7 +869,7 @@
"node": "^14.18.0 || >= 16" "node": "^14.18.0 || >= 16"
}, },
"peerDependencies": { "peerDependencies": {
"svelte": "^3.54.0 || ^4.0.0", "svelte": "^3.54.0 || ^4.0.0 || ^5.0.0-next.0",
"vite": "^4.0.0" "vite": "^4.0.0"
} }
}, },
@ -890,18 +890,18 @@
} }
}, },
"node_modules/@types/bcrypt": { "node_modules/@types/bcrypt": {
"version": "5.0.1", "version": "5.0.2",
"resolved": "https://registry.npmjs.org/@types/bcrypt/-/bcrypt-5.0.1.tgz", "resolved": "https://registry.npmjs.org/@types/bcrypt/-/bcrypt-5.0.2.tgz",
"integrity": "sha512-dIIrEsLV1/v0AUNI8oHMaRRTSeVjoy5ID8oclJavtPj8CwPJoD1eFoNXEypuu6k091brEzBeOo3LlxeAH9zRZg==", "integrity": "sha512-6atioO8Y75fNcbmj0G7UjI9lXN2pQ/IGJ2FWT4a/btd0Lk9lQalHLKhkgKVZ3r+spnmWUKfbMi1GEe9wyHQfNQ==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@types/node": "*" "@types/node": "*"
} }
}, },
"node_modules/@types/bootstrap": { "node_modules/@types/bootstrap": {
"version": "5.2.8", "version": "5.2.9",
"resolved": "https://registry.npmjs.org/@types/bootstrap/-/bootstrap-5.2.8.tgz", "resolved": "https://registry.npmjs.org/@types/bootstrap/-/bootstrap-5.2.9.tgz",
"integrity": "sha512-14do+aWZPc1w3G+YevSsy8eas1XEPhTOUNBhQX/r12YKn7ySssATJusBQ/HCQAd2nq54U8vvrftHSb1YpeJUXg==", "integrity": "sha512-Fcg4nORBKaVUAG4F0ePWcatWQVfr3NAT9XIN+hl1PaiAwb4tq55+iua9R3exsbB3yyfhyQlHYg2foTlW86J+RA==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@popperjs/core": "^2.9.2" "@popperjs/core": "^2.9.2"
@ -913,9 +913,9 @@
"integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==" "integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g=="
}, },
"node_modules/@types/diff": { "node_modules/@types/diff": {
"version": "5.0.7", "version": "5.0.8",
"resolved": "https://registry.npmjs.org/@types/diff/-/diff-5.0.7.tgz", "resolved": "https://registry.npmjs.org/@types/diff/-/diff-5.0.8.tgz",
"integrity": "sha512-adBosR2GntaQQiuHnfRN9HtxYpoHHJBcdyz7VSXhjpSAmtvIfu/S1fjTqwuIx/Ypba6LCZdfWIqPYx2BR5TneQ==", "integrity": "sha512-kR0gRf0wMwpxQq6ME5s+tWk9zVCfJUl98eRkD05HWWRbhPB/eu4V1IbyZAsvzC1Gn4znBJ0HN01M4DGXdBEV8Q==",
"dev": true "dev": true
}, },
"node_modules/@types/estree": { "node_modules/@types/estree": {
@ -924,24 +924,24 @@
"integrity": "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==" "integrity": "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA=="
}, },
"node_modules/@types/fs-extra": { "node_modules/@types/fs-extra": {
"version": "11.0.3", "version": "11.0.4",
"resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-11.0.3.tgz", "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-11.0.4.tgz",
"integrity": "sha512-sF59BlXtUdzEAL1u0MSvuzWd7PdZvZEtnaVkzX5mjpdWTJ8brG0jUqve3jPCzSzvAKKMHTG8F8o/WMQLtleZdQ==", "integrity": "sha512-yTbItCNreRooED33qjunPthRcSjERP1r4MqCZc7wv0u2sUkzTFp45tgUfS5+r7FrZPdmCCNflLhVSP/o+SemsQ==",
"dependencies": { "dependencies": {
"@types/jsonfile": "*", "@types/jsonfile": "*",
"@types/node": "*" "@types/node": "*"
} }
}, },
"node_modules/@types/js-cookie": { "node_modules/@types/js-cookie": {
"version": "3.0.5", "version": "3.0.6",
"resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-3.0.5.tgz", "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-3.0.6.tgz",
"integrity": "sha512-dtLshqoiGRDHbHueIT9sjkd2F4tW1qPSX2xKAQK8p1e6pM+Z913GM1shv7dOqqasEMYbC5zEaClJomQe8OtQLA==", "integrity": "sha512-wkw9yd1kEXOPnvEeEV1Go1MmxtBJL0RR79aOTAApecWFVu7w0NNXNqhcWgvw2YgZDYadliXkl14pa3WXw5jlCQ==",
"dev": true "dev": true
}, },
"node_modules/@types/json-schema": { "node_modules/@types/json-schema": {
"version": "7.0.14", "version": "7.0.15",
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.14.tgz", "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
"integrity": "sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw==", "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
"dev": true "dev": true
}, },
"node_modules/@types/jsonfile": { "node_modules/@types/jsonfile": {
@ -953,17 +953,17 @@
} }
}, },
"node_modules/@types/node": { "node_modules/@types/node": {
"version": "20.8.10", "version": "20.9.0",
"resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.10.tgz", "resolved": "https://registry.npmjs.org/@types/node/-/node-20.9.0.tgz",
"integrity": "sha512-TlgT8JntpcbmKUFzjhsyhGfP2fsiz1Mv56im6enJ905xG1DAYesxJaeSbGqQmAw8OWPdhyJGhGSQGKRNJ45u9w==", "integrity": "sha512-nekiGu2NDb1BcVofVcEKMIwzlx4NjHlcjhoxxKBNLtz15Y1z7MYf549DFvkHSId02Ax6kGwWntIBPC3l/JZcmw==",
"dependencies": { "dependencies": {
"undici-types": "~5.26.4" "undici-types": "~5.26.4"
} }
}, },
"node_modules/@types/pug": { "node_modules/@types/pug": {
"version": "2.0.6", "version": "2.0.9",
"resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz", "resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.9.tgz",
"integrity": "sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==", "integrity": "sha512-Yg4LkgFYvn1faISbDNWmcAC1XoDT8IoMUFspp5mnagKk+UvD2N0IWt5A7GRdMubsNWqgCLmrkf8rXkzNqb4szA==",
"dev": true "dev": true
}, },
"node_modules/@types/resolve": { "node_modules/@types/resolve": {
@ -972,28 +972,28 @@
"integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==" "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q=="
}, },
"node_modules/@types/semver": { "node_modules/@types/semver": {
"version": "7.5.4", "version": "7.5.5",
"resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.4.tgz", "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.5.tgz",
"integrity": "sha512-MMzuxN3GdFwskAnb6fz0orFvhfqi752yjaXylr0Rp4oDg5H0Zn1IuyRhDVvYOwAXoJirx2xuS16I3WjxnAIHiQ==", "integrity": "sha512-+d+WYC1BxJ6yVOgUgzK8gWvp5qF8ssV5r4nsDcZWKRWcDQLQ619tvWAxJQYGgBrO1MnLJC7a5GtiYsAoQ47dJg==",
"dev": true "dev": true
}, },
"node_modules/@types/uuid": { "node_modules/@types/uuid": {
"version": "9.0.6", "version": "9.0.7",
"resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.6.tgz", "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.7.tgz",
"integrity": "sha512-BT2Krtx4xaO6iwzwMFUYvWBWkV2pr37zD68Vmp1CDV196MzczBRxuEpD6Pr395HAgebC/co7hOphs53r8V7jew==", "integrity": "sha512-WUtIVRUZ9i5dYXefDEAI7sh9/O7jGvHg7Df/5O/gtH3Yabe5odI3UWopVR1qbPXQtvOxWu3mM4XxlYeZtMWF4g==",
"dev": true "dev": true
}, },
"node_modules/@typescript-eslint/eslint-plugin": { "node_modules/@typescript-eslint/eslint-plugin": {
"version": "6.9.1", "version": "6.10.0",
"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.9.1.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.10.0.tgz",
"integrity": "sha512-w0tiiRc9I4S5XSXXrMHOWgHgxbrBn1Ro+PmiYhSg2ZVdxrAJtQgzU5o2m1BfP6UOn7Vxcc6152vFjQfmZR4xEg==", "integrity": "sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@eslint-community/regexpp": "^4.5.1", "@eslint-community/regexpp": "^4.5.1",
"@typescript-eslint/scope-manager": "6.9.1", "@typescript-eslint/scope-manager": "6.10.0",
"@typescript-eslint/type-utils": "6.9.1", "@typescript-eslint/type-utils": "6.10.0",
"@typescript-eslint/utils": "6.9.1", "@typescript-eslint/utils": "6.10.0",
"@typescript-eslint/visitor-keys": "6.9.1", "@typescript-eslint/visitor-keys": "6.10.0",
"debug": "^4.3.4", "debug": "^4.3.4",
"graphemer": "^1.4.0", "graphemer": "^1.4.0",
"ignore": "^5.2.4", "ignore": "^5.2.4",
@ -1019,15 +1019,15 @@
} }
}, },
"node_modules/@typescript-eslint/parser": { "node_modules/@typescript-eslint/parser": {
"version": "6.9.1", "version": "6.10.0",
"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.9.1.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.10.0.tgz",
"integrity": "sha512-C7AK2wn43GSaCUZ9do6Ksgi2g3mwFkMO3Cis96kzmgudoVaKyt62yNzJOktP0HDLb/iO2O0n2lBOzJgr6Q/cyg==", "integrity": "sha512-+sZwIj+s+io9ozSxIWbNB5873OSdfeBEH/FR0re14WLI6BaKuSOnnwCJ2foUiu8uXf4dRp1UqHP0vrZ1zXGrog==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@typescript-eslint/scope-manager": "6.9.1", "@typescript-eslint/scope-manager": "6.10.0",
"@typescript-eslint/types": "6.9.1", "@typescript-eslint/types": "6.10.0",
"@typescript-eslint/typescript-estree": "6.9.1", "@typescript-eslint/typescript-estree": "6.10.0",
"@typescript-eslint/visitor-keys": "6.9.1", "@typescript-eslint/visitor-keys": "6.10.0",
"debug": "^4.3.4" "debug": "^4.3.4"
}, },
"engines": { "engines": {
@ -1047,13 +1047,13 @@
} }
}, },
"node_modules/@typescript-eslint/scope-manager": { "node_modules/@typescript-eslint/scope-manager": {
"version": "6.9.1", "version": "6.10.0",
"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.9.1.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.10.0.tgz",
"integrity": "sha512-38IxvKB6NAne3g/+MyXMs2Cda/Sz+CEpmm+KLGEM8hx/CvnSRuw51i8ukfwB/B/sESdeTGet1NH1Wj7I0YXswg==", "integrity": "sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@typescript-eslint/types": "6.9.1", "@typescript-eslint/types": "6.10.0",
"@typescript-eslint/visitor-keys": "6.9.1" "@typescript-eslint/visitor-keys": "6.10.0"
}, },
"engines": { "engines": {
"node": "^16.0.0 || >=18.0.0" "node": "^16.0.0 || >=18.0.0"
@ -1064,13 +1064,13 @@
} }
}, },
"node_modules/@typescript-eslint/type-utils": { "node_modules/@typescript-eslint/type-utils": {
"version": "6.9.1", "version": "6.10.0",
"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.9.1.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.10.0.tgz",
"integrity": "sha512-eh2oHaUKCK58qIeYp19F5V5TbpM52680sB4zNSz29VBQPTWIlE/hCj5P5B1AChxECe/fmZlspAWFuRniep1Skg==", "integrity": "sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@typescript-eslint/typescript-estree": "6.9.1", "@typescript-eslint/typescript-estree": "6.10.0",
"@typescript-eslint/utils": "6.9.1", "@typescript-eslint/utils": "6.10.0",
"debug": "^4.3.4", "debug": "^4.3.4",
"ts-api-utils": "^1.0.1" "ts-api-utils": "^1.0.1"
}, },
@ -1091,9 +1091,9 @@
} }
}, },
"node_modules/@typescript-eslint/types": { "node_modules/@typescript-eslint/types": {
"version": "6.9.1", "version": "6.10.0",
"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.9.1.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.10.0.tgz",
"integrity": "sha512-BUGslGOb14zUHOUmDB2FfT6SI1CcZEJYfF3qFwBeUrU6srJfzANonwRYHDpLBuzbq3HaoF2XL2hcr01c8f8OaQ==", "integrity": "sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==",
"dev": true, "dev": true,
"engines": { "engines": {
"node": "^16.0.0 || >=18.0.0" "node": "^16.0.0 || >=18.0.0"
@ -1104,13 +1104,13 @@
} }
}, },
"node_modules/@typescript-eslint/typescript-estree": { "node_modules/@typescript-eslint/typescript-estree": {
"version": "6.9.1", "version": "6.10.0",
"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.9.1.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.10.0.tgz",
"integrity": "sha512-U+mUylTHfcqeO7mLWVQ5W/tMLXqVpRv61wm9ZtfE5egz7gtnmqVIw9ryh0mgIlkKk9rZLY3UHygsBSdB9/ftyw==", "integrity": "sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@typescript-eslint/types": "6.9.1", "@typescript-eslint/types": "6.10.0",
"@typescript-eslint/visitor-keys": "6.9.1", "@typescript-eslint/visitor-keys": "6.10.0",
"debug": "^4.3.4", "debug": "^4.3.4",
"globby": "^11.1.0", "globby": "^11.1.0",
"is-glob": "^4.0.3", "is-glob": "^4.0.3",
@ -1131,17 +1131,17 @@
} }
}, },
"node_modules/@typescript-eslint/utils": { "node_modules/@typescript-eslint/utils": {
"version": "6.9.1", "version": "6.10.0",
"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.9.1.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.10.0.tgz",
"integrity": "sha512-L1T0A5nFdQrMVunpZgzqPL6y2wVreSyHhKGZryS6jrEN7bD9NplVAyMryUhXsQ4TWLnZmxc2ekar/lSGIlprCA==", "integrity": "sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@eslint-community/eslint-utils": "^4.4.0", "@eslint-community/eslint-utils": "^4.4.0",
"@types/json-schema": "^7.0.12", "@types/json-schema": "^7.0.12",
"@types/semver": "^7.5.0", "@types/semver": "^7.5.0",
"@typescript-eslint/scope-manager": "6.9.1", "@typescript-eslint/scope-manager": "6.10.0",
"@typescript-eslint/types": "6.9.1", "@typescript-eslint/types": "6.10.0",
"@typescript-eslint/typescript-estree": "6.9.1", "@typescript-eslint/typescript-estree": "6.10.0",
"semver": "^7.5.4" "semver": "^7.5.4"
}, },
"engines": { "engines": {
@ -1156,12 +1156,12 @@
} }
}, },
"node_modules/@typescript-eslint/visitor-keys": { "node_modules/@typescript-eslint/visitor-keys": {
"version": "6.9.1", "version": "6.10.0",
"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.9.1.tgz", "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.10.0.tgz",
"integrity": "sha512-MUaPUe/QRLEffARsmNfmpghuQkW436DvESW+h+M52w0coICHRfD6Np9/K6PdACwnrq1HmuLl+cSPZaJmeVPkSw==", "integrity": "sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@typescript-eslint/types": "6.9.1", "@typescript-eslint/types": "6.10.0",
"eslint-visitor-keys": "^3.4.1" "eslint-visitor-keys": "^3.4.1"
}, },
"engines": { "engines": {
@ -1805,6 +1805,17 @@
"url": "https://opencollective.com/eslint" "url": "https://opencollective.com/eslint"
} }
}, },
"node_modules/eslint-compat-utils": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/eslint-compat-utils/-/eslint-compat-utils-0.1.2.tgz",
"integrity": "sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==",
"engines": {
"node": ">=12"
},
"peerDependencies": {
"eslint": ">=6.0.0"
}
},
"node_modules/eslint-config-prettier": { "node_modules/eslint-config-prettier": {
"version": "9.0.0", "version": "9.0.0",
"resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz", "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz",
@ -1818,13 +1829,14 @@
} }
}, },
"node_modules/eslint-plugin-svelte": { "node_modules/eslint-plugin-svelte": {
"version": "2.34.1", "version": "2.35.0",
"resolved": "https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.34.1.tgz", "resolved": "https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.35.0.tgz",
"integrity": "sha512-HnLzYevh9bLL0Rj2d4dmZY9EutN0BL5JsJRHqtJFIyaEmdxxd3ZuY5zNoSjIFhctFMSntsClbd6TwYjgaOY0Xw==", "integrity": "sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==",
"dependencies": { "dependencies": {
"@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/eslint-utils": "^4.2.0",
"@jridgewell/sourcemap-codec": "^1.4.14", "@jridgewell/sourcemap-codec": "^1.4.14",
"debug": "^4.3.1", "debug": "^4.3.1",
"eslint-compat-utils": "^0.1.2",
"esutils": "^2.0.3", "esutils": "^2.0.3",
"known-css-properties": "^0.29.0", "known-css-properties": "^0.29.0",
"postcss": "^8.4.5", "postcss": "^8.4.5",
@ -3065,13 +3077,13 @@
} }
}, },
"node_modules/prettier-plugin-svelte": { "node_modules/prettier-plugin-svelte": {
"version": "3.0.3", "version": "3.1.0",
"resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-3.0.3.tgz", "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-3.1.0.tgz",
"integrity": "sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==", "integrity": "sha512-96+AZxs2ESqIFA9j+o+DHqY+BsUglezfl553LQd6VOtTyJq5GPuBEb3ElxF2cerFzKlYKttlH/VcVmRNj5oc3A==",
"dev": true, "dev": true,
"peerDependencies": { "peerDependencies": {
"prettier": "^3.0.0", "prettier": "^3.0.0",
"svelte": "^3.2.0 || ^4.0.0-next.0" "svelte": "^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0"
} }
}, },
"node_modules/prisma": { "node_modules/prisma": {
@ -3481,9 +3493,9 @@
} }
}, },
"node_modules/svelte": { "node_modules/svelte": {
"version": "4.2.2", "version": "4.2.3",
"resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.2.tgz", "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.3.tgz",
"integrity": "sha512-My2tytF2e2NnHSpn2M7/3VdXT4JdTglYVUuSuK/mXL2XtulPYbeBfl8Dm1QiaKRn0zoULRnL+EtfZHHP0k4H3A==", "integrity": "sha512-sqmG9KC6uUc7fb3ZuWoxXvqk6MI9Uu4ABA1M0fYDgTlFYu1k02xp96u6U9+yJZiVm84m9zge7rrA/BNZdFpOKw==",
"dependencies": { "dependencies": {
"@ampproject/remapping": "^2.2.1", "@ampproject/remapping": "^2.2.1",
"@jridgewell/sourcemap-codec": "^1.4.15", "@jridgewell/sourcemap-codec": "^1.4.15",
@ -3504,9 +3516,9 @@
} }
}, },
"node_modules/svelte-check": { "node_modules/svelte-check": {
"version": "3.5.2", "version": "3.6.0",
"resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-3.5.2.tgz", "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-3.6.0.tgz",
"integrity": "sha512-5a/YWbiH4c+AqAUP+0VneiV5bP8YOk9JL3jwvN+k2PEPLgpu85bjQc5eE67+eIZBBwUEJzmO3I92OqKcqbp3fw==", "integrity": "sha512-8VfqhfuRJ1sKW+o8isH2kPi0RhjXH1nNsIbCFGyoUHG+ZxVxHYRKcb+S8eaL/1tyj3VGvWYx3Y5+oCUsJgnzcw==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@jridgewell/trace-mapping": "^0.3.17", "@jridgewell/trace-mapping": "^0.3.17",
@ -3515,14 +3527,14 @@
"import-fresh": "^3.2.1", "import-fresh": "^3.2.1",
"picocolors": "^1.0.0", "picocolors": "^1.0.0",
"sade": "^1.7.4", "sade": "^1.7.4",
"svelte-preprocess": "^5.0.4", "svelte-preprocess": "^5.1.0",
"typescript": "^5.0.3" "typescript": "^5.0.3"
}, },
"bin": { "bin": {
"svelte-check": "bin/svelte-check" "svelte-check": "bin/svelte-check"
}, },
"peerDependencies": { "peerDependencies": {
"svelte": "^3.55.0 || ^4.0.0-next.0 || ^4.0.0" "svelte": "^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0"
} }
}, },
"node_modules/svelte-eslint-parser": { "node_modules/svelte-eslint-parser": {
@ -3563,9 +3575,9 @@
} }
}, },
"node_modules/svelte-preprocess": { "node_modules/svelte-preprocess": {
"version": "5.0.4", "version": "5.1.0",
"resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz", "resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.1.0.tgz",
"integrity": "sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==", "integrity": "sha512-EkErPiDzHAc0k2MF5m6vBNmRUh338h2myhinUw/xaqsLs7/ZvsgREiLGj03VrSzbY/TB5ZXgBOsKraFee5yceA==",
"dev": true, "dev": true,
"hasInstallScript": true, "hasInstallScript": true,
"dependencies": { "dependencies": {
@ -3588,7 +3600,7 @@
"sass": "^1.26.8", "sass": "^1.26.8",
"stylus": "^0.55.0", "stylus": "^0.55.0",
"sugarss": "^2.0.0 || ^3.0.0 || ^4.0.0", "sugarss": "^2.0.0 || ^3.0.0 || ^4.0.0",
"svelte": "^3.23.0 || ^4.0.0-next.0 || ^4.0.0", "svelte": "^3.23.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0",
"typescript": ">=3.9.5 || ^4.0.0 || ^5.0.0" "typescript": ">=3.9.5 || ^4.0.0 || ^5.0.0"
}, },
"peerDependenciesMeta": { "peerDependenciesMeta": {
@ -3880,11 +3892,11 @@
} }
}, },
"node_modules/vitefu": { "node_modules/vitefu": {
"version": "0.2.4", "version": "0.2.5",
"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz", "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz",
"integrity": "sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==", "integrity": "sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==",
"peerDependencies": { "peerDependencies": {
"vite": "^3.0.0 || ^4.0.0" "vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
}, },
"peerDependenciesMeta": { "peerDependenciesMeta": {
"vite": { "vite": {

28
web/package.json
View File

@ -13,22 +13,22 @@
}, },
"devDependencies": { "devDependencies": {
"@sveltejs/adapter-auto": "^2.1.1", "@sveltejs/adapter-auto": "^2.1.1",
"@sveltejs/kit": "^1.27.3", "@sveltejs/kit": "^1.27.5",
"@types/bcrypt": "^5.0.1", "@types/bcrypt": "^5.0.2",
"@types/bootstrap": "^5.2.8", "@types/bootstrap": "^5.2.9",
"@types/diff": "^5.0.7", "@types/diff": "^5.0.8",
"@types/js-cookie": "^3.0.5", "@types/js-cookie": "^3.0.6",
"@types/node": "^20.8.10", "@types/node": "^20.9.0",
"@types/uuid": "^9.0.6", "@types/uuid": "^9.0.7",
"@typescript-eslint/eslint-plugin": "^6.9.1", "@typescript-eslint/eslint-plugin": "^6.10.0",
"@typescript-eslint/parser": "^6.9.1", "@typescript-eslint/parser": "^6.10.0",
"eslint": "^8.53.0", "eslint": "^8.53.0",
"eslint-config-prettier": "^9.0.0", "eslint-config-prettier": "^9.0.0",
"prettier": "^3.0.3", "prettier": "^3.0.3",
"prettier-plugin-svelte": "^3.0.3", "prettier-plugin-svelte": "^3.1.0",
"sass": "^1.69.5", "sass": "^1.69.5",
"svelte": "^4.2.2", "svelte": "^4.2.3",
"svelte-check": "^3.5.2", "svelte-check": "^3.6.0",
"tslib": "^2.6.2", "tslib": "^2.6.2",
"typescript": "^5.2.2", "typescript": "^5.2.2",
"vite": "^4.5.0" "vite": "^4.5.0"
@ -37,13 +37,13 @@
"dependencies": { "dependencies": {
"@prisma/client": "^5.5.2", "@prisma/client": "^5.5.2",
"@sveltejs/adapter-node": "^1.3.1", "@sveltejs/adapter-node": "^1.3.1",
"@types/fs-extra": "^11.0.3", "@types/fs-extra": "^11.0.4",
"bcrypt": "^5.1.1", "bcrypt": "^5.1.1",
"bootstrap": "^5.3.2", "bootstrap": "^5.3.2",
"bootstrap-icons": "^1.11.1", "bootstrap-icons": "^1.11.1",
"diff": "^5.1.0", "diff": "^5.1.0",
"diff2html": "^3.4.45", "diff2html": "^3.4.45",
"eslint-plugin-svelte": "^2.34.1", "eslint-plugin-svelte": "^2.35.0",
"fs-extra": "^11.1.1", "fs-extra": "^11.1.1",
"js-cookie": "^3.0.5", "js-cookie": "^3.0.5",
"node-git-server": "^1.0.0", "node-git-server": "^1.0.0",

6
web/prisma/schema.prisma
View File

@ -65,6 +65,12 @@ model Team {
contests Contest[] @relation("TeamContestRelation") contests Contest[] @relation("TeamContestRelation")
password String password String
activeTeam ActiveTeam? activeTeam ActiveTeam?
language Language
}
enum Language {
Java
CSharp
} }
model ActiveTeam { model ActiveTeam {

48
web/src/lib/Modal.svelte Normal file
View File

@ -0,0 +1,48 @@
<script lang="ts">
import { onMount } from 'svelte';
import type bootstrap from 'bootstrap';
import { beforeNavigate } from '$app/navigation';
export let title: string;
export let closeButton = true;
let modalElement: HTMLDivElement;
let modal: bootstrap.Modal | undefined;
export function show() {
modal?.show();
}
export function hide() {
modal?.hide();
}
onMount(async () => {
const bootstrap = await import('bootstrap');
modal = new bootstrap.Modal(modalElement);
});
beforeNavigate(() => {
modal?.hide();
});
</script>
<div bind:this={modalElement} class="modal fade" tabindex="-1" data-bs-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title fs-5">{title}</h2>
{#if closeButton}
<button
on:click={() => {
modal?.hide();
}}
type="button"
class="btn-close"
/>
{/if}
</div>
<slot />
</div>
</div>
</div>

8
web/src/routes/admin/+layout.svelte
View File

@ -3,7 +3,7 @@
import { theme } from '../stores'; import { theme } from '../stores';
</script> </script>
<nav class="main-nav mt-2 mb-3 navbar navbar-expand-lg bg-body-secondary"> <nav class="main-nav mt-2 mb-3 navbar navbar-expand-lg bg-body-secondary shadow-sm">
<div class="container-fluid"> <div class="container-fluid">
<button <button
class="navbar-toggler" class="navbar-toggler"
@ -21,6 +21,9 @@
<li class="nav-item"> <li class="nav-item">
<a href="/admin" class="nav-link"><i class="bi bi-speedometer2"></i> Dashboard</a> <a href="/admin" class="nav-link"><i class="bi bi-speedometer2"></i> Dashboard</a>
</li> </li>
<li class="nav-item">
<a href="/admin/teams" class="nav-link"><i class="bi bi-people"></i> Teams</a>
</li>
<li class="nav-item"> <li class="nav-item">
<a href="/admin/reviews" class="nav-link"><i class="bi bi-eye"></i> Reviews</a> <a href="/admin/reviews" class="nav-link"><i class="bi bi-eye"></i> Reviews</a>
</li> </li>
@ -37,9 +40,6 @@
<li class="nav-item"> <li class="nav-item">
<a href="/admin/scoreboard" class="nav-link"><i class="bi bi-trophy"></i> Scoreboards</a> <a href="/admin/scoreboard" class="nav-link"><i class="bi bi-trophy"></i> Scoreboards</a>
</li> </li>
<li class="nav-item">
<a href="/admin/teams" class="nav-link"><i class="bi bi-people"></i> Teams</a>
</li>
<li class="nav-item"> <li class="nav-item">
<a href="/admin/contests" class="nav-link"><i class="bi bi-flag"></i> Contests</a> <a href="/admin/contests" class="nav-link"><i class="bi bi-flag"></i> Contests</a>
</li> </li>

48
web/src/routes/admin/teams/+page.server.ts
View File

@ -3,25 +3,30 @@ import type { Actions, PageServerLoad } from './$types';
import { genPassword } from './util'; import { genPassword } from './util';
export const load = (async () => { export const load = (async () => {
const teams = await db.team.findMany(); const teams = await db.team.findMany({
return { select: { id: true, name: true, language: true, password: true },
teams: teams.map((row) => { orderBy: { name: 'asc' }
return { id: row.id, name: row.name }; });
}) return { teams };
};
}) satisfies PageServerLoad; }) satisfies PageServerLoad;
export const actions = { export const actions = {
add: async ({ request }) => { add: async ({ request }) => {
const data = await request.formData(); const data = await request.formData();
const name = data.get('name'); const name = data.get('name');
if (!name) { const lang = data.get('lang');
return { success: false }; if (name === null || lang === null) {
return { success: false, message: 'Incomplete form data' };
}
if (lang !== 'Java' && lang !== 'CSharp') {
return { success: false, message: 'Invalid language' };
} }
try { try {
await db.team.create({ data: { name: name.toString(), password: genPassword() } }); await db.team.create({
data: { name: name.toString(), password: genPassword(), language: lang }
});
} catch { } catch {
return { success: false }; return { success: false, message: 'Database error' };
} }
return { success: true }; return { success: true };
}, },
@ -38,5 +43,28 @@ export const actions = {
return { success: false }; return { success: false };
} }
return { success: true }; return { success: true };
},
edit: async ({ request }) => {
const data = await request.formData();
const teamId = data.get('id');
const name = data.get('name');
const lang = data.get('lang');
const password = data.get('password');
if (teamId === null || name === null || lang === null || password === null) {
return { success: false, message: 'Incomplete form data' };
}
if (lang !== 'Java' && lang !== 'CSharp') {
return { success: false, message: 'Invalid language' };
}
try {
await db.team.update({
where: { id: parseInt(teamId.toString()) },
data: { name: name.toString(), language: lang, password: password.toString() }
});
} catch (e) {
console.error(e);
return { success: false, message: 'Database error' };
}
return { success: true };
} }
} satisfies Actions; } satisfies Actions;

193
web/src/routes/admin/teams/+page.svelte
View File

@ -1,66 +1,149 @@
<script lang="ts"> <script lang="ts">
import { enhance } from '$app/forms'; import { enhance } from '$app/forms';
import ConfirmModal from '$lib/ConfirmModal.svelte';
import FormAlert from '$lib/FormAlert.svelte';
import Modal from '$lib/Modal.svelte';
import type { Actions, PageData } from './$types'; import type { Actions, PageData } from './$types';
import { genPassword } from './util';
export let data: PageData; export let data: PageData;
export let form: Actions; export let form: Actions;
let adding = false; function editGenPassword() {
(document.getElementById('editTeamPassword') as HTMLInputElement).value = genPassword();
$: if (form && form.success) {
adding = false;
} }
$: if (form) {
addModal.hide();
editModal.hide();
confirmModal.cancel();
}
let addModal: Modal;
let confirmModal: ConfirmModal;
let editModal: Modal;
let editTeam: PageData['teams'][number] | undefined;
</script> </script>
<svelte:head> <svelte:head>
<title>Teams</title> <title>Teams</title>
</svelte:head> </svelte:head>
<h1 style="text-align:center" class="mb-1"><i class="bi bi-people"></i> Teams</h1> <FormAlert />
<ConfirmModal bind:this={confirmModal} />
{#if form && !form.success} <Modal title="Edit Team" bind:this={editModal}>
<div class="alert alert-danger">Invalid action</div> <form
{/if} action="?/edit"
method="POST"
use:enhance={() => {
return async ({ update }) => {
await update({ reset: false });
};
}}
>
<div class="modal-body">
{#if editTeam !== undefined}
<input type="hidden" name="id" value={editTeam.id} />
<label class="form-label" for="editTeamName">Name</label>
<input
name="name"
id="editTeamName"
type="text"
class="form-control"
value={editTeam.name}
required
/>
<label class="mt-1 form-label" for="editTeamLang">Language</label>
<select
id="editTeamLang"
name="lang"
class="form-select"
value={editTeam.language}
required
>
<option value="Java">Java</option>
<option value="CSharp">C#</option>
</select>
<label class="mt-1 form-label" for="editTeamPassword">Password</label>
<div class="input-group">
<input
name="password"
id="editTeamPassword"
type="text"
class="form-control"
value={editTeam.password}
required
/>
<button on:click={editGenPassword} class="btn btn-outline-primary"
><i class="bi bi-arrow-clockwise"></i></button
>
</div>
{/if}
</div>
<div class="modal-footer">
<button
on:click={() => {
editModal.hide();
}}
type="button"
class="btn btn-secondary">Cancel</button
>
<button type="submit" class="btn btn-warning">Submit Changes</button>
</div>
</form>
</Modal>
<Modal title="Add Team" bind:this={addModal}>
<form action="?/add" method="POST" use:enhance>
<div class="modal-body">
<label class="form-label" for="addTeamName">Name</label>
<input name="name" id="addTeamName" type="text" class="form-control" required />
<label class="mt-1 form-label" for="addTeamLang">Language</label>
<select id="addTeamLang" name="lang" class="form-select" required>
<option value="Java">Java</option>
<option value="CSharp">C#</option>
</select>
</div>
<div class="modal-footer">
<button
on:click={() => {
addModal.hide();
}}
type="button"
class="btn btn-secondary">Cancel</button
>
<button type="submit" class="btn btn-success">Add</button>
</div>
</form>
</Modal>
<h1 style="text-align:center" class="mb-1"><i class="bi bi-people"></i> Teams</h1>
<div class="row mb-3"> <div class="row mb-3">
<div class="text-end"> <div class="text-end">
{#if !adding} <button
<button on:click={() => {
on:click={() => { addModal.show();
adding = true; }}
}} type="button"
type="button" class="btn btn-success">Add</button
class="btn btn-outline-success">Add</button >
>
{/if}
</div> </div>
</div> </div>
{#if adding}
<form class="mb-3" method="POST" action="?/add" use:enhance>
<h5>Name</h5>
<input id="name" name="name" class="form-control" />
<div class="mt-3 row">
<div class="text-end">
<button
on:click={() => {
adding = false;
}}
type="button"
class="btn btn-outline-secondary">Cancel</button
>
<button type="submit" class="btn btn-success">Add</button>
</div>
</div>
</form>
{/if}
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-bordered table-hover"> <table class="table table-bordered table-hover">
<thead> <thead>
<tr> <tr>
<th>Id</th> <th>Id</th>
<th>Name</th> <th>Name</th>
<th>Language</th>
<th>Password</th>
<th>Actions</th> <th>Actions</th>
</tr> </tr>
</thead> </thead>
@ -70,10 +153,44 @@
<td>{team.id}</td> <td>{team.id}</td>
<td>{team.name}</td> <td>{team.name}</td>
<td <td
><a href={`/admin/teams/${team.id.toString()}`} class="btn btn-sm btn-outline-secondary" ><span
>Details</a class="badge"
class:bg-warning={team.language === 'Java'}
class:bg-success={team.language === 'CSharp'}
>
{team.language}</span
></td ></td
> >
<td><code>{team.password}</code></td>
<td>
<button
on:click={() => {
editTeam = team;
editModal.show();
}}
class="btn btn-sm btn-outline-warning"><i class="bi bi-pencil-square"></i></button
>
<form
action="?/delete"
class="d-inline"
method="POST"
use:enhance={async ({ cancel }) => {
if (
!(await confirmModal.prompt(`Are you sure you want to delete team ${team.name}?`))
) {
cancel();
}
return async ({ update }) => {
await update();
};
}}
>
<input type="hidden" name="teamId" value={team.id} />
<button type="submit" class="btn btn-sm btn-danger"
><i class="bi bi-trash3"></i></button
>
</form>
</td>
</tr> </tr>
{/each} {/each}
</tbody> </tbody>

46
web/src/routes/admin/teams/[teamId]/+page.server.ts
View File

@ -1,46 +0,0 @@
import { db } from '$lib/server/prisma';
import { error } from 'console';
import type { Actions, PageServerLoad } from './$types';
import { redirect } from '@sveltejs/kit';
export const load = (async ({ params }) => {
const teamId = parseInt(params.teamId);
if (isNaN(teamId)) {
throw error(400, 'Invalid request');
}
const team = await db.team.findUnique({
where: { id: teamId },
select: { id: true, name: true, password: true }
});
if (!team) {
throw redirect(302, '/admin/teams');
}
return { team: team };
}) satisfies PageServerLoad;
export const actions = {
password: async ({ request, params }) => {
const data = await request.formData();
const newPass = data.get('password');
if (!newPass) {
return { success: false };
}
try {
await db.team.update({
where: { id: parseInt(params.teamId) },
data: { password: newPass.toString() }
});
} catch {
return { success: false };
}
return { success: true };
},
delete: async ({ params }) => {
try {
await db.team.delete({ where: { id: parseInt(params.teamId) } });
} catch {
return { success: false };
}
throw redirect(302, '/admin/teams');
}
} satisfies Actions;

103
web/src/routes/admin/teams/[teamId]/+page.svelte
View File

@ -1,103 +0,0 @@
<script lang="ts">
import { enhance } from '$app/forms';
import ConfirmModal from '$lib/ConfirmModal.svelte';
import { genPassword } from '../util';
import type { Actions, PageData } from './$types';
export let data: PageData;
export let form: Actions;
let changingPassword = false;
$: if (form && form.success) {
changingPassword = false;
}
function onGenPassword() {
const passEntry = document.getElementById('pass_entry') as HTMLInputElement;
passEntry.value = genPassword();
}
let confirmModal: ConfirmModal;
</script>
<svelte:head>
<title>Team - {data.team.name}</title>
</svelte:head>
<ConfirmModal bind:this={confirmModal} />
<h1 style="text-align:center" class="mb-4"><i class="bi bi-people"></i> Team - {data.team.name}</h1>
<div class="row">
<div class="col-6">
<a href="/admin/teams" class="mb-3 btn btn-outline-primary">All Teams</a>
</div>
<div class="col-6 text-end">
<form
method="POST"
action="?/delete"
use:enhance={async ({ cancel }) => {
if ((await confirmModal.prompt('Are you sure?')) !== true) {
cancel();
}
return async ({ update }) => {
await update();
};
}}
>
<button type="submit" class="mb-3 btn btn-outline-danger">Delete</button>
</form>
</div>
</div>
<table class="table table-bordered">
<thead>
<tr>
<th>Name</th>
<th>Id</th>
<th>Password</th>
</tr>
</thead>
<tbody>
<tr>
<td>{data.team.name}</td>
<td>{data.team.id}</td>
<td>{data.team.password}</td>
</tr>
</tbody>
</table>
{#if form && !form.success}
<div class="alert alert-danger">Invalid entry</div>
{/if}
{#if !changingPassword}
<button
on:click={() => {
changingPassword = true;
}}
type="button"
class="btn btn-warning">Change Password</button
>
{:else}
<form method="POST" action="?/password" use:enhance>
<h4>Change Password</h4>
<input id="pass_entry" name="password" class="form-control" />
<div class="mt-2 row">
<div class="text-end">
<button
on:click={() => {
changingPassword = false;
}}
type="button"
class="btn btn-outline-secondary">Cancel</button
>
<button on:click={onGenPassword} type="button" class="btn btn-outline-primary"
>Generate</button
>
<button type="submit" class="btn btn-success">Change</button>
</div>
</div>
</form>
{/if}