Match Up!

From fef09593445dcf3a56ee9074b88bde7b0a9f33f9 Mon Sep 17 00:00:00 2001 From: Karan Jayachandra Date: Sat, 15 Nov 2025 21:59:09 +0100 Subject: Added the changes to fix the bug with class name and changed the SVG color to match the buttons --- index.html | 44 +++++++++++++++++++++++++------------------- public/icon.svg | 4 ++-- src/data.js | 12 ++++++------ src/main.js | 6 ++---- src/manage.js | 16 ++++++++++++---- src/style.css | 6 +++++- 6 files changed, 52 insertions(+), 36 deletions(-) diff --git a/index.html b/index.html index 7a47a8d..b99eb3f 100644 --- a/index.html +++ b/index.html @@ -1,22 +1,26 @@ - + Match Up! + + + +

- - - - - + + + + +

@@ -28,16 +32,16 @@

+ +

- -

@@ -65,13 +69,15 @@

Admin

Changes here are permanent and cannot be reverted.

- - +

+ + +

+ - diff --git a/public/icon.svg b/public/icon.svg index 6f796c9..79fc328 100644 --- a/public/icon.svg +++ b/public/icon.svg @@ -1,5 +1,5 @@ \ No newline at end of file diff --git a/src/data.js b/src/data.js index 3e133ee..f1cf7c9 100644 --- a/src/data.js +++ b/src/data.js @@ -1,8 +1,8 @@ class Switch { - constructor(id, status) { + constructor(id, description, status) { this.id = id; this.status = typeof status !== "undefined" ? status : false; - this.description = this.constructor.name; + this.description = description; this.name = this.description + " " + (id + 1); } toggle() { @@ -22,13 +22,13 @@ class Switch { export class Court extends Switch { constructor(id, status) { - super(id, status); + super(id, "Court", status); } } export class Regular extends Switch { constructor(id, status, level, games, firstName, lastName) { - super(id, status); + super(id, "Regular", status); this.level = typeof level !== "undefined" ? level : 1; this.games = typeof games !== "undefined" ? games : 0; this.firstName = @@ -49,7 +49,7 @@ export class Guest extends Switch { categoryCount = 3; constructor(id, status, games) { - super(id, status); + super(id, "Guest", status); const categoryId = Math.floor(id / this.maxCount) || 0; this.level = guestCategories[categoryId].level; this.games = typeof games !== "undefined" ? games : 0; @@ -83,7 +83,7 @@ export class Team { export class Game extends Switch { constructor(id, status, teamOne, teamTwo) { - super(id, status); + super(id, "Game", status); this.teamOne = teamOne; this.teamTwo = teamTwo; } diff --git a/src/main.js b/src/main.js index 3732e51..654300a 100644 --- a/src/main.js +++ b/src/main.js @@ -1,7 +1,4 @@ -import "@picocss/pico"; -import "notyf/notyf.min.css"; -import "@fortawesome/fontawesome-free/css/all.css"; -import "./style.css"; +import "./style.css" import { Timer } from "./timer"; import { Team, Game, Regular } from "./data"; import { Manager, CourtManager, RegularManager, GuestManager } from "./manage"; @@ -180,3 +177,4 @@ function addGameBehaviour(g) { } const g = new GameManager(); + diff --git a/src/manage.js b/src/manage.js index 6ed58bd..83a9b4c 100644 --- a/src/manage.js +++ b/src/manage.js @@ -95,8 +95,12 @@ function normalize(data) { export class GuestManager extends Manager { constructor(description, count) { - if ( typeof description === "undefined" ) { description = "Guest"; }; - if ( typeof count === "undefined" ) { count = 18; }; + if (typeof description === "undefined") { + description = "Guest"; + } + if (typeof count === "undefined") { + count = 18; + } super(description, count); } createItem(i) { @@ -112,7 +116,7 @@ export class GuestManager extends Manager { return normalize(super.active()); } incrementGames(list) { - for (let index = 0; index < this.data.length; index++ ){ + for (let index = 0; index < this.data.length; index++) { if (list.includes(this.data[index].name)) { console.log("Added game count to " + this.data[index].name); this.data[index].games += 1; @@ -145,7 +149,7 @@ export class RegularManager extends GuestManager { return new Regular(id, status, level, games, firstName, lastName); } reset() { - for (let index = 0; index < this.data.length; index++ ){ + for (let index = 0; index < this.data.length; index++) { this.data[index].games = 0; this.data[index].status = false; } @@ -177,6 +181,10 @@ function parseCsv(data) { return players; } +document.getElementById("button-player-load").addEventListener("click", () => { + document.getElementById("player-load").click(); +}); + function addLoadBehaviour(p) { const f = document.getElementById("player-load"); f.addEventListener("change", () => { diff --git a/src/style.css b/src/style.css index d6ea4de..357b043 100644 --- a/src/style.css +++ b/src/style.css @@ -1,3 +1,7 @@ +@import "@picocss/pico"; +@import "notyf/notyf.min.css"; +@import "@fortawesome/fontawesome-free/css/all.css"; + .grid-container { display: grid; grid-template-columns: repeat(6, 1fr); @@ -11,7 +15,7 @@ margin: 0; } @media (min-width: 900px) { - #Regular_list button { + #Regular-list button { height: 100px; } } -- cgit v1.3.1