From 62fc5b3c7db526856832a778fe877305a51e34d0 Mon Sep 17 00:00:00 2001
From: Daniel Dietzler <36593685+danieldietzler@users.noreply.github.com>
Date: Sat, 3 May 2025 00:41:42 +0200
Subject: [PATCH 01/66] refactor: introduce modal manager (#18039)
---
web/package-lock.json | 8 +-
web/package.json | 2 +-
web/src/app.css | 3 +-
.../components/forms/create-user-form.svelte | 126 ++++++++-------
.../components/forms/edit-user-form.svelte | 148 +++++++++---------
.../shared-components/change-location.svelte | 2 +-
.../dialog/confirm-dialog.svelte | 35 +++--
.../lib/forms/password-reset-success.svelte | 43 +++++
web/src/lib/managers/modal-manager.svelte.ts | 33 ++++
.../routes/admin/user-management/+page.svelte | 99 +++---------
web/tailwind.config.js | 2 +-
11 files changed, 265 insertions(+), 236 deletions(-)
create mode 100644 web/src/lib/forms/password-reset-success.svelte
create mode 100644 web/src/lib/managers/modal-manager.svelte.ts
diff --git a/web/package-lock.json b/web/package-lock.json
index c76dd64840..75c55aa779 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -11,7 +11,7 @@
"dependencies": {
"@formatjs/icu-messageformat-parser": "^2.9.8",
"@immich/sdk": "file:../open-api/typescript-sdk",
- "@immich/ui": "^0.18.1",
+ "@immich/ui": "^0.19.0",
"@mapbox/mapbox-gl-rtl-text": "0.2.3",
"@mdi/js": "^7.4.47",
"@photo-sphere-viewer/core": "^5.11.5",
@@ -1320,9 +1320,9 @@
"link": true
},
"node_modules/@immich/ui": {
- "version": "0.18.1",
- "resolved": "https://registry.npmjs.org/@immich/ui/-/ui-0.18.1.tgz",
- "integrity": "sha512-XWWO6OTfH3MektyxCn0hWefZyOGyWwwx/2zHinuShpxTHSyfveJ4mOkFP8DkyMz0dnvJ1EfdkPBMkld3y5R/Hw==",
+ "version": "0.19.0",
+ "resolved": "https://registry.npmjs.org/@immich/ui/-/ui-0.19.0.tgz",
+ "integrity": "sha512-XVjSUoQVIoe83pxM4q8kmlejb2xep/TZEfoGbasI7takEGKNiWEyXr5eZaXZCSVgq78fcNRr4jyWz290ZAXh7A==",
"license": "GNU Affero General Public License version 3",
"dependencies": {
"@mdi/js": "^7.4.47",
diff --git a/web/package.json b/web/package.json
index 9aa9bee6bc..7c5a0147bb 100644
--- a/web/package.json
+++ b/web/package.json
@@ -27,7 +27,7 @@
"dependencies": {
"@formatjs/icu-messageformat-parser": "^2.9.8",
"@immich/sdk": "file:../open-api/typescript-sdk",
- "@immich/ui": "^0.18.1",
+ "@immich/ui": "^0.19.0",
"@mapbox/mapbox-gl-rtl-text": "0.2.3",
"@mdi/js": "^7.4.47",
"@photo-sphere-viewer/core": "^5.11.5",
diff --git a/web/src/app.css b/web/src/app.css
index 2c8d150b4f..61759eb1b0 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -8,7 +8,6 @@
--immich-primary: 66 80 175;
--immich-bg: 255 255 255;
--immich-fg: 0 0 0;
- --immich-gray: 246 246 244;
--immich-error: 229 115 115;
--immich-success: 129 199 132;
--immich-warning: 255 183 77;
@@ -33,6 +32,7 @@
--immich-ui-warning: 255 170 0;
--immich-ui-info: 14 165 233;
--immich-ui-default-border: 209 213 219;
+ --immich-ui-gray: 246 246 246;
}
.dark {
@@ -45,6 +45,7 @@
--immich-ui-warning: 255 170 0;
--immich-ui-info: 14 165 233;
--immich-ui-default-border: 55 65 81;
+ --immich-ui-gray: 33 33 33;
}
}
diff --git a/web/src/lib/components/forms/create-user-form.svelte b/web/src/lib/components/forms/create-user-form.svelte
index 83b3154d4b..34e498ce1c 100644
--- a/web/src/lib/components/forms/create-user-form.svelte
+++ b/web/src/lib/components/forms/create-user-form.svelte
@@ -1,21 +1,29 @@
-
+
+
+
+
+
+
+ {passwordMismatchMessage}
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if quotaSizeWarning}
+ {$t('errors.quota_higher_than_disk_size')}
+ {/if}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/lib/components/forms/edit-user-form.svelte b/web/src/lib/components/forms/edit-user-form.svelte
index ab914e6430..d2f56a974a 100644
--- a/web/src/lib/components/forms/edit-user-form.svelte
+++ b/web/src/lib/components/forms/edit-user-form.svelte
@@ -1,34 +1,26 @@
-
-