From 2260bbd571be37cc98086f61cb3752ca09616268 Mon Sep 17 00:00:00 2001 From: Ajay Gandecha Date: Thu, 16 Oct 2025 07:31:48 -0400 Subject: [PATCH 01/16] build: install tailwindcss --- frontend/.postcssrc.json | 5 + frontend/angular.json | 3 +- frontend/package-lock.json | 117 +++-- frontend/src/styles/tailwind.css | 1 + package-lock.json | 743 +++++++++++++++++++++++++++++++ package.json | 4 + 6 files changed, 836 insertions(+), 37 deletions(-) create mode 100644 frontend/.postcssrc.json create mode 100644 frontend/src/styles/tailwind.css diff --git a/frontend/.postcssrc.json b/frontend/.postcssrc.json new file mode 100644 index 000000000..9674304b0 --- /dev/null +++ b/frontend/.postcssrc.json @@ -0,0 +1,5 @@ +{ + "plugins": { + "@tailwindcss/postcss": {} + } +} \ No newline at end of file diff --git a/frontend/angular.json b/frontend/angular.json index 8d6b9945d..065c23cae 100644 --- a/frontend/angular.json +++ b/frontend/angular.json @@ -27,7 +27,8 @@ ], "styles": [ "node_modules/@angular/material/prebuilt-themes/magenta-violet.css", - "src/styles/styles.scss" + "src/styles/styles.scss", + "src/styles/tailwind.css" ], "scripts": [], diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 2745f7dff..87ab2b405 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -336,6 +336,21 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/@angular-devkit/architect/node_modules/readdirp": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", + "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">= 14.18.0" + }, + "funding": { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + }, "node_modules/@angular-devkit/architect/node_modules/rxjs": { "version": "7.8.2", "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz", @@ -391,7 +406,6 @@ "integrity": "sha512-yuC2vN4VL48JhnsaOa9J/o0Jl+cxOklRNQp5J2/ypMuRROaVCrZAPiX+ChSHh++kHYMpj8+ggNrrUwRNfMKACQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@angular-devkit/core": "18.2.21", "jsonc-parser": "3.3.1", @@ -411,7 +425,6 @@ "integrity": "sha512-Lno6GNbJME85wpc/uqn+wamBxvfZJZFYSH8+oAkkyjU/hk8r5+X8DuyqsKAa0m8t46zSTUsonHsQhVe5vgrZeQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "ajv": "8.17.1", "ajv-formats": "3.0.1", @@ -539,6 +552,7 @@ "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-20.3.1.tgz", "integrity": "sha512-mexSwaikVE2s+GDhB9fuagEvxbnKHWsqLlO7/R2nY9tTUxBO3drWe3p0D5GxG/EsEyzZU+86ED867q/JmAiVvw==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -689,6 +703,7 @@ "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-20.2.4.tgz", "integrity": "sha512-5UzrN854pnQH+Qw6XZRxx2zWkcOxKrzWPLXe+gHFxFhxWUZfJKGcTJeAj8bnmyb+C3lqBbGpoNQPQ8pFXQGEaQ==", "license": "MIT", + "peer": true, "dependencies": { "parse5": "^8.0.0", "tslib": "^2.3.0" @@ -897,6 +912,21 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/@angular/cli/node_modules/readdirp": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", + "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">= 14.18.0" + }, + "funding": { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + }, "node_modules/@angular/cli/node_modules/rxjs": { "version": "7.8.2", "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz", @@ -951,6 +981,7 @@ "resolved": "https://registry.npmjs.org/@angular/common/-/common-20.3.1.tgz", "integrity": "sha512-7Ru3BO4MOBQRMu9GJS+061cUsevKNsNAMxXnQtcqEaNyntUg2v0XiMdv4I7pQGtkQjFK17bKAxQ97jqxJfqsRQ==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -967,6 +998,7 @@ "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-20.3.1.tgz", "integrity": "sha512-zRYAdAG/hsJegXapKxElLU6Q5in8UG9Pbxyh90k89qsZwkuv+CfxVY5OBS2xjk1azt808++yhjfvbO/Em+HMKg==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -980,6 +1012,7 @@ "integrity": "sha512-aFfGHi/ApYxmvF4cCS0TypcviQ/Xy+0fwTTrLC8znPC1vObBn0DUA0I6D5dP+xlOTx8PFLkgndNYa2f6RIluvg==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@babel/core": "7.28.3", "@jridgewell/sourcemap-codec": "^1.4.14", @@ -1042,6 +1075,7 @@ "resolved": "https://registry.npmjs.org/@angular/core/-/core-20.3.1.tgz", "integrity": "sha512-O03k9ivZ2CvoHXiXGH5WKlWlTtxF2UGMwGXWnV54vGViHwNcvU5Z3h6Ve6mdU9dYMHK9sGljYZnkRpwI3B8mnQ==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -1067,6 +1101,7 @@ "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-20.3.1.tgz", "integrity": "sha512-P7cmfK1ldXS8KuPTwwIUTZs5AxhbPNumlumq+nfNJZAxv8/PQJh2W729M/EKHG8rB8cXjoo1K+olExnJNPVDTw==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -1102,6 +1137,7 @@ "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-20.3.1.tgz", "integrity": "sha512-JiQWRvyVZDH0N9p+pnMOuTFGaw7jPakWDQCJBOBBLdE6AyOiy8YPBImRMrjNNIEqg36h1a8H32rBorf2TL3ExA==", "license": "MIT", + "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -1214,6 +1250,7 @@ "integrity": "sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.27.1", @@ -2461,6 +2498,7 @@ "integrity": "sha512-nqhDw2ZcAUrKNPwhjinJny903bRhI0rQhiDz1LksjeRxqa36i3l75+4iXbOy0rlDpLJGxqtgoPavQjmmyS5UJw==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@inquirer/checkbox": "^4.2.1", "@inquirer/confirm": "^5.1.14", @@ -4755,6 +4793,21 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/@schematics/angular/node_modules/readdirp": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", + "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">= 14.18.0" + }, + "funding": { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + }, "node_modules/@schematics/angular/node_modules/rxjs": { "version": "7.8.2", "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz", @@ -4967,6 +5020,7 @@ "integrity": "sha512-r8uszLPpeIWbNKtvWRt/DbVi5zbqZyj1PTmhRMqBMvDnaz1QpmSKujUtJLrqGZeoM8v72MfYggDceY4K1itzWQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "undici-types": "~6.21.0" } @@ -5024,6 +5078,7 @@ "integrity": "sha512-U7iTAtGgJk6DPX9wIWPPOlt1gO57097G06gIcl0N0EEnNw8RGD62c+2/DiP/zL7KrkqnnqF7gtFGR7YgzPllTA==", "dev": true, "license": "BSD-2-Clause", + "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "8.1.0", "@typescript-eslint/types": "8.1.0", @@ -5139,6 +5194,7 @@ "integrity": "sha512-ypRueFNKTIFwqPeJBfeIpxZ895PQhNyH4YID6js0UoBImWYoSjBsahUn9KMiJXh94uOjVBgHD9AmkyPsPnFwJA==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.4.0", "@typescript-eslint/scope-manager": "8.1.0", @@ -5231,6 +5287,7 @@ "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", "dev": true, "license": "MIT", + "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -5458,8 +5515,7 @@ "url": "https://feross.org/support" } ], - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/base64id": { "version": "2.0.0", @@ -5520,7 +5576,6 @@ "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "buffer": "^5.5.0", "inherits": "^2.0.4", @@ -5619,6 +5674,7 @@ } ], "license": "MIT", + "peer": true, "dependencies": { "baseline-browser-mapping": "^2.8.3", "caniuse-lite": "^1.0.30001741", @@ -5653,7 +5709,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "base64-js": "^1.3.1", "ieee754": "^1.1.13" @@ -5870,6 +5925,7 @@ "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "anymatch": "~3.1.2", "braces": "~3.0.2", @@ -6023,7 +6079,6 @@ "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=0.8" } @@ -6262,7 +6317,6 @@ "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "clone": "^1.0.2" }, @@ -6703,6 +6757,7 @@ "integrity": "sha512-JfiKJrbx0506OEerjK2Y1QlldtBxkAlLxT5OEcRF8uaQ86noDe2k31Vw9rnSWv+MXZHj7OOUV/dA0AhdLFcyvA==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.11.0", @@ -6763,6 +6818,7 @@ "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==", "dev": true, "license": "MIT", + "peer": true, "bin": { "eslint-config-prettier": "bin/cli.js" }, @@ -8112,8 +8168,7 @@ "url": "https://feross.org/support" } ], - "license": "BSD-3-Clause", - "peer": true + "license": "BSD-3-Clause" }, "node_modules/ignore": { "version": "5.3.2", @@ -8318,7 +8373,6 @@ "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=8" } @@ -8356,7 +8410,6 @@ "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=10" }, @@ -8499,7 +8552,8 @@ "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.2.0.tgz", "integrity": "sha512-tSAtdrvWybZkQmmaIoDgnvHG8ORUNw5kEVlO5CvrXj02Jjr9TZrmjFq7FUiOUzJiOP2wLGYT6PgrQgQF4R1xiw==", "dev": true, - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/js-tokens": { "version": "4.0.0", @@ -8611,6 +8665,7 @@ "integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@colors/colors": "1.5.0", "body-parser": "^1.19.0", @@ -8952,6 +9007,7 @@ "integrity": "sha512-SL0JY3DaxylDuo/MecFeiC+7pedM0zia33zl0vcjgwcq1q1FWWF1To9EIauPbl8GbMCU0R2e0uJ8bZunhYKD2g==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "cli-truncate": "^4.0.0", "colorette": "^2.0.20", @@ -9082,7 +9138,6 @@ "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "chalk": "^4.1.0", "is-unicode-supported": "^0.1.0" @@ -9100,7 +9155,6 @@ "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "color-convert": "^2.0.1" }, @@ -9117,7 +9171,6 @@ "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -9135,7 +9188,6 @@ "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "has-flag": "^4.0.0" }, @@ -9361,7 +9413,6 @@ "integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0" } @@ -9539,7 +9590,6 @@ "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=6" } @@ -10293,7 +10343,6 @@ "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "bl": "^4.1.0", "chalk": "^4.1.0", @@ -10318,7 +10367,6 @@ "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "color-convert": "^2.0.1" }, @@ -10335,7 +10383,6 @@ "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -10353,7 +10400,6 @@ "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "restore-cursor": "^3.1.0" }, @@ -10367,7 +10413,6 @@ "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "mimic-fn": "^2.1.0" }, @@ -10384,7 +10429,6 @@ "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "onetime": "^5.1.0", "signal-exit": "^3.0.2" @@ -10398,8 +10442,7 @@ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", "dev": true, - "license": "ISC", - "peer": true + "license": "ISC" }, "node_modules/ora/node_modules/supports-color": { "version": "7.2.0", @@ -10407,7 +10450,6 @@ "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "has-flag": "^4.0.0" }, @@ -10808,6 +10850,7 @@ "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==", "dev": true, "license": "MIT", + "peer": true, "bin": { "prettier": "bin/prettier.cjs" }, @@ -11089,6 +11132,7 @@ "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.6.1", @@ -11476,7 +11520,6 @@ "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", @@ -11790,6 +11833,7 @@ "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz", "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==", "license": "Apache-2.0", + "peer": true, "dependencies": { "tslib": "^2.1.0" } @@ -12246,7 +12290,6 @@ "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", "dev": true, "license": "BSD-3-Clause", - "peer": true, "engines": { "node": ">= 8" } @@ -12375,7 +12418,6 @@ "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "safe-buffer": "~5.2.0" } @@ -12695,7 +12737,8 @@ "version": "2.6.3", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz", "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==", - "license": "0BSD" + "license": "0BSD", + "peer": true }, "node_modules/tuf-js": { "version": "3.1.0", @@ -12770,6 +12813,7 @@ "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==", "dev": true, "license": "Apache-2.0", + "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -12911,8 +12955,7 @@ "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/utils-merge": { "version": "1.0.1", @@ -12961,6 +13004,7 @@ "integrity": "sha512-4cKBO9wR75r0BeIWWWId9XK9Lj6La5X846Zw9dFfzMRw38IlTk2iCcUt6hsyiDRcPidc55ZParFYDXi0nXOeLQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.5.0", @@ -13150,7 +13194,6 @@ "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "defaults": "^1.0.3" } @@ -13425,6 +13468,7 @@ "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==", "dev": true, "license": "MIT", + "peer": true, "funding": { "url": "https://github.com/sponsors/colinhacks" } @@ -13443,7 +13487,8 @@ "version": "0.15.1", "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz", "integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==", - "license": "MIT" + "license": "MIT", + "peer": true } } } diff --git a/frontend/src/styles/tailwind.css b/frontend/src/styles/tailwind.css new file mode 100644 index 000000000..d4b507858 --- /dev/null +++ b/frontend/src/styles/tailwind.css @@ -0,0 +1 @@ +@import 'tailwindcss'; diff --git a/package-lock.json b/package-lock.json index 59cc52da7..45742a2f8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,7 +5,80 @@ "packages": { "": { "dependencies": { + "@tailwindcss/postcss": "^4.1.14", "openmeteo": "^1.2.0" + }, + "devDependencies": { + "postcss": "^8.5.6" + } + }, + "node_modules/@alloc/quick-lru": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", + "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==", + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@isaacs/fs-minipass": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz", + "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==", + "license": "ISC", + "dependencies": { + "minipass": "^7.0.4" + }, + "engines": { + "node": ">=18.0.0" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.13", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", + "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==", + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.0", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/remapping": { + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz", + "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==", + "license": "MIT", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "license": "MIT", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.5.5", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", + "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", + "license": "MIT" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.31", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", + "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==", + "license": "MIT", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" } }, "node_modules/@openmeteo/sdk": { @@ -20,12 +93,595 @@ "node": ">=12.0" } }, + "node_modules/@tailwindcss/node": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.14.tgz", + "integrity": "sha512-hpz+8vFk3Ic2xssIA3e01R6jkmsAhvkQdXlEbRTk6S10xDAtiQiM3FyvZVGsucefq764euO/b8WUW9ysLdThHw==", + "license": "MIT", + "dependencies": { + "@jridgewell/remapping": "^2.3.4", + "enhanced-resolve": "^5.18.3", + "jiti": "^2.6.0", + "lightningcss": "1.30.1", + "magic-string": "^0.30.19", + "source-map-js": "^1.2.1", + "tailwindcss": "4.1.14" + } + }, + "node_modules/@tailwindcss/oxide": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.14.tgz", + "integrity": "sha512-23yx+VUbBwCg2x5XWdB8+1lkPajzLmALEfMb51zZUBYaYVPDQvBSD/WYDqiVyBIo2BZFa3yw1Rpy3G2Jp+K0dw==", + "hasInstallScript": true, + "license": "MIT", + "dependencies": { + "detect-libc": "^2.0.4", + "tar": "^7.5.1" + }, + "engines": { + "node": ">= 10" + }, + "optionalDependencies": { + "@tailwindcss/oxide-android-arm64": "4.1.14", + "@tailwindcss/oxide-darwin-arm64": "4.1.14", + "@tailwindcss/oxide-darwin-x64": "4.1.14", + "@tailwindcss/oxide-freebsd-x64": "4.1.14", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.14", + "@tailwindcss/oxide-linux-arm64-gnu": "4.1.14", + "@tailwindcss/oxide-linux-arm64-musl": "4.1.14", + "@tailwindcss/oxide-linux-x64-gnu": "4.1.14", + "@tailwindcss/oxide-linux-x64-musl": "4.1.14", + "@tailwindcss/oxide-wasm32-wasi": "4.1.14", + "@tailwindcss/oxide-win32-arm64-msvc": "4.1.14", + "@tailwindcss/oxide-win32-x64-msvc": "4.1.14" + } + }, + "node_modules/@tailwindcss/oxide-android-arm64": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.14.tgz", + "integrity": "sha512-a94ifZrGwMvbdeAxWoSuGcIl6/DOP5cdxagid7xJv6bwFp3oebp7y2ImYsnZBMTwjn5Ev5xESvS3FFYUGgPODQ==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-darwin-arm64": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.14.tgz", + "integrity": "sha512-HkFP/CqfSh09xCnrPJA7jud7hij5ahKyWomrC3oiO2U9i0UjP17o9pJbxUN0IJ471GTQQmzwhp0DEcpbp4MZTA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-darwin-x64": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.14.tgz", + "integrity": "sha512-eVNaWmCgdLf5iv6Qd3s7JI5SEFBFRtfm6W0mphJYXgvnDEAZ5sZzqmI06bK6xo0IErDHdTA5/t7d4eTfWbWOFw==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-freebsd-x64": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.14.tgz", + "integrity": "sha512-QWLoRXNikEuqtNb0dhQN6wsSVVjX6dmUFzuuiL09ZeXju25dsei2uIPl71y2Ic6QbNBsB4scwBoFnlBfabHkEw==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.14.tgz", + "integrity": "sha512-VB4gjQni9+F0VCASU+L8zSIyjrLLsy03sjcR3bM0V2g4SNamo0FakZFKyUQ96ZVwGK4CaJsc9zd/obQy74o0Fw==", + "cpu": [ + "arm" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.14.tgz", + "integrity": "sha512-qaEy0dIZ6d9vyLnmeg24yzA8XuEAD9WjpM5nIM1sUgQ/Zv7cVkharPDQcmm/t/TvXoKo/0knI3me3AGfdx6w1w==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-musl": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.14.tgz", + "integrity": "sha512-ISZjT44s59O8xKsPEIesiIydMG/sCXoMBCqsphDm/WcbnuWLxxb+GcvSIIA5NjUw6F8Tex7s5/LM2yDy8RqYBQ==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-gnu": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.14.tgz", + "integrity": "sha512-02c6JhLPJj10L2caH4U0zF8Hji4dOeahmuMl23stk0MU1wfd1OraE7rOloidSF8W5JTHkFdVo/O7uRUJJnUAJg==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-musl": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.14.tgz", + "integrity": "sha512-TNGeLiN1XS66kQhxHG/7wMeQDOoL0S33x9BgmydbrWAb9Qw0KYdd8o1ifx4HOGDWhVmJ+Ul+JQ7lyknQFilO3Q==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.14.tgz", + "integrity": "sha512-uZYAsaW/jS/IYkd6EWPJKW/NlPNSkWkBlaeVBi/WsFQNP05/bzkebUL8FH1pdsqx4f2fH/bWFcUABOM9nfiJkQ==", + "bundleDependencies": [ + "@napi-rs/wasm-runtime", + "@emnapi/core", + "@emnapi/runtime", + "@tybys/wasm-util", + "@emnapi/wasi-threads", + "tslib" + ], + "cpu": [ + "wasm32" + ], + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "^1.5.0", + "@emnapi/runtime": "^1.5.0", + "@emnapi/wasi-threads": "^1.1.0", + "@napi-rs/wasm-runtime": "^1.0.5", + "@tybys/wasm-util": "^0.10.1", + "tslib": "^2.4.0" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.14.tgz", + "integrity": "sha512-Az0RnnkcvRqsuoLH2Z4n3JfAef0wElgzHD5Aky/e+0tBUxUhIeIqFBTMNQvmMRSP15fWwmvjBxZ3Q8RhsDnxAA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-win32-x64-msvc": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.14.tgz", + "integrity": "sha512-ttblVGHgf68kEE4om1n/n44I0yGPkCPbLsqzjvybhpwa6mKKtgFfAzy6btc3HRmuW7nHe0OOrSeNP9sQmmH9XA==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/postcss": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.14.tgz", + "integrity": "sha512-BdMjIxy7HUNThK87C7BC8I1rE8BVUsfNQSI5siQ4JK3iIa3w0XyVvVL9SXLWO//CtYTcp1v7zci0fYwJOjB+Zg==", + "license": "MIT", + "dependencies": { + "@alloc/quick-lru": "^5.2.0", + "@tailwindcss/node": "4.1.14", + "@tailwindcss/oxide": "4.1.14", + "postcss": "^8.4.41", + "tailwindcss": "4.1.14" + } + }, + "node_modules/chownr": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz", + "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==", + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=18" + } + }, + "node_modules/detect-libc": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz", + "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==", + "license": "Apache-2.0", + "engines": { + "node": ">=8" + } + }, + "node_modules/enhanced-resolve": { + "version": "5.18.3", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz", + "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==", + "license": "MIT", + "dependencies": { + "graceful-fs": "^4.2.4", + "tapable": "^2.2.0" + }, + "engines": { + "node": ">=10.13.0" + } + }, "node_modules/flatbuffers": { "version": "25.2.10", "resolved": "https://registry.npmjs.org/flatbuffers/-/flatbuffers-25.2.10.tgz", "integrity": "sha512-7JlN9ZvLDG1McO3kbX0k4v+SUAg48L1rIwEvN6ZQl/eCtgJz9UylTMzE9wrmYrcorgxm3CX/3T/w5VAub99UUw==", "license": "Apache-2.0" }, + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "license": "ISC" + }, + "node_modules/jiti": { + "version": "2.6.1", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz", + "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==", + "license": "MIT", + "bin": { + "jiti": "lib/jiti-cli.mjs" + } + }, + "node_modules/lightningcss": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz", + "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==", + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^2.0.3" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-darwin-arm64": "1.30.1", + "lightningcss-darwin-x64": "1.30.1", + "lightningcss-freebsd-x64": "1.30.1", + "lightningcss-linux-arm-gnueabihf": "1.30.1", + "lightningcss-linux-arm64-gnu": "1.30.1", + "lightningcss-linux-arm64-musl": "1.30.1", + "lightningcss-linux-x64-gnu": "1.30.1", + "lightningcss-linux-x64-musl": "1.30.1", + "lightningcss-win32-arm64-msvc": "1.30.1", + "lightningcss-win32-x64-msvc": "1.30.1" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz", + "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-x64": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz", + "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-freebsd-x64": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz", + "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz", + "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==", + "cpu": [ + "arm" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz", + "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-musl": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz", + "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-gnu": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz", + "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-musl": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz", + "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz", + "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-x64-msvc": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz", + "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/magic-string": { + "version": "0.30.19", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz", + "integrity": "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==", + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.5" + } + }, + "node_modules/minipass": { + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz", + "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", + "license": "ISC", + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, + "node_modules/minizlib": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz", + "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==", + "license": "MIT", + "dependencies": { + "minipass": "^7.1.2" + }, + "engines": { + "node": ">= 18" + } + }, + "node_modules/nanoid": { + "version": "3.3.11", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", + "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, "node_modules/openmeteo": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/openmeteo/-/openmeteo-1.2.0.tgz", @@ -38,6 +694,93 @@ "engines": { "node": ">=12.0" } + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "license": "ISC" + }, + "node_modules/postcss": { + "version": "8.5.6", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz", + "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.11", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/tailwindcss": { + "version": "4.1.14", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.14.tgz", + "integrity": "sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==", + "license": "MIT" + }, + "node_modules/tapable": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz", + "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==", + "license": "MIT", + "engines": { + "node": ">=6" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, + "node_modules/tar": { + "version": "7.5.1", + "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.1.tgz", + "integrity": "sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==", + "license": "ISC", + "dependencies": { + "@isaacs/fs-minipass": "^4.0.0", + "chownr": "^3.0.0", + "minipass": "^7.1.2", + "minizlib": "^3.1.0", + "yallist": "^5.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/yallist": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz", + "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==", + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=18" + } } } } diff --git a/package.json b/package.json index dff79deff..21665e84a 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,9 @@ { "dependencies": { + "@tailwindcss/postcss": "^4.1.14", "openmeteo": "^1.2.0" + }, + "devDependencies": { + "postcss": "^8.5.6" } } From dfad18d95c172cb90b1e1fd8358024d04ea7e343 Mon Sep 17 00:00:00 2001 From: Ajay Gandecha Date: Fri, 31 Oct 2025 14:10:32 -0400 Subject: [PATCH 02/16] refactor: restyle welcome page with tailwind --- .../welcome-page/welcome-page.component.css | 163 --------- .../welcome-page/welcome-page.component.html | 34 +- .../welcome-page/welcome-page.component.ts | 7 +- package-lock.json | 321 ++++++++---------- package.json | 2 +- 5 files changed, 156 insertions(+), 371 deletions(-) delete mode 100644 frontend/src/app/welcome/welcome-page/welcome-page.component.css diff --git a/frontend/src/app/welcome/welcome-page/welcome-page.component.css b/frontend/src/app/welcome/welcome-page/welcome-page.component.css deleted file mode 100644 index b008c4271..000000000 --- a/frontend/src/app/welcome/welcome-page/welcome-page.component.css +++ /dev/null @@ -1,163 +0,0 @@ -.container { - display: flex; - flex-direction: row; - width: 100%; -} - -.right-column { - display: flex; - flex-direction: column; - width: 30%; - height: 91.5vh; -} - -.upcoming-pane { - flex: 1 1 auto; /* Only take up needed space */ - - /* This CSS is absolute wizardry, which allows the pane to not - overflow on the bottom while also enabling scrolling... */ - min-height: 0; - max-height: 100%; - max-width: 100%; - border-color: transparent !important; -} - -.upcoming-pane-content { - overflow-y: auto; - height: 100%; -} - -.left-column { - display: flex; - flex-direction: column; - width: 70%; - height: 91.5vh; -} - -.news-pane { - flex: 1 1 auto; /* Only take up needed space */ - - /* This CSS is absolute wizardry, which allows the pane to not - overflow on the bottom while also enabling scrolling... */ - min-height: 0; - max-height: 100%; - max-width: 100%; - border-color: transparent !important; -} - -.news-pane-content { - overflow-y: auto; - height: 100%; -} - -::ng-deep .mat-pane { - max-width: 100% !important; -} - -.mat-csxl-search-bar { - ::ng-deep .mat-mdc-card { - max-width: 100% !important; - } -} - -mat-chip { - mat-icon { - margin-top: 4px; - } -} - -.mat-mdc-chip-avatar { - margin-top: 0 !important; -} - -.pagination-chip-set { - margin-top: 4px; - margin-bottom: 8px; -} - -.mat-divider { - padding-bottom: 4px; -} - -.date-header { - margin-top: 8px; - margin-bottom: 8px; -} - -.no-events-text { - margin-top: 16px; -} - -mat-card-header { - flex-direction: column; -} - -.no-hover-chip-container { - --mat-chip-focus-state-layer-color: transparent !important; - --mat-chip-hover-state-layer-color: transparent !important; -} - -.coworking-pane { - max-width: 100%; - border-color: transparent !important; -} - -.reservation-card { - margin-left: 0px; - margin-right: 0px; - max-width: 100%; - - p { - margin-bottom: 0; - } -} - -.none-buttons { - margin-left: -10px; - margin-bottom: 8px; -} - -.reservation-card:hover { - cursor: pointer; -} - -#upcoming-title { - margin-bottom: 8px; -} - -.none-text { - margin-top: 16px; -} - -@media only screen and (max-width: 1000px) { - .container { - flex-direction: column-reverse; - } - - .left-column { - display: flex; - flex-direction: column; - width: 100%; - height: auto; - } - - .right-column { - display: flex; - flex-direction: column; - width: 100%; - height: auto; - } - - .news-pane { - flex: auto; - - ::ng-deep .mat-mdc-card-outlined { - height: auto !important; - } - - .mat-mdc-card-content { - height: auto !important; - overflow-y: auto !important; - } - } -} diff --git a/frontend/src/app/welcome/welcome-page/welcome-page.component.html b/frontend/src/app/welcome/welcome-page/welcome-page.component.html index 99a164b6e..0dbf09430 100644 --- a/frontend/src/app/welcome/welcome-page/welcome-page.component.html +++ b/frontend/src/app/welcome/welcome-page/welcome-page.component.html @@ -1,6 +1,6 @@ @if(welcomeOverview()) { -
-
+
+
@if (welcomeOverview()!.announcement) { } - + Latest News - + @for(article of welcomeOverview()!.latest_news; track article.id) { }
-
- +
+ The XL (SN156) is... @@ -42,33 +42,33 @@ [operatingHours]="welcomeOverview()!.operating_hours" /> } - + @if(profileService.profile() === undefined) { - + } @else { - Upcoming For You + Upcoming For You - + Coworking Reservations @if (welcomeOverview()!.upcoming_reservations.length === 0) { -

+

You currently have no upcoming reservations in the XL Colab found on the first floor of Sitterson Hall. Reserve a desk or room by clicking the link below.

- } @for (reservation of welcomeOverview()!.upcoming_reservations; track reservation.start) { -
-
+
+
{{ reservation.room ? reservation.room!.nickname @@ -86,10 +86,10 @@ } Community Events @if (welcomeOverview()!.registered_events.length === 0) { -

+

Register for an upcoming community event for them to show up here.

- } @for (event of welcomeOverview()!.registered_events; track event.id) { diff --git a/frontend/src/app/welcome/welcome-page/welcome-page.component.ts b/frontend/src/app/welcome/welcome-page/welcome-page.component.ts index a743d4864..646e12d61 100644 --- a/frontend/src/app/welcome/welcome-page/welcome-page.component.ts +++ b/frontend/src/app/welcome/welcome-page/welcome-page.component.ts @@ -24,10 +24,9 @@ import { profileResolver } from 'src/app/profile/profile.resolver'; import { Profile } from 'src/app/models.module'; @Component({ - selector: 'app-welcome-page', - templateUrl: './welcome-page.component.html', - styleUrl: './welcome-page.component.css', - standalone: false + selector: 'app-welcome-page', + templateUrl: './welcome-page.component.html', + standalone: false }) export class WelcomePageComponent implements OnInit { /** Route information to be used in the routing module */ diff --git a/package-lock.json b/package-lock.json index 45742a2f8..810ade684 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,7 +5,7 @@ "packages": { "": { "dependencies": { - "@tailwindcss/postcss": "^4.1.14", + "@tailwindcss/postcss": "^4.1.16", "openmeteo": "^1.2.0" }, "devDependencies": { @@ -24,18 +24,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@isaacs/fs-minipass": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz", - "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==", - "license": "ISC", - "dependencies": { - "minipass": "^7.0.4" - }, - "engines": { - "node": ">=18.0.0" - } - }, "node_modules/@jridgewell/gen-mapping": { "version": "0.3.13", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", @@ -94,52 +82,47 @@ } }, "node_modules/@tailwindcss/node": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.14.tgz", - "integrity": "sha512-hpz+8vFk3Ic2xssIA3e01R6jkmsAhvkQdXlEbRTk6S10xDAtiQiM3FyvZVGsucefq764euO/b8WUW9ysLdThHw==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.16.tgz", + "integrity": "sha512-BX5iaSsloNuvKNHRN3k2RcCuTEgASTo77mofW0vmeHkfrDWaoFAFvNHpEgtu0eqyypcyiBkDWzSMxJhp3AUVcw==", "license": "MIT", "dependencies": { "@jridgewell/remapping": "^2.3.4", "enhanced-resolve": "^5.18.3", - "jiti": "^2.6.0", - "lightningcss": "1.30.1", + "jiti": "^2.6.1", + "lightningcss": "1.30.2", "magic-string": "^0.30.19", "source-map-js": "^1.2.1", - "tailwindcss": "4.1.14" + "tailwindcss": "4.1.16" } }, "node_modules/@tailwindcss/oxide": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.14.tgz", - "integrity": "sha512-23yx+VUbBwCg2x5XWdB8+1lkPajzLmALEfMb51zZUBYaYVPDQvBSD/WYDqiVyBIo2BZFa3yw1Rpy3G2Jp+K0dw==", - "hasInstallScript": true, + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.16.tgz", + "integrity": "sha512-2OSv52FRuhdlgyOQqgtQHuCgXnS8nFSYRp2tJ+4WZXKgTxqPy7SMSls8c3mPT5pkZ17SBToGM5LHEJBO7miEdg==", "license": "MIT", - "dependencies": { - "detect-libc": "^2.0.4", - "tar": "^7.5.1" - }, "engines": { "node": ">= 10" }, "optionalDependencies": { - "@tailwindcss/oxide-android-arm64": "4.1.14", - "@tailwindcss/oxide-darwin-arm64": "4.1.14", - "@tailwindcss/oxide-darwin-x64": "4.1.14", - "@tailwindcss/oxide-freebsd-x64": "4.1.14", - "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.14", - "@tailwindcss/oxide-linux-arm64-gnu": "4.1.14", - "@tailwindcss/oxide-linux-arm64-musl": "4.1.14", - "@tailwindcss/oxide-linux-x64-gnu": "4.1.14", - "@tailwindcss/oxide-linux-x64-musl": "4.1.14", - "@tailwindcss/oxide-wasm32-wasi": "4.1.14", - "@tailwindcss/oxide-win32-arm64-msvc": "4.1.14", - "@tailwindcss/oxide-win32-x64-msvc": "4.1.14" + "@tailwindcss/oxide-android-arm64": "4.1.16", + "@tailwindcss/oxide-darwin-arm64": "4.1.16", + "@tailwindcss/oxide-darwin-x64": "4.1.16", + "@tailwindcss/oxide-freebsd-x64": "4.1.16", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.16", + "@tailwindcss/oxide-linux-arm64-gnu": "4.1.16", + "@tailwindcss/oxide-linux-arm64-musl": "4.1.16", + "@tailwindcss/oxide-linux-x64-gnu": "4.1.16", + "@tailwindcss/oxide-linux-x64-musl": "4.1.16", + "@tailwindcss/oxide-wasm32-wasi": "4.1.16", + "@tailwindcss/oxide-win32-arm64-msvc": "4.1.16", + "@tailwindcss/oxide-win32-x64-msvc": "4.1.16" } }, "node_modules/@tailwindcss/oxide-android-arm64": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.14.tgz", - "integrity": "sha512-a94ifZrGwMvbdeAxWoSuGcIl6/DOP5cdxagid7xJv6bwFp3oebp7y2ImYsnZBMTwjn5Ev5xESvS3FFYUGgPODQ==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.16.tgz", + "integrity": "sha512-8+ctzkjHgwDJ5caq9IqRSgsP70xhdhJvm+oueS/yhD5ixLhqTw9fSL1OurzMUhBwE5zK26FXLCz2f/RtkISqHA==", "cpu": [ "arm64" ], @@ -153,9 +136,9 @@ } }, "node_modules/@tailwindcss/oxide-darwin-arm64": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.14.tgz", - "integrity": "sha512-HkFP/CqfSh09xCnrPJA7jud7hij5ahKyWomrC3oiO2U9i0UjP17o9pJbxUN0IJ471GTQQmzwhp0DEcpbp4MZTA==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.16.tgz", + "integrity": "sha512-C3oZy5042v2FOALBZtY0JTDnGNdS6w7DxL/odvSny17ORUnaRKhyTse8xYi3yKGyfnTUOdavRCdmc8QqJYwFKA==", "cpu": [ "arm64" ], @@ -169,9 +152,9 @@ } }, "node_modules/@tailwindcss/oxide-darwin-x64": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.14.tgz", - "integrity": "sha512-eVNaWmCgdLf5iv6Qd3s7JI5SEFBFRtfm6W0mphJYXgvnDEAZ5sZzqmI06bK6xo0IErDHdTA5/t7d4eTfWbWOFw==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.16.tgz", + "integrity": "sha512-vjrl/1Ub9+JwU6BP0emgipGjowzYZMjbWCDqwA2Z4vCa+HBSpP4v6U2ddejcHsolsYxwL5r4bPNoamlV0xDdLg==", "cpu": [ "x64" ], @@ -185,9 +168,9 @@ } }, "node_modules/@tailwindcss/oxide-freebsd-x64": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.14.tgz", - "integrity": "sha512-QWLoRXNikEuqtNb0dhQN6wsSVVjX6dmUFzuuiL09ZeXju25dsei2uIPl71y2Ic6QbNBsB4scwBoFnlBfabHkEw==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.16.tgz", + "integrity": "sha512-TSMpPYpQLm+aR1wW5rKuUuEruc/oOX3C7H0BTnPDn7W/eMw8W+MRMpiypKMkXZfwH8wqPIRKppuZoedTtNj2tg==", "cpu": [ "x64" ], @@ -201,9 +184,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.14.tgz", - "integrity": "sha512-VB4gjQni9+F0VCASU+L8zSIyjrLLsy03sjcR3bM0V2g4SNamo0FakZFKyUQ96ZVwGK4CaJsc9zd/obQy74o0Fw==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.16.tgz", + "integrity": "sha512-p0GGfRg/w0sdsFKBjMYvvKIiKy/LNWLWgV/plR4lUgrsxFAoQBFrXkZ4C0w8IOXfslB9vHK/JGASWD2IefIpvw==", "cpu": [ "arm" ], @@ -217,9 +200,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.14.tgz", - "integrity": "sha512-qaEy0dIZ6d9vyLnmeg24yzA8XuEAD9WjpM5nIM1sUgQ/Zv7cVkharPDQcmm/t/TvXoKo/0knI3me3AGfdx6w1w==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.16.tgz", + "integrity": "sha512-DoixyMmTNO19rwRPdqviTrG1rYzpxgyYJl8RgQvdAQUzxC1ToLRqtNJpU/ATURSKgIg6uerPw2feW0aS8SNr/w==", "cpu": [ "arm64" ], @@ -233,9 +216,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm64-musl": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.14.tgz", - "integrity": "sha512-ISZjT44s59O8xKsPEIesiIydMG/sCXoMBCqsphDm/WcbnuWLxxb+GcvSIIA5NjUw6F8Tex7s5/LM2yDy8RqYBQ==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.16.tgz", + "integrity": "sha512-H81UXMa9hJhWhaAUca6bU2wm5RRFpuHImrwXBUvPbYb+3jo32I9VIwpOX6hms0fPmA6f2pGVlybO6qU8pF4fzQ==", "cpu": [ "arm64" ], @@ -249,9 +232,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-x64-gnu": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.14.tgz", - "integrity": "sha512-02c6JhLPJj10L2caH4U0zF8Hji4dOeahmuMl23stk0MU1wfd1OraE7rOloidSF8W5JTHkFdVo/O7uRUJJnUAJg==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.16.tgz", + "integrity": "sha512-ZGHQxDtFC2/ruo7t99Qo2TTIvOERULPl5l0K1g0oK6b5PGqjYMga+FcY1wIUnrUxY56h28FxybtDEla+ICOyew==", "cpu": [ "x64" ], @@ -265,9 +248,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-x64-musl": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.14.tgz", - "integrity": "sha512-TNGeLiN1XS66kQhxHG/7wMeQDOoL0S33x9BgmydbrWAb9Qw0KYdd8o1ifx4HOGDWhVmJ+Ul+JQ7lyknQFilO3Q==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.16.tgz", + "integrity": "sha512-Oi1tAaa0rcKf1Og9MzKeINZzMLPbhxvm7rno5/zuP1WYmpiG0bEHq4AcRUiG2165/WUzvxkW4XDYCscZWbTLZw==", "cpu": [ "x64" ], @@ -281,9 +264,9 @@ } }, "node_modules/@tailwindcss/oxide-wasm32-wasi": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.14.tgz", - "integrity": "sha512-uZYAsaW/jS/IYkd6EWPJKW/NlPNSkWkBlaeVBi/WsFQNP05/bzkebUL8FH1pdsqx4f2fH/bWFcUABOM9nfiJkQ==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.16.tgz", + "integrity": "sha512-B01u/b8LteGRwucIBmCQ07FVXLzImWESAIMcUU6nvFt/tYsQ6IHz8DmZ5KtvmwxD+iTYBtM1xwoGXswnlu9v0Q==", "bundleDependencies": [ "@napi-rs/wasm-runtime", "@emnapi/core", @@ -301,7 +284,7 @@ "@emnapi/core": "^1.5.0", "@emnapi/runtime": "^1.5.0", "@emnapi/wasi-threads": "^1.1.0", - "@napi-rs/wasm-runtime": "^1.0.5", + "@napi-rs/wasm-runtime": "^1.0.7", "@tybys/wasm-util": "^0.10.1", "tslib": "^2.4.0" }, @@ -310,9 +293,9 @@ } }, "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.14.tgz", - "integrity": "sha512-Az0RnnkcvRqsuoLH2Z4n3JfAef0wElgzHD5Aky/e+0tBUxUhIeIqFBTMNQvmMRSP15fWwmvjBxZ3Q8RhsDnxAA==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.16.tgz", + "integrity": "sha512-zX+Q8sSkGj6HKRTMJXuPvOcP8XfYON24zJBRPlszcH1Np7xuHXhWn8qfFjIujVzvH3BHU+16jBXwgpl20i+v9A==", "cpu": [ "arm64" ], @@ -326,9 +309,9 @@ } }, "node_modules/@tailwindcss/oxide-win32-x64-msvc": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.14.tgz", - "integrity": "sha512-ttblVGHgf68kEE4om1n/n44I0yGPkCPbLsqzjvybhpwa6mKKtgFfAzy6btc3HRmuW7nHe0OOrSeNP9sQmmH9XA==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.16.tgz", + "integrity": "sha512-m5dDFJUEejbFqP+UXVstd4W/wnxA4F61q8SoL+mqTypId2T2ZpuxosNSgowiCnLp2+Z+rivdU0AqpfgiD7yCBg==", "cpu": [ "x64" ], @@ -342,25 +325,16 @@ } }, "node_modules/@tailwindcss/postcss": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.14.tgz", - "integrity": "sha512-BdMjIxy7HUNThK87C7BC8I1rE8BVUsfNQSI5siQ4JK3iIa3w0XyVvVL9SXLWO//CtYTcp1v7zci0fYwJOjB+Zg==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.16.tgz", + "integrity": "sha512-Qn3SFGPXYQMKR/UtqS+dqvPrzEeBZHrFA92maT4zijCVggdsXnDBMsPFJo1eArX3J+O+Gi+8pV4PkqjLCNBk3A==", "license": "MIT", "dependencies": { "@alloc/quick-lru": "^5.2.0", - "@tailwindcss/node": "4.1.14", - "@tailwindcss/oxide": "4.1.14", + "@tailwindcss/node": "4.1.16", + "@tailwindcss/oxide": "4.1.16", "postcss": "^8.4.41", - "tailwindcss": "4.1.14" - } - }, - "node_modules/chownr": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz", - "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==", - "license": "BlueOak-1.0.0", - "engines": { - "node": ">=18" + "tailwindcss": "4.1.16" } }, "node_modules/detect-libc": { @@ -407,9 +381,9 @@ } }, "node_modules/lightningcss": { - "version": "1.30.1", - "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz", - "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==", + "version": "1.30.2", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.2.tgz", + "integrity": "sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==", "license": "MPL-2.0", "dependencies": { "detect-libc": "^2.0.3" @@ -422,22 +396,43 @@ "url": "https://opencollective.com/parcel" }, "optionalDependencies": { - "lightningcss-darwin-arm64": "1.30.1", - "lightningcss-darwin-x64": "1.30.1", - "lightningcss-freebsd-x64": "1.30.1", - "lightningcss-linux-arm-gnueabihf": "1.30.1", - "lightningcss-linux-arm64-gnu": "1.30.1", - "lightningcss-linux-arm64-musl": "1.30.1", - "lightningcss-linux-x64-gnu": "1.30.1", - "lightningcss-linux-x64-musl": "1.30.1", - "lightningcss-win32-arm64-msvc": "1.30.1", - "lightningcss-win32-x64-msvc": "1.30.1" + "lightningcss-android-arm64": "1.30.2", + "lightningcss-darwin-arm64": "1.30.2", + "lightningcss-darwin-x64": "1.30.2", + "lightningcss-freebsd-x64": "1.30.2", + "lightningcss-linux-arm-gnueabihf": "1.30.2", + "lightningcss-linux-arm64-gnu": "1.30.2", + "lightningcss-linux-arm64-musl": "1.30.2", + "lightningcss-linux-x64-gnu": "1.30.2", + "lightningcss-linux-x64-musl": "1.30.2", + "lightningcss-win32-arm64-msvc": "1.30.2", + "lightningcss-win32-x64-msvc": "1.30.2" + } + }, + "node_modules/lightningcss-android-arm64": { + "version": "1.30.2", + "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.30.2.tgz", + "integrity": "sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, "node_modules/lightningcss-darwin-arm64": { - "version": "1.30.1", - "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz", - "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==", + "version": "1.30.2", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.2.tgz", + "integrity": "sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==", "cpu": [ "arm64" ], @@ -455,9 +450,9 @@ } }, "node_modules/lightningcss-darwin-x64": { - "version": "1.30.1", - "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz", - "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==", + "version": "1.30.2", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.2.tgz", + "integrity": "sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==", "cpu": [ "x64" ], @@ -475,9 +470,9 @@ } }, "node_modules/lightningcss-freebsd-x64": { - "version": "1.30.1", - "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz", - "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==", + "version": "1.30.2", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.2.tgz", + "integrity": "sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==", "cpu": [ "x64" ], @@ -495,9 +490,9 @@ } }, "node_modules/lightningcss-linux-arm-gnueabihf": { - "version": "1.30.1", - "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz", - "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==", + "version": "1.30.2", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.2.tgz", + "integrity": "sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==", "cpu": [ "arm" ], @@ -515,9 +510,9 @@ } }, "node_modules/lightningcss-linux-arm64-gnu": { - "version": "1.30.1", - "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz", - "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==", + "version": "1.30.2", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.2.tgz", + "integrity": "sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==", "cpu": [ "arm64" ], @@ -535,9 +530,9 @@ } }, "node_modules/lightningcss-linux-arm64-musl": { - "version": "1.30.1", - "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz", - "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==", + "version": "1.30.2", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.2.tgz", + "integrity": "sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==", "cpu": [ "arm64" ], @@ -555,9 +550,9 @@ } }, "node_modules/lightningcss-linux-x64-gnu": { - "version": "1.30.1", - "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz", - "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==", + "version": "1.30.2", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.2.tgz", + "integrity": "sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==", "cpu": [ "x64" ], @@ -575,9 +570,9 @@ } }, "node_modules/lightningcss-linux-x64-musl": { - "version": "1.30.1", - "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz", - "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==", + "version": "1.30.2", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.2.tgz", + "integrity": "sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==", "cpu": [ "x64" ], @@ -595,9 +590,9 @@ } }, "node_modules/lightningcss-win32-arm64-msvc": { - "version": "1.30.1", - "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz", - "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==", + "version": "1.30.2", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.2.tgz", + "integrity": "sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==", "cpu": [ "arm64" ], @@ -615,9 +610,9 @@ } }, "node_modules/lightningcss-win32-x64-msvc": { - "version": "1.30.1", - "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz", - "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==", + "version": "1.30.2", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.2.tgz", + "integrity": "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==", "cpu": [ "x64" ], @@ -635,35 +630,14 @@ } }, "node_modules/magic-string": { - "version": "0.30.19", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz", - "integrity": "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==", + "version": "0.30.21", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", + "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==", "license": "MIT", "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, - "node_modules/minipass": { - "version": "7.1.2", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz", - "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", - "license": "ISC", - "engines": { - "node": ">=16 || 14 >=14.17" - } - }, - "node_modules/minizlib": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz", - "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==", - "license": "MIT", - "dependencies": { - "minipass": "^7.1.2" - }, - "engines": { - "node": ">= 18" - } - }, "node_modules/nanoid": { "version": "3.3.11", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", @@ -739,9 +713,9 @@ } }, "node_modules/tailwindcss": { - "version": "4.1.14", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.14.tgz", - "integrity": "sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==", + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.16.tgz", + "integrity": "sha512-pONL5awpaQX4LN5eiv7moSiSPd/DLDzKVRJz8Q9PgzmAdd1R4307GQS2ZpfiN7ZmekdQrfhZZiSE5jkLR4WNaA==", "license": "MIT" }, "node_modules/tapable": { @@ -756,31 +730,6 @@ "type": "opencollective", "url": "https://opencollective.com/webpack" } - }, - "node_modules/tar": { - "version": "7.5.1", - "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.1.tgz", - "integrity": "sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==", - "license": "ISC", - "dependencies": { - "@isaacs/fs-minipass": "^4.0.0", - "chownr": "^3.0.0", - "minipass": "^7.1.2", - "minizlib": "^3.1.0", - "yallist": "^5.0.0" - }, - "engines": { - "node": ">=18" - } - }, - "node_modules/yallist": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz", - "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==", - "license": "BlueOak-1.0.0", - "engines": { - "node": ">=18" - } } } } diff --git a/package.json b/package.json index 21665e84a..abd9d0f7d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "dependencies": { - "@tailwindcss/postcss": "^4.1.14", + "@tailwindcss/postcss": "^4.1.16", "openmeteo": "^1.2.0" }, "devDependencies": { From 7ac3bcb8f7133661911a25b5c293fc1bf0abfb1d Mon Sep 17 00:00:00 2001 From: Ajay Gandecha Date: Fri, 31 Oct 2025 14:22:08 -0400 Subject: [PATCH 03/16] refactor: restyle the welcome related components Restyles all welcome related components to Tailwind. --- .../widgets/news-card/news-card.widget.css | 83 ------------------- .../widgets/news-card/news-card.widget.html | 17 ++-- .../widgets/news-card/news-card.widget.ts | 7 +- 3 files changed, 11 insertions(+), 96 deletions(-) delete mode 100644 frontend/src/app/welcome/widgets/news-card/news-card.widget.css diff --git a/frontend/src/app/welcome/widgets/news-card/news-card.widget.css b/frontend/src/app/welcome/widgets/news-card/news-card.widget.css deleted file mode 100644 index f6a8eb90f..000000000 --- a/frontend/src/app/welcome/widgets/news-card/news-card.widget.css +++ /dev/null @@ -1,83 +0,0 @@ -.mat-mdc-card { - margin-left: 0px; - max-width: 100%; - max-height: fit-content; -} - -.article-title { - cursor: pointer !important; -} - -.mat-mdc-chip { - height: 26px; -} - -.mat-mdc-card-image { - height: 180px; - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - - -.featured-chipset { - position: absolute; - top: 6px; - left: 8px; - border-color: transparent !important; - outline: 0 !important; - z-index: 1; - --mat-chip-focus-state-layer-color: transparent !important; - --mat-chip-hover-state-layer-color: transparent !important; - --mat-chip-outline-color: transparent !important; -} - -.featured-chip { - height: 28px; -} - -mat-card-actions { - gap: 8px; - margin-bottom: 8px; - justify-content: flex-end; -} - - -.description { - padding-top: 8px; - padding-bottom: 8px; -} - - -.vertical-divider { - margin-top: 6px; - margin-bottom: 6px; - margin-left: 8px; -} - -.row { - display: flex; - flex-direction: row; -} - -.column { - display: flex; - flex-direction: column; -} - -.news-feature-image { - height: 176px; - border-radius: 12px; - margin-top: 12px; - margin-left: 12px; - aspect-ratio: 1; - object-fit: cover; -} - -@media only screen and (max-width: 800px) { - .row { - flex-direction: column; - } - .news-feature-image { - margin-right: 12px; - } -} \ No newline at end of file diff --git a/frontend/src/app/welcome/widgets/news-card/news-card.widget.html b/frontend/src/app/welcome/widgets/news-card/news-card.widget.html index 8a8f2e2ba..a7baaaabe 100644 --- a/frontend/src/app/welcome/widgets/news-card/news-card.widget.html +++ b/frontend/src/app/welcome/widgets/news-card/news-card.widget.html @@ -1,7 +1,7 @@ - -
- -
+ +
+ +
{{ article.title @@ -11,12 +11,11 @@

{{ article.published | date: 'mediumDate' }}

- - + @if(article.organization_slug) { -

+

{{ article.synopsis }}

- + diff --git a/frontend/src/app/welcome/widgets/news-card/news-card.widget.ts b/frontend/src/app/welcome/widgets/news-card/news-card.widget.ts index b11d873fd..10504a1ac 100644 --- a/frontend/src/app/welcome/widgets/news-card/news-card.widget.ts +++ b/frontend/src/app/welcome/widgets/news-card/news-card.widget.ts @@ -10,10 +10,9 @@ import { Component, Input } from '@angular/core'; import { ArticleOverview } from '../../welcome.model'; @Component({ - selector: 'news-card', - templateUrl: './news-card.widget.html', - styleUrl: './news-card.widget.css', - standalone: false + selector: 'news-card', + templateUrl: './news-card.widget.html', + standalone: false }) export class NewsCardWidget { @Input() article!: ArticleOverview; From edc36984262ce87893f613e67960eb2cbdd27f53 Mon Sep 17 00:00:00 2001 From: Ajay Gandecha Date: Fri, 31 Oct 2025 14:46:18 -0400 Subject: [PATCH 04/16] refactor: restyle the news feature with tailwind --- .../article-editor.component.css | 38 ------------- .../article-editor.component.html | 23 ++++---- .../article-editor.component.ts | 7 ++- .../article-page/article-page.component.css | 30 ----------- .../article-page/article-page.component.html | 17 +++--- .../article-page/article-page.component.ts | 7 ++- .../news/news-admin/news-admin.component.css | 54 ------------------- .../news/news-admin/news-admin.component.html | 24 ++++----- .../news/news-admin/news-admin.component.ts | 7 ++- frontend/src/styles/TODO.md | 3 ++ 10 files changed, 44 insertions(+), 166 deletions(-) delete mode 100644 frontend/src/app/news/article-editor/article-editor.component.css delete mode 100644 frontend/src/app/news/article-page/article-page.component.css delete mode 100644 frontend/src/app/news/news-admin/news-admin.component.css create mode 100644 frontend/src/styles/TODO.md diff --git a/frontend/src/app/news/article-editor/article-editor.component.css b/frontend/src/app/news/article-editor/article-editor.component.css deleted file mode 100644 index 14a439762..000000000 --- a/frontend/src/app/news/article-editor/article-editor.component.css +++ /dev/null @@ -1,38 +0,0 @@ -::ng-deep .mat-mdc-card-outlined { - max-width: 100% !important; - margin-right: 32px !important; -} - -mat-form-field { - width: 100%; -} - -.mat-mdc-card-actions { - padding-bottom: 16px; - justify-content: end; - gap: 12px; -} - -mat-card-content { - padding-top: 16px; -} - -.row { - display: flex; - flex-direction: row; -} - -#body-form-field { - margin-top: 16px; -} - -mat-card-header { - display: flex; - flex-direction: row; - align-items: center; - padding-bottom: 8px; -} - -.state-buttons { - margin-left: auto; -} \ No newline at end of file diff --git a/frontend/src/app/news/article-editor/article-editor.component.html b/frontend/src/app/news/article-editor/article-editor.component.html index b718f4e20..6b443c0f3 100644 --- a/frontend/src/app/news/article-editor/article-editor.component.html +++ b/frontend/src/app/news/article-editor/article-editor.component.html @@ -1,9 +1,9 @@
- - + + {{ isNew() ? 'New' : 'Edit' }} Article @@ -17,9 +17,9 @@ - + - + Article Title - + Slug - + Organization @for (organization of organizationService.organizations(); track @@ -58,7 +58,7 @@ - + Feature Image URL @@ -80,7 +81,7 @@ name="synopsis"> - + Article Body (Markdown Supported) - + Website - + Email @if (organizationForm.controls['email'].invalid) { @@ -90,7 +93,7 @@ } - + Instagram - + LinkedIn - + YouTube - + HeelLife - +
-
+
@for (organization of organizations() | organizationFilter: searchBarQuery; track organization.id) { diff --git a/frontend/src/app/organization/organization-page/organization-page.component.ts b/frontend/src/app/organization/organization-page/organization-page.component.ts index 8532c4c13..e96b92399 100644 --- a/frontend/src/app/organization/organization-page/organization-page.component.ts +++ b/frontend/src/app/organization/organization-page/organization-page.component.ts @@ -16,10 +16,9 @@ import { NagivationAdminGearService } from '../../navigation/navigation-admin-ge import { OrganizationService } from '../organization.service'; @Component({ - selector: 'app-organization-page', - templateUrl: './organization-page.component.html', - styleUrls: ['./organization-page.component.css'], - standalone: false + selector: 'app-organization-page', + templateUrl: './organization-page.component.html', + standalone: false }) export class OrganizationPageComponent { /** Route information to be used in Organization Routing Module */ diff --git a/frontend/src/app/organization/widgets/organization-card/organization-card.widget.css b/frontend/src/app/organization/widgets/organization-card/organization-card.widget.css deleted file mode 100644 index 471458fa6..000000000 --- a/frontend/src/app/organization/widgets/organization-card/organization-card.widget.css +++ /dev/null @@ -1,92 +0,0 @@ - -/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */ -.card { - ::ng-deep .mat-mdc-card { - width: 360px !important; - height: 186px !important; - margin: 0 !important; - row-gap: 0.6rem !important; - } -} - - -.mdc-card__media:first-child { - border-radius: 100%; -} - -.left-container { - display: flex; - flex-direction: row; -} - -.logo { - height: auto; - max-width: 2.5rem; - max-height: 2.5rem; - margin-right: 1rem; - margin-bottom: 0; - border-radius: 2.5rem; -} - -.name { - height: 2.5rem; - margin: 0; - font-size: 1.15rem; - font-weight: 500; - line-height: 2.5rem; - overflow: hidden; - display: -webkit-box; - -webkit-line-clamp: 1; - line-clamp: 1; - -webkit-box-orient: vertical; -} - -/* .description { - display: flex; - width: 100%; - align-items: center; - text-align: center; -} */ - -.description p { - width: 100%; - height: 2.5rem; - line-height: 1.25rem; - margin: 0; - overflow: hidden; - display: -webkit-box; - -webkit-line-clamp: 2; - line-clamp: 2; - -webkit-box-orient: vertical; -} - -#website-button { - margin-right: auto; -} - -#events-button { - margin-left: auto; - margin-right: 8px; -} - -.link-icons { - width: 144px; - height: 48px; - overflow: hidden; - display: -webkit-box; -} - -.mat-mdc-card-actions { - display: flex; - flex-direction: row-reverse; -} - -/* Override Mat UI's preset z-index for button */ -.mat-mdc-outlined-button { - z-index: 0 !important; -} - -.details-link { - text-decoration: none; - margin-right: 0px; -} \ No newline at end of file diff --git a/frontend/src/app/organization/widgets/organization-card/organization-card.widget.html b/frontend/src/app/organization/widgets/organization-card/organization-card.widget.html index d2cff3a41..29583715c 100644 --- a/frontend/src/app/organization/widgets/organization-card/organization-card.widget.html +++ b/frontend/src/app/organization/widgets/organization-card/organization-card.widget.html @@ -1,15 +1,9 @@ - - - - + - -
- - - +
+ @@ -19,29 +13,22 @@
- - -

+ +

{{ organization.short_description }}

- - - - - - - - @if (organization.website !== '') { - - } - - - + +
+ @if (organization.website !== '') { + + } + + + +
- + diff --git a/frontend/src/app/organization/widgets/organization-card/organization-card.widget.ts b/frontend/src/app/organization/widgets/organization-card/organization-card.widget.ts index 908d85565..235515da6 100644 --- a/frontend/src/app/organization/widgets/organization-card/organization-card.widget.ts +++ b/frontend/src/app/organization/widgets/organization-card/organization-card.widget.ts @@ -12,10 +12,9 @@ import { Organization } from '../../organization.model'; import { Profile } from '../../../profile/profile.service'; @Component({ - selector: 'organization-card', - templateUrl: './organization-card.widget.html', - styleUrls: ['./organization-card.widget.css'], - standalone: false + selector: 'organization-card', + templateUrl: './organization-card.widget.html', + standalone: false }) export class OrganizationCard { /** The organization to show */ diff --git a/frontend/src/app/organization/widgets/organization-details-info-card/organization-details-info-card.widget.css b/frontend/src/app/organization/widgets/organization-details-info-card/organization-details-info-card.widget.css deleted file mode 100644 index 494906bc2..000000000 --- a/frontend/src/app/organization/widgets/organization-details-info-card/organization-details-info-card.widget.css +++ /dev/null @@ -1,55 +0,0 @@ - -mat-card-header { - flex-direction: column; - width: 100%; -} - -p { - margin-bottom: 0; -} - -.mat-mdc-card-avatar { - margin-bottom: 0 !important; -} - -.header-row { - display: flex; - flex-direction: row; - align-items: center; - gap: 12px; -} - -.row { - display: flex; - flex-direction: row; - gap: 4px; - align-items: center; -} - -.links-row { - display: flex; - flex-direction: row; - flex-wrap: wrap; - margin-top: 4px; - align-items: center; - margin-bottom: 12px; - margin-left: 48px; - margin-right: 32px; - gap: 12px; - } - - .link-icons { - width: 22px; - height: 22px; - } - -mat-divider { - margin-top: 12px; - padding-bottom: 4px; -} - -mat-card-actions { - padding-bottom: 12px; - justify-content: flex-end; - gap: 8px; -} \ No newline at end of file diff --git a/frontend/src/app/organization/widgets/organization-details-info-card/organization-details-info-card.widget.html b/frontend/src/app/organization/widgets/organization-details-info-card/organization-details-info-card.widget.html index 053a2e976..fb234267f 100644 --- a/frontend/src/app/organization/widgets/organization-details-info-card/organization-details-info-card.widget.html +++ b/frontend/src/app/organization/widgets/organization-details-info-card/organization-details-info-card.widget.html @@ -1,14 +1,14 @@ @if (organization) { - -
- + +
+ {{ organization.name }}
-
+
@if (organization.website !== '') { -
- link +
+ link

} @if (organization.email !== '') { -
+
mail

} @if (organization.instagram !== '') { -
+

} @if (organization.linked_in !== '') { -
+
} @if (organization.youtube !== '') { -
+

{{ organization.long_description || organization.short_description }}

@if(eventCreationPermissions) { - + } - + @if(eventCreationPermissions) { diff --git a/frontend/src/app/organization/widgets/organization-not-found-card/organization-not-found-card.widget.ts b/frontend/src/app/organization/widgets/organization-not-found-card/organization-not-found-card.widget.ts index b3e9815bd..25a8fdb57 100644 --- a/frontend/src/app/organization/widgets/organization-not-found-card/organization-not-found-card.widget.ts +++ b/frontend/src/app/organization/widgets/organization-not-found-card/organization-not-found-card.widget.ts @@ -10,10 +10,9 @@ import { Component } from '@angular/core'; @Component({ - selector: 'organization-not-found-card', - templateUrl: './organization-not-found-card.widget.html', - styleUrls: ['./organization-not-found-card.widget.css'], - standalone: false + selector: 'organization-not-found-card', + templateUrl: './organization-not-found-card.widget.html', + standalone: false }) export class OrganizationNotFoundCard { constructor() {} From 1e3eb78066b8757003cebb7a9cadba6d644f8fca Mon Sep 17 00:00:00 2001 From: Ajay Gandecha Date: Sat, 1 Nov 2025 13:22:20 -0400 Subject: [PATCH 08/16] chore: minor html tweak to about page --- frontend/src/app/about/about.component.html | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/frontend/src/app/about/about.component.html b/frontend/src/app/about/about.component.html index 306278986..e35a3c10d 100644 --- a/frontend/src/app/about/about.component.html +++ b/frontend/src/app/about/about.component.html @@ -11,8 +11,11 @@ Join the CSXL Slack to get updates on the XL, learn about new opportunities for CS students, or meet your fellow CS majors!

+ + + - + From 95665aece9e16b9c910cc979d6c0fe38405c4987 Mon Sep 17 00:00:00 2001 From: Ajay Gandecha Date: Sat, 1 Nov 2025 14:21:55 -0400 Subject: [PATCH 09/16] refactor: restyle academics admin features with tailwind --- .../academics-admin.component.css | 0 .../academics-admin.component.ts | 7 ++- .../course/admin-course.component.css | 38 -------------- .../course/admin-course.component.html | 12 ++--- .../course/admin-course.component.ts | 11 ++-- .../course-editor/course-editor.component.css | 26 ---------- .../course-editor.component.html | 28 +++++----- .../course-editor/course-editor.component.ts | 7 ++- .../room/admin-room.component.css | 37 ------------- .../room/admin-room.component.html | 12 ++--- .../room/admin-room.component.ts | 7 ++- .../room-editor/room-editor.component.css | 33 ------------ .../room-editor/room-editor.component.html | 29 ++++++----- .../room/room-editor/room-editor.component.ts | 14 ++--- .../section/admin-section.component.css | 52 ------------------- .../section/admin-section.component.html | 16 +++--- .../section/admin-section.component.ts | 8 ++- .../section-editor.component.css | 29 ----------- .../section-editor.component.html | 24 +++++---- .../section-editor.component.ts | 7 ++- .../term/admin-term.component.css | 36 ------------- .../term/admin-term.component.html | 12 ++--- .../term/admin-term.component.ts | 7 ++- .../term-editor/term-editor.component.css | 25 --------- .../term-editor/term-editor.component.html | 29 ++++++----- .../term/term-editor/term-editor.component.ts | 7 ++- .../academics-home.component.css | 6 --- .../academics-home.component.html | 30 ----------- .../academics-home.component.ts | 44 ---------------- .../app/academics/academics-routing.module.ts | 2 - .../src/app/academics/academics.module.ts | 2 - 31 files changed, 117 insertions(+), 480 deletions(-) delete mode 100644 frontend/src/app/academics/academics-admin/academics-admin.component.css delete mode 100644 frontend/src/app/academics/academics-admin/course/admin-course.component.css delete mode 100644 frontend/src/app/academics/academics-admin/course/course-editor/course-editor.component.css delete mode 100644 frontend/src/app/academics/academics-admin/room/admin-room.component.css delete mode 100644 frontend/src/app/academics/academics-admin/room/room-editor/room-editor.component.css delete mode 100644 frontend/src/app/academics/academics-admin/section/admin-section.component.css delete mode 100644 frontend/src/app/academics/academics-admin/section/section-editor/section-editor.component.css delete mode 100644 frontend/src/app/academics/academics-admin/term/admin-term.component.css delete mode 100644 frontend/src/app/academics/academics-admin/term/term-editor/term-editor.component.css delete mode 100644 frontend/src/app/academics/academics-home/academics-home.component.css delete mode 100644 frontend/src/app/academics/academics-home/academics-home.component.html delete mode 100644 frontend/src/app/academics/academics-home/academics-home.component.ts diff --git a/frontend/src/app/academics/academics-admin/academics-admin.component.css b/frontend/src/app/academics/academics-admin/academics-admin.component.css deleted file mode 100644 index e69de29bb..000000000 diff --git a/frontend/src/app/academics/academics-admin/academics-admin.component.ts b/frontend/src/app/academics/academics-admin/academics-admin.component.ts index aef6bc2b6..baf6c70f4 100644 --- a/frontend/src/app/academics/academics-admin/academics-admin.component.ts +++ b/frontend/src/app/academics/academics-admin/academics-admin.component.ts @@ -13,10 +13,9 @@ import { Profile } from 'src/app/models.module'; import { ProfileService } from 'src/app/profile/profile.service'; @Component({ - selector: 'app-academics-admin', - templateUrl: './academics-admin.component.html', - styleUrls: ['./academics-admin.component.css'], - standalone: false + selector: 'app-academics-admin', + templateUrl: './academics-admin.component.html', + standalone: false }) export class AcademicsAdminComponent { public profile$: Observable; diff --git a/frontend/src/app/academics/academics-admin/course/admin-course.component.css b/frontend/src/app/academics/academics-admin/course/admin-course.component.css deleted file mode 100644 index dedf839e8..000000000 --- a/frontend/src/app/academics/academics-admin/course/admin-course.component.css +++ /dev/null @@ -1,38 +0,0 @@ -.mat-mdc-row .mat-mdc-cell { - border-bottom: 1px solid transparent; - border-top: 1px solid transparent; - cursor: pointer; -} - -.mat-mdc-row:hover .mat-mdc-cell { - border-color: white; -} - -.header { - display: flex; - align-items: center; - justify-content: space-between; -} - -.row { - display: flex; - flex-direction: row; - width: 100%; - justify-content: space-between; - align-items: center; -} - -.modify-buttons { - margin-left: auto; -} - -#edit-button { - margin-right: 8px; -} - - -::ng-deep .mat-mdc-card-outlined { - max-width: 100% !important; - margin-right: 32px !important; - } - \ No newline at end of file diff --git a/frontend/src/app/academics/academics-admin/course/admin-course.component.html b/frontend/src/app/academics/academics-admin/course/admin-course.component.html index d5a7ba31f..ac9daad63 100644 --- a/frontend/src/app/academics/academics-admin/course/admin-course.component.html +++ b/frontend/src/app/academics/academics-admin/course/admin-course.component.html @@ -1,5 +1,5 @@ - + @if (courses()) {
@@ -7,20 +7,20 @@ -
-
+
Courses
-
+
+

{{ element.subject_code }}{{ element.number }}: {{ element.title }}

-
+
} - + diff --git a/frontend/src/app/academics/academics-admin/course/admin-course.component.ts b/frontend/src/app/academics/academics-admin/course/admin-course.component.ts index c052f76c6..181741428 100644 --- a/frontend/src/app/academics/academics-admin/course/admin-course.component.ts +++ b/frontend/src/app/academics/academics-admin/course/admin-course.component.ts @@ -8,19 +8,16 @@ */ import { Component, WritableSignal, inject, signal } from '@angular/core'; -import { Observable } from 'rxjs'; import { permissionGuard } from 'src/app/permission.guard'; import { Course } from '../../academics.models'; -import { Route, Router } from '@angular/router'; +import { Router } from '@angular/router'; import { MatSnackBar } from '@angular/material/snack-bar'; import { AcademicsService } from '../../academics.service'; -import { RxCourseList } from '../rx-academics-admin'; @Component({ - selector: 'app-admin-course', - templateUrl: './admin-course.component.html', - styleUrls: ['./admin-course.component.css'], - standalone: false + selector: 'app-admin-course', + templateUrl: './admin-course.component.html', + standalone: false }) export class AdminCourseComponent { public static Route = { diff --git a/frontend/src/app/academics/academics-admin/course/course-editor/course-editor.component.css b/frontend/src/app/academics/academics-admin/course/course-editor/course-editor.component.css deleted file mode 100644 index 2cbbf7b9d..000000000 --- a/frontend/src/app/academics/academics-admin/course/course-editor/course-editor.component.css +++ /dev/null @@ -1,26 +0,0 @@ -.mat-mdc-card { - margin: 1em; - max-width: 640px; - } - -mat-card-content { - display: flex; - flex-direction: column; - gap: 16px; - padding-top: 16px; -} - -mat-form-field { - width: 100%; -} - - -.mat-mdc-card-actions .mdc-button { - margin-left: 8px; - margin-bottom: 8px; -} - -/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */ -mat-card-content { - margin-top: 8px; -} \ No newline at end of file diff --git a/frontend/src/app/academics/academics-admin/course/course-editor/course-editor.component.html b/frontend/src/app/academics/academics-admin/course/course-editor/course-editor.component.html index 0f56286cf..a1128a12b 100644 --- a/frontend/src/app/academics/academics-admin/course/course-editor/course-editor.component.html +++ b/frontend/src/app/academics/academics-admin/course/course-editor/course-editor.component.html @@ -10,9 +10,9 @@ Update Course - + - + Subject Code - + Number - + Title - + Course Description - + Credit Hours - - - + +
+ + +
diff --git a/frontend/src/app/academics/academics-admin/course/course-editor/course-editor.component.ts b/frontend/src/app/academics/academics-admin/course/course-editor/course-editor.component.ts index 2ce45a819..3bdfb287e 100644 --- a/frontend/src/app/academics/academics-admin/course/course-editor/course-editor.component.ts +++ b/frontend/src/app/academics/academics-admin/course/course-editor/course-editor.component.ts @@ -44,10 +44,9 @@ const canActivateEditor: CanActivateFn = ( }; @Component({ - selector: 'app-course-editor', - templateUrl: './course-editor.component.html', - styleUrls: ['./course-editor.component.css'], - standalone: false + selector: 'app-course-editor', + templateUrl: './course-editor.component.html', + standalone: false }) export class CourseEditorComponent { /** Route information to be used in the Routing Module */ diff --git a/frontend/src/app/academics/academics-admin/room/admin-room.component.css b/frontend/src/app/academics/academics-admin/room/admin-room.component.css deleted file mode 100644 index ddc089745..000000000 --- a/frontend/src/app/academics/academics-admin/room/admin-room.component.css +++ /dev/null @@ -1,37 +0,0 @@ -.mat-mdc-row .mat-mdc-cell { - border-bottom: 1px solid transparent; - border-top: 1px solid transparent; - cursor: pointer; -} - -.mat-mdc-row:hover .mat-mdc-cell { - border-color: white; -} - -.header { - display: flex; - align-items: center; - justify-content: space-between; -} - -.row { - display: flex; - flex-direction: row; - width: 100%; - justify-content: space-between; - align-items: center; -} - -.modify-buttons { - margin-left: auto; -} - -#edit-button { - margin-right: 8px; -} - -::ng-deep .mat-mdc-card-outlined { - max-width: 100% !important; - margin-right: 32px !important; - } - \ No newline at end of file diff --git a/frontend/src/app/academics/academics-admin/room/admin-room.component.html b/frontend/src/app/academics/academics-admin/room/admin-room.component.html index 3852e6c22..346cc7f09 100644 --- a/frontend/src/app/academics/academics-admin/room/admin-room.component.html +++ b/frontend/src/app/academics/academics-admin/room/admin-room.component.html @@ -1,5 +1,5 @@ - + @if(rooms()) {
@@ -7,19 +7,19 @@ -
-
+
Rooms
-
+
+

{{ element.nickname }}

-
+
} - + diff --git a/frontend/src/app/academics/academics-admin/room/admin-room.component.ts b/frontend/src/app/academics/academics-admin/room/admin-room.component.ts index 441548bed..36573e322 100644 --- a/frontend/src/app/academics/academics-admin/room/admin-room.component.ts +++ b/frontend/src/app/academics/academics-admin/room/admin-room.component.ts @@ -17,10 +17,9 @@ import { Observable } from 'rxjs'; import { Room } from '../../academics.models'; @Component({ - selector: 'app-admin-room', - templateUrl: './admin-room.component.html', - styleUrls: ['./admin-room.component.css'], - standalone: false + selector: 'app-admin-room', + templateUrl: './admin-room.component.html', + standalone: false }) export class AdminRoomComponent { public static Route = { diff --git a/frontend/src/app/academics/academics-admin/room/room-editor/room-editor.component.css b/frontend/src/app/academics/academics-admin/room/room-editor/room-editor.component.css deleted file mode 100644 index a39da2c42..000000000 --- a/frontend/src/app/academics/academics-admin/room/room-editor/room-editor.component.css +++ /dev/null @@ -1,33 +0,0 @@ -.mat-mdc-card { - margin: 1em; - max-width: 640px; - } - -mat-card-content { - display: flex; - flex-direction: column; - gap: 16px; - padding-top: 16px; -} - -mat-form-field { - width: 100%; -} - -mat-slide-toggle { - padding-bottom: 16px; -} - -.mat-mdc-card-actions .mdc-button { - margin-left: 8px; - margin-bottom: 8px; -} - -/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */ -mat-card-content { - margin-top: 8px; -} - -.checkbox { - margin-top: 0px; -} \ No newline at end of file diff --git a/frontend/src/app/academics/academics-admin/room/room-editor/room-editor.component.html b/frontend/src/app/academics/academics-admin/room/room-editor/room-editor.component.html index 97fc1d663..99ad84274 100644 --- a/frontend/src/app/academics/academics-admin/room/room-editor/room-editor.component.html +++ b/frontend/src/app/academics/academics-admin/room/room-editor/room-editor.component.html @@ -10,9 +10,10 @@ Update Room - + @@ -25,7 +26,7 @@ required /> - + Room Nickname - + Room Building - + Room Number - + Room Capacity - + Reservable? - - - + +
+ + +
diff --git a/frontend/src/app/academics/academics-admin/room/room-editor/room-editor.component.ts b/frontend/src/app/academics/academics-admin/room/room-editor/room-editor.component.ts index b5cfc92d5..37e945dae 100644 --- a/frontend/src/app/academics/academics-admin/room/room-editor/room-editor.component.ts +++ b/frontend/src/app/academics/academics-admin/room/room-editor/room-editor.component.ts @@ -19,11 +19,8 @@ import { import { FormBuilder, FormControl, Validators } from '@angular/forms'; import { PermissionService } from 'src/app/permission.service'; import { profileResolver } from 'src/app/profile/profile.resolver'; -import { - roomResolver, - termResolver -} from 'src/app/academics/academics.resolver'; -import { Room, Term } from 'src/app/academics/academics.models'; +import { roomResolver } from 'src/app/academics/academics.resolver'; +import { Room } from 'src/app/academics/academics.models'; import { MatSnackBar } from '@angular/material/snack-bar'; import { AcademicsService } from 'src/app/academics/academics.service'; import { Profile } from 'src/app/models.module'; @@ -44,10 +41,9 @@ const canActivateEditor: CanActivateFn = ( } }; @Component({ - selector: 'app-room-editor', - templateUrl: './room-editor.component.html', - styleUrls: ['./room-editor.component.css'], - standalone: false + selector: 'app-room-editor', + templateUrl: './room-editor.component.html', + standalone: false }) export class RoomEditorComponent { /** Route information to be used in the Routing Module */ diff --git a/frontend/src/app/academics/academics-admin/section/admin-section.component.css b/frontend/src/app/academics/academics-admin/section/admin-section.component.css deleted file mode 100644 index 54c673012..000000000 --- a/frontend/src/app/academics/academics-admin/section/admin-section.component.css +++ /dev/null @@ -1,52 +0,0 @@ -.mat-mdc-row .mat-mdc-cell { - border-bottom: 1px solid transparent; - border-top: 1px solid transparent; - cursor: pointer; -} - -.mat-mdc-row:hover .mat-mdc-cell { - border-color: white; -} - -.header { - display: flex; - align-items: center; - padding-top: 16px; - padding-bottom: 16px; -} - -.row { - display: flex; - flex-direction: row; - width: 100%; - justify-content: space-between; - align-items: center; -} - -.modify-buttons { - margin-left: auto; -} - -#edit-button { - margin-right: 8px; -} - -.right-header-container { - display: flex; - flex-direction: row; - margin-left: auto; - gap: 12px; - align-items: center; -} - -.term-selector { - width: 260px; - margin-bottom: -1.25em; - } - - -::ng-deep .mat-mdc-card-outlined { - max-width: 100% !important; - margin-right: 32px !important; -} - \ No newline at end of file diff --git a/frontend/src/app/academics/academics-admin/section/admin-section.component.html b/frontend/src/app/academics/academics-admin/section/admin-section.component.html index 5935d465f..8a522b88a 100644 --- a/frontend/src/app/academics/academics-admin/section/admin-section.component.html +++ b/frontend/src/app/academics/academics-admin/section/admin-section.component.html @@ -1,15 +1,15 @@ - +
-
-
+
Sections -
- +
+ Select Term
-
+
+

{{ element.subject_code }} {{ element.course_number }} - {{ element.section_number }}: {{ element.title }}

-
+
- +
diff --git a/frontend/src/app/academics/academics-admin/section/section-editor/section-editor.component.ts b/frontend/src/app/academics/academics-admin/section/section-editor/section-editor.component.ts index 213786613..5ecb2d74b 100644 --- a/frontend/src/app/academics/academics-admin/section/section-editor/section-editor.component.ts +++ b/frontend/src/app/academics/academics-admin/section/section-editor/section-editor.component.ts @@ -62,10 +62,9 @@ const canActivateEditor: CanActivateFn = ( } }; @Component({ - selector: 'app-section-editor', - templateUrl: './section-editor.component.html', - styleUrls: ['./section-editor.component.css'], - standalone: false + selector: 'app-section-editor', + templateUrl: './section-editor.component.html', + standalone: false }) export class SectionEditorComponent { /** Route information to be used in the Routing Module */ diff --git a/frontend/src/app/academics/academics-admin/term/admin-term.component.css b/frontend/src/app/academics/academics-admin/term/admin-term.component.css deleted file mode 100644 index 1fee6603a..000000000 --- a/frontend/src/app/academics/academics-admin/term/admin-term.component.css +++ /dev/null @@ -1,36 +0,0 @@ -.mat-mdc-row .mat-mdc-cell { - border-bottom: 1px solid transparent; - border-top: 1px solid transparent; - cursor: pointer; -} - -.mat-mdc-row:hover .mat-mdc-cell { - border-color: white; -} - -.header { - display: flex; - align-items: center; - justify-content: space-between; -} - -.row { - display: flex; - flex-direction: row; - width: 100%; - justify-content: space-between; - align-items: center; -} - -.modify-buttons { - margin-left: auto; -} - -#edit-button { - margin-right: 8px; -} -::ng-deep .mat-mdc-card-outlined { - max-width: 100% !important; - margin-right: 32px !important; - } - \ No newline at end of file diff --git a/frontend/src/app/academics/academics-admin/term/admin-term.component.html b/frontend/src/app/academics/academics-admin/term/admin-term.component.html index afba19808..0b30acfb0 100644 --- a/frontend/src/app/academics/academics-admin/term/admin-term.component.html +++ b/frontend/src/app/academics/academics-admin/term/admin-term.component.html @@ -1,5 +1,5 @@ - + @if(terms()) {
@@ -7,17 +7,17 @@ - @@ -111,7 +112,7 @@ Remove -
-
+
Terms
-
+
+

{{ element.name }}

-
+
} - + diff --git a/frontend/src/app/academics/academics-admin/term/admin-term.component.ts b/frontend/src/app/academics/academics-admin/term/admin-term.component.ts index 82a717d3c..0b7dd8b8a 100644 --- a/frontend/src/app/academics/academics-admin/term/admin-term.component.ts +++ b/frontend/src/app/academics/academics-admin/term/admin-term.component.ts @@ -17,10 +17,9 @@ import { AcademicsService } from '../../academics.service'; import { RxTermList } from '../rx-academics-admin'; @Component({ - selector: 'app-admin-term', - templateUrl: './admin-term.component.html', - styleUrls: ['./admin-term.component.css'], - standalone: false + selector: 'app-admin-term', + templateUrl: './admin-term.component.html', + standalone: false }) export class AdminTermComponent { public static Route = { diff --git a/frontend/src/app/academics/academics-admin/term/term-editor/term-editor.component.css b/frontend/src/app/academics/academics-admin/term/term-editor/term-editor.component.css deleted file mode 100644 index ba4b8a99d..000000000 --- a/frontend/src/app/academics/academics-admin/term/term-editor/term-editor.component.css +++ /dev/null @@ -1,25 +0,0 @@ -.mat-mdc-card { - margin: 1em; - max-width: 640px; - } - -mat-card-content { - display: flex; - flex-direction: column; - gap: 16px; - padding-top: 16px; -} - -mat-form-field { - width: 100%; -} - -.mat-mdc-card-actions .mdc-button { - margin-left: 8px; - margin-bottom: 8px; -} - -/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */ -mat-card-content { - margin-top: 8px; -} \ No newline at end of file diff --git a/frontend/src/app/academics/academics-admin/term/term-editor/term-editor.component.html b/frontend/src/app/academics/academics-admin/term/term-editor/term-editor.component.html index 02fc48f0d..85a538c34 100644 --- a/frontend/src/app/academics/academics-admin/term/term-editor/term-editor.component.html +++ b/frontend/src/app/academics/academics-admin/term/term-editor/term-editor.component.html @@ -10,9 +10,10 @@ Update Term - + @@ -25,7 +26,7 @@ required /> - + Term Name - + Term Start Date - + Term End Date - + Term Applications Open Date - + Term Applications Close Date - - - + +
+ + +
diff --git a/frontend/src/app/academics/academics-admin/term/term-editor/term-editor.component.ts b/frontend/src/app/academics/academics-admin/term/term-editor/term-editor.component.ts index f06cde541..dcaccf3c4 100644 --- a/frontend/src/app/academics/academics-admin/term/term-editor/term-editor.component.ts +++ b/frontend/src/app/academics/academics-admin/term/term-editor/term-editor.component.ts @@ -44,10 +44,9 @@ const canActivateEditor: CanActivateFn = ( } }; @Component({ - selector: 'app-term-editor', - templateUrl: './term-editor.component.html', - styleUrls: ['./term-editor.component.css'], - standalone: false + selector: 'app-term-editor', + templateUrl: './term-editor.component.html', + standalone: false }) export class TermEditorComponent { /** Route information to be used in the Routing Module */ diff --git a/frontend/src/app/academics/academics-home/academics-home.component.css b/frontend/src/app/academics/academics-home/academics-home.component.css deleted file mode 100644 index 6c4800192..000000000 --- a/frontend/src/app/academics/academics-home/academics-home.component.css +++ /dev/null @@ -1,6 +0,0 @@ - -.link-button { - margin-left: 8px; - margin-top: 14px; - margin-bottom: 14px; -} diff --git a/frontend/src/app/academics/academics-home/academics-home.component.html b/frontend/src/app/academics/academics-home/academics-home.component.html deleted file mode 100644 index 0b92ef91f..000000000 --- a/frontend/src/app/academics/academics-home/academics-home.component.html +++ /dev/null @@ -1,30 +0,0 @@ - - - Computer Science Courses at UNC - - -

- The UNC Department of Computer Science offers numerous courses for - students to explore various aspects of computer science. -

-

- View all COMP couses in the Course Catalog, or view course - offerings by terms in Section Offerings page! -

- - - - - - diff --git a/frontend/src/app/academics/academics-home/academics-home.component.ts b/frontend/src/app/academics/academics-home/academics-home.component.ts deleted file mode 100644 index 79f4f4cfb..000000000 --- a/frontend/src/app/academics/academics-home/academics-home.component.ts +++ /dev/null @@ -1,44 +0,0 @@ -/** - * The Academics homepage serves as the hub for all academic features - * for students in the CSXL community. - * - * @author Ajay Gandecha - * @copyright 2023 - * @license MIT - */ - -import { Component, OnInit } from '@angular/core'; -import { MatDialog } from '@angular/material/dialog'; -import { NagivationAdminGearService } from 'src/app/navigation/navigation-admin-gear.service'; -import { Router } from '@angular/router'; - -@Component({ - selector: 'app-academics-home', - templateUrl: './academics-home.component.html', - styleUrls: ['./academics-home.component.css'], - standalone: false -}) -export class AcademicsHomeComponent implements OnInit { - /** Route information to be used in Course Routing Module */ - public static Route = { - path: '', - title: 'Academics', - component: AcademicsHomeComponent, - canActivate: [] - }; - - constructor( - private gearService: NagivationAdminGearService, - protected dialog: MatDialog, - private router: Router - ) {} - - ngOnInit() { - this.gearService.showAdminGearByPermissionCheck( - 'academics.*', - '*', - '', - 'academics/admin/section' - ); - } -} diff --git a/frontend/src/app/academics/academics-routing.module.ts b/frontend/src/app/academics/academics-routing.module.ts index 26202b9b9..d939d6286 100644 --- a/frontend/src/app/academics/academics-routing.module.ts +++ b/frontend/src/app/academics/academics-routing.module.ts @@ -1,6 +1,5 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { AcademicsHomeComponent } from './academics-home/academics-home.component'; import { AcademicsAdminComponent } from './academics-admin/academics-admin.component'; import { AdminTermComponent } from './academics-admin/term/admin-term.component'; import { AdminCourseComponent } from './academics-admin/course/admin-course.component'; @@ -22,7 +21,6 @@ const routes: Routes = [ AdminRoomComponent.Route ] }, - AcademicsHomeComponent.Route, CourseEditorComponent.Route, TermEditorComponent.Route, SectionEditorComponent.Route, diff --git a/frontend/src/app/academics/academics.module.ts b/frontend/src/app/academics/academics.module.ts index 8c95cbda4..305d83754 100644 --- a/frontend/src/app/academics/academics.module.ts +++ b/frontend/src/app/academics/academics.module.ts @@ -12,7 +12,6 @@ import { MatIconModule } from '@angular/material/icon'; import { MatFormFieldModule } from '@angular/material/form-field'; import { MatSelectModule } from '@angular/material/select'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { AcademicsHomeComponent } from './academics-home/academics-home.component'; import { AcademicsAdminComponent } from './academics-admin/academics-admin.component'; import { MatTabsModule } from '@angular/material/tabs'; import { AdminSectionComponent } from './academics-admin/section/admin-section.component'; @@ -30,7 +29,6 @@ import { MatSlideToggleModule } from '@angular/material/slide-toggle'; @NgModule({ declarations: [ - AcademicsHomeComponent, AcademicsAdminComponent, AdminSectionComponent, AdminCourseComponent, From e076cf39d504e05035c72a4adc0003e77bed206c Mon Sep 17 00:00:00 2001 From: Ajay Gandecha Date: Sat, 1 Nov 2025 14:38:25 -0400 Subject: [PATCH 10/16] refactor: restyle admin features with tailwind --- .../accounts/admin-accounts.component.css | 4 -- .../accounts/admin-accounts.component.ts | 7 +-- .../details/admin-role-details.component.css | 17 ------ .../details/admin-role-details.component.html | 27 ++++----- .../details/admin-role-details.component.ts | 7 +-- .../roles/list/admin-roles-list.component.css | 27 --------- .../list/admin-roles-list.component.html | 10 ++-- .../roles/list/admin-roles-list.component.ts | 7 +-- .../accounts/users/admin-users.component.css | 5 -- .../accounts/users/admin-users.component.html | 4 +- .../accounts/users/admin-users.component.ts | 7 +-- frontend/src/app/admin/admin.component.css | 55 ------------------- frontend/src/app/admin/admin.component.html | 48 ++++++++-------- frontend/src/app/admin/admin.component.ts | 7 +-- 14 files changed, 60 insertions(+), 172 deletions(-) delete mode 100644 frontend/src/app/admin/accounts/admin-accounts.component.css delete mode 100644 frontend/src/app/admin/accounts/roles/details/admin-role-details.component.css delete mode 100644 frontend/src/app/admin/accounts/roles/list/admin-roles-list.component.css delete mode 100644 frontend/src/app/admin/accounts/users/admin-users.component.css delete mode 100644 frontend/src/app/admin/admin.component.css diff --git a/frontend/src/app/admin/accounts/admin-accounts.component.css b/frontend/src/app/admin/accounts/admin-accounts.component.css deleted file mode 100644 index 99b098a8f..000000000 --- a/frontend/src/app/admin/accounts/admin-accounts.component.css +++ /dev/null @@ -1,4 +0,0 @@ -.mat-mdc-tab-nav-panel { - padding: 16px; - display: block; -} \ No newline at end of file diff --git a/frontend/src/app/admin/accounts/admin-accounts.component.ts b/frontend/src/app/admin/accounts/admin-accounts.component.ts index ff030394f..97c6ab47b 100644 --- a/frontend/src/app/admin/accounts/admin-accounts.component.ts +++ b/frontend/src/app/admin/accounts/admin-accounts.component.ts @@ -3,10 +3,9 @@ import { Observable } from 'rxjs'; import { Profile, ProfileService } from '../../profile/profile.service'; @Component({ - selector: 'app-admin-users-roles', - templateUrl: './admin-accounts.component.html', - styleUrls: ['./admin-accounts.component.css'], - standalone: false + selector: 'app-admin-users-roles', + templateUrl: './admin-accounts.component.html', + standalone: false }) export class AdminUsersRolesComponent { public profile$: Observable; diff --git a/frontend/src/app/admin/accounts/roles/details/admin-role-details.component.css b/frontend/src/app/admin/accounts/roles/details/admin-role-details.component.css deleted file mode 100644 index 9ecbffee9..000000000 --- a/frontend/src/app/admin/accounts/roles/details/admin-role-details.component.css +++ /dev/null @@ -1,17 +0,0 @@ -::ng-deep .mat-mdc-card-outlined { - max-width: 100% !important; - margin-right: 32px !important; -} - -h3 { - margin-top: 24px; -} - -.selected-user { - padding: 16px; -} - -.mat-mdc-footer-row td { - align-items: center; - padding-top: 16px; -} \ No newline at end of file diff --git a/frontend/src/app/admin/accounts/roles/details/admin-role-details.component.html b/frontend/src/app/admin/accounts/roles/details/admin-role-details.component.html index 716279e7b..1bedcb1a9 100644 --- a/frontend/src/app/admin/accounts/roles/details/admin-role-details.component.html +++ b/frontend/src/app/admin/accounts/roles/details/admin-role-details.component.html @@ -1,4 +1,4 @@ - + Role: {{ role.name }} @@ -70,15 +70,16 @@ {{ user.first_name }} {{ user.last_name }}
-
- -
- + @if(selectedUser) { +
+ +
+ } @else { User - + } 		+
- + } @else { - - + + Active Reservations

It's lonely in here.

 - + } } diff --git a/frontend/src/app/coworking/ambassador-home/ambassador-room/ambassador-room.component.ts b/frontend/src/app/coworking/ambassador-home/ambassador-room/ambassador-room.component.ts index 001517b6b..a16837951 100644 --- a/frontend/src/app/coworking/ambassador-home/ambassador-room/ambassador-room.component.ts +++ b/frontend/src/app/coworking/ambassador-home/ambassador-room/ambassador-room.component.ts @@ -11,10 +11,9 @@ import { permissionGuard } from 'src/app/permission.guard'; import { AmbassadorRoomService } from './ambassador-room.service'; @Component({ - selector: 'app-ambassador-room', - templateUrl: './ambassador-room.component.html', - styleUrls: ['./ambassador-room.component.css'], - standalone: false + selector: 'app-ambassador-room', + templateUrl: './ambassador-room.component.html', + standalone: false }) export class AmbassadorRoomComponent implements OnInit, OnDestroy { public static Route: Route = { diff --git a/frontend/src/app/coworking/ambassador-home/ambassador-xl/ambassador-xl.component.css b/frontend/src/app/coworking/ambassador-home/ambassador-xl/ambassador-xl.component.css deleted file mode 100644 index 5777b67e0..000000000 --- a/frontend/src/app/coworking/ambassador-home/ambassador-xl/ambassador-xl.component.css +++ /dev/null @@ -1,18 +0,0 @@ - -::ng-deep .mat-mdc-card-outlined { - max-width: 100% !important; - margin-right: 32px !important; -} - - - .mat-mdc-card-header { - margin-bottom: 16px; - } - - .walkinReservation.mat-mdc-card-content:last-child { - padding-bottom: 0; - } - - button { - margin-right: 1vw; - } \ No newline at end of file diff --git a/frontend/src/app/coworking/ambassador-home/ambassador-xl/ambassador-xl.component.html b/frontend/src/app/coworking/ambassador-home/ambassador-xl/ambassador-xl.component.html index 6587a0d24..30faae835 100644 --- a/frontend/src/app/coworking/ambassador-home/ambassador-xl/ambassador-xl.component.html +++ b/frontend/src/app/coworking/ambassador-home/ambassador-xl/ambassador-xl.component.html @@ -1,9 +1,9 @@
- - + + Reserve a Drop-in at the Welcome Desk - +

Create a walk-in reservation for an XL community member at the welcome desk. @@ -15,6 +15,7 @@

} } - +
@if (upcomingReservations()) { @if(upcomingReservations().length > 0) { - - + + Upcoming Reservations @@ -75,7 +76,7 @@ @@ -88,16 +89,16 @@
- + } @else { - - + + Upcoming Reservations

No upcoming reservations.

 - + } } @if (activeReservations()) { @if(activeReservations().length > 0) { - + Active Reservations @@ -151,12 +152,12 @@
- + } @else { - - + + Active Reservations

It's lonely in here.

 - + } } diff --git a/frontend/src/app/coworking/ambassador-home/ambassador-xl/ambassador-xl.component.ts b/frontend/src/app/coworking/ambassador-home/ambassador-xl/ambassador-xl.component.ts index d7c3cf9c2..9c6842d5c 100644 --- a/frontend/src/app/coworking/ambassador-home/ambassador-xl/ambassador-xl.component.ts +++ b/frontend/src/app/coworking/ambassador-home/ambassador-xl/ambassador-xl.component.ts @@ -16,10 +16,9 @@ import { CoworkingService } from '../../coworking.service'; const FIVE_SECONDS = 5 * 1000; @Component({ - selector: 'app-ambassador-xl', - templateUrl: './ambassador-xl.component.html', - styleUrls: ['./ambassador-xl.component.css'], - standalone: false + selector: 'app-ambassador-xl', + templateUrl: './ambassador-xl.component.html', + standalone: false }) export class AmbassadorXLComponent implements OnDestroy, OnInit { /** Route information to be used in App Routing Module */ diff --git a/frontend/src/app/coworking/coworking-home/coworking-home.component.css b/frontend/src/app/coworking/coworking-home/coworking-home.component.css deleted file mode 100644 index 536dbeb06..000000000 --- a/frontend/src/app/coworking/coworking-home/coworking-home.component.css +++ /dev/null @@ -1,31 +0,0 @@ -/** -* coworking.component.css -* -* The coworking page is the hub for students to reserve materials from -* the CSXL coworking space. -* -*/ - -.reserve-room-content { - display: flex; - flex-direction: row; - align-items: center; - margin-top: 16px; - margin-bottom: 16px; -} - -.reserve-room-text { - display: flex; - flex-direction: column; - justify-content: center; - margin-left: 16px; - - p { - margin-bottom: 0px; - } -} - -#new-room-reservation-button { - margin-left: auto; - margin-right: 16px; -} \ No newline at end of file diff --git a/frontend/src/app/coworking/coworking-home/coworking-home.component.html b/frontend/src/app/coworking/coworking-home/coworking-home.component.html index 2b468a78e..9c608d0d9 100644 --- a/frontend/src/app/coworking/coworking-home/coworking-home.component.html +++ b/frontend/src/app/coworking/coworking-home/coworking-home.component.html @@ -24,13 +24,13 @@ } -
-
+
+
Reserve a Room

Reserve a room in the XL hallway!

}
-
+
@if (viewState === ViewState.Scheduled) { - + Happening Now -
+
@if (currentOfficeHourEvents().length === 0) {

Office hours are currently closed.

} @for (event of currentOfficeHourEvents(); track event.id) { @@ -40,12 +40,12 @@ [editRoute]="event.id + '/edit'" /> }
- + Future Schedule @if((futureOfficeHourEventsPage()?.items ?? []).length > 0) { - - + +
-
Type - {{ element.type }} + {{ element.type }}
{{ element.location }} 		-
+
+
@@ -93,18 +93,18 @@ } @else { -
+

No future office hours yet!

To schedule office hours, press "Create Event" at the top right of the page.

} } @if (viewState === ViewState.History) { - + History @if((pastOfficeHourEventsPage()?.items ?? []).length > 0) { - - + +
@@ -139,15 +139,15 @@ } @else { -
+

No past office hours

Scheduled office hours will appear here once completed.

} } @if (viewState === ViewState.Data) { - + More data coming soon! } - + diff --git a/frontend/src/app/my-courses/course/office-hours/office-hours-page/office-hours-page.component.ts b/frontend/src/app/my-courses/course/office-hours/office-hours-page/office-hours-page.component.ts index e06d3e1f0..68de6655b 100644 --- a/frontend/src/app/my-courses/course/office-hours/office-hours-page/office-hours-page.component.ts +++ b/frontend/src/app/my-courses/course/office-hours/office-hours-page/office-hours-page.component.ts @@ -27,10 +27,9 @@ import { } from 'src/app/pagination'; @Component({ - selector: 'app-course-office-hours-page', - templateUrl: './office-hours-page.component.html', - styleUrl: './office-hours-page.component.css', - standalone: false + selector: 'app-course-office-hours-page', + templateUrl: './office-hours-page.component.html', + standalone: false }) export class OfficeHoursPageComponent { /** Route information to be used in the routing module */ diff --git a/frontend/src/app/my-courses/course/office-hours/office-hours-queue/office-hours-queue.component.css b/frontend/src/app/my-courses/course/office-hours/office-hours-queue/office-hours-queue.component.css deleted file mode 100644 index f10f5500c..000000000 --- a/frontend/src/app/my-courses/course/office-hours/office-hours-queue/office-hours-queue.component.css +++ /dev/null @@ -1,138 +0,0 @@ -.pane-header { - display: flex; - flex-direction: column; - gap: 4px; -} - -#pane-divider { - margin-top: 8px; -} - -.pane-content { - padding-top: 8px; - overflow-y: scroll; -} -.mat-mdc-chip-set { - height: 24px; - margin-top: 0px; -} -.mat-mdc-chip { - height: 24px; - margin-top: 0px; -} - -.container { - display: flex; - flex-direction: row; - width: 100%; -} - -.left-column { - display: flex; - flex-direction: column; - width: 95%; - height: 85vh; -} - -.right-column { - display: flex; - flex-direction: column; - width: 30%; - height: 85vh; - padding-right: 16px; -} - -.queue-pane { - flex: 1 1 auto; /* Only take up needed space */ - - /* This CSS is absolute wizardry, which allows the pane to not - overflow on the bottom while also enabling scrolling... */ - min-height: 0; - max-height: 100%; - max-width: 100%; - border-color: transparent !important; -} - -.ta-facts-pane { - max-width: 100%; - border-color: transparent !important; -} - -.facts-pane { - flex: 1 1 auto; /* Only take up needed space */ - - /* This CSS is absolute wizardry, which allows the pane to not - overflow on the bottom while also enabling scrolling... */ - min-height: 0; - max-height: 100%; - max-width: 100%; - border-color: transparent !important; -} - -.facts-pane-content { - overflow-y: auto; - height: 100%; -} - -.mdc-list-item--with-leading-icon .mdc-list-item__start { - font-size: 24px; - background: #4786c6; - width: 36px; - height: 36px; - text-align: center; - margin-top: auto; - margin-bottom: auto; - margin-left: 8px; - margin-right: 8px; - padding-bottom: 0; - line-height: 36px; - border-radius: 100%; - color: white; -} - -.pane-subtitle { - margin-top: 16px; - margin-bottom: 12px; -} - -strong { - font-weight: 500 !important; -} - -.history-card { - margin: 0 !important; - margin-bottom: 12px !important; -} - -@media only screen and (max-width: 1000px) { - .container { - flex-direction: column; - } - - .left-column { - display: flex; - flex-direction: column; - width: 100%; - height: auto; - } - - .right-column { - display: flex; - flex-direction: column; - width: 100%; - height: auto; - } - - .queue-pane { - flex: auto; - - ::ng-deep .mat-mdc-card-outlined { - height: auto !important; - } - - .mat-mdc-card-content { - height: auto !important; - overflow-y: auto !important; - } - } -} diff --git a/frontend/src/app/my-courses/course/office-hours/office-hours-queue/office-hours-queue.component.html b/frontend/src/app/my-courses/course/office-hours/office-hours-queue/office-hours-queue.component.html index 7f7a9c74d..1efd99da2 100644 --- a/frontend/src/app/my-courses/course/office-hours/office-hours-queue/office-hours-queue.component.html +++ b/frontend/src/app/my-courses/course/office-hours/office-hours-queue/office-hours-queue.component.html @@ -1,19 +1,19 @@ @if (queue()) { -
-
- - +
+
+ + {{ queue()!.type }} Event

{{ queue()!.start_time | date: 'shortTime' }} - {{ queue()!.end_time | date: 'shortTime' }}

- - {{ queue()!.queue.length }} waiting + + {{ queue()!.queue.length }} waiting - + - + Called Tickets @if (!queue()!.active && queue()!.other_called.length === 0) {

Nobody is being helped right now.

diff --git a/frontend/src/app/my-courses/course/office-hours/office-hours-queue/office-hours-queue.component.ts b/frontend/src/app/my-courses/course/office-hours/office-hours-queue/office-hours-queue.component.ts index 35d68576c..6b73a8c13 100644 --- a/frontend/src/app/my-courses/course/office-hours/office-hours-queue/office-hours-queue.component.ts +++ b/frontend/src/app/my-courses/course/office-hours/office-hours-queue/office-hours-queue.component.ts @@ -34,10 +34,9 @@ const NOTIFICATION_TITLE: string = 'Queued Ticket!'; const CHIME = new Audio('assets/office-hours-notif.wav'); @Component({ - selector: 'app-office-hours-queue', - templateUrl: './office-hours-queue.component.html', - styleUrl: './office-hours-queue.component.css', - standalone: false + selector: 'app-office-hours-queue', + templateUrl: './office-hours-queue.component.html', + standalone: false }) export class OfficeHoursQueueComponent implements OnInit, OnDestroy { /** Route information to be used in the routing module */ diff --git a/frontend/src/app/my-courses/course/office-hours/widgets/called-ticket-card/called-ticket-card.widget.css b/frontend/src/app/my-courses/course/office-hours/widgets/called-ticket-card/called-ticket-card.widget.css deleted file mode 100644 index adfc660be..000000000 --- a/frontend/src/app/my-courses/course/office-hours/widgets/called-ticket-card/called-ticket-card.widget.css +++ /dev/null @@ -1,61 +0,0 @@ - -.mat-mdc-card-outlined { - margin: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -.mat-mdc-card-header { - display: flex; - flex-direction: row; - align-items: center; - padding-bottom: 16px; -} - -.column-view { - display: flex; - flex-direction: column; - gap: 2px; -} - -.view-button { - margin-left: auto; -} - -p { - margin: 0; -} - -.semibold-text { - font-weight: 500; -} - -.mat-mdc-card-actions { - padding-top: 12px; - justify-content: end; -} - -::ng-deep strong, b { - font-weight: 500 !important; -} - -.spacing-divider { - margin-top: 12px; - margin-bottom: 12px; -} - -.spacing-divider-bottom { - margin-top: 4px; - margin-bottom: 12px; -} - -.row { - display: flex; - flex-direction: row; - align-items: center; - gap: 8px; - - p { - margin-bottom: 8px; - } -} diff --git a/frontend/src/app/my-courses/course/office-hours/widgets/called-ticket-card/called-ticket-card.widget.html b/frontend/src/app/my-courses/course/office-hours/widgets/called-ticket-card/called-ticket-card.widget.html index f5f1091fa..91c65bce3 100644 --- a/frontend/src/app/my-courses/course/office-hours/widgets/called-ticket-card/called-ticket-card.widget.html +++ b/frontend/src/app/my-courses/course/office-hours/widgets/called-ticket-card/called-ticket-card.widget.html @@ -1,6 +1,6 @@ - - -
+ + +
{{ ticket.type }} @if (calledByUser) {

@@ -15,7 +15,7 @@ }

} @else {
- - Profile Bio + + Profile Bio @if (profile.bio) {

{{ profile.bio! }}

} @else {

User does not have a bio.

} - + @@ -97,24 +94,24 @@ - Profile Actions + Profile Actions - -
- handshake + +
+ handshake
Community Agreement
-
- key +
+ key
Bearer Token
-
@@ -123,7 +120,7 @@ - +
Type - {{ element.type }} + {{ element.type }}
{{ element.location }}