Change toggle all, fix multiple group inheritance, fix select dark mode display

diff --git a/src-ui/src/app/components/common/edit-dialog/user-edit-dialog/user-edit-dialog.component.ts b/src-ui/src/app/components/common/edit-dialog/user-edit-dialog/user-edit-dialog.component.ts
index 52a4ef55c6bb9f4fff79cefb71d637ee2efd6bda..c3add99cd6bb51db217769cc4d8c6ecab9f47be4 100644 (file)
--- a/src-ui/src/app/components/common/edit-dialog/user-edit-dialog/user-edit-dialog.component.ts
+++ b/src-ui/src/app/components/common/edit-dialog/user-edit-dialog/user-edit-dialog.component.ts
@@ -66,9 +66,12 @@ export class UserEditDialogComponent
   }
 
   get inheritedPermissions(): string[] {
-    const groupsVal = this.objectForm.get('groups').value
-    return groupsVal !== null
-      ? this.groups.find((g) => g.id == groupsVal)?.permissions
-      : []
+    const groupsVal: Array<number> = this.objectForm.get('groups').value
+
+    if (!groupsVal) return []
+    else
+      return groupsVal.flatMap(
+        (id) => this.groups.find((g) => g.id == id)?.permissions
+      )
   }
 }

diff --git a/src-ui/src/app/components/common/permissions-select/permissions-select.component.ts b/src-ui/src/app/components/common/permissions-select/permissions-select.component.ts
index d69e7fb319277c6e5bc5cbc140d50c414cb65b59..56ba619bb6772ca45edefc71daaa6a9bc60daaee 100644 (file)
--- a/src-ui/src/app/components/common/permissions-select/permissions-select.component.ts
+++ b/src-ui/src/app/components/common/permissions-select/permissions-select.component.ts
@@ -145,6 +145,9 @@ export class PermissionsSelectComponent
       })
       this.typesWithAllActions.add(type)
     } else {
+      Object.keys(PermissionAction).forEach((action) => {
+        typeGroup.get(action).patchValue(false)
+      })
       this.typesWithAllActions.delete(type)
     }
   }

diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index 77260a88268bf10d919a996ce3e10801e2a94a26..3c166434d16e0c1eac1fe057bbdcc3f798e4366d 100644 (file)
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -157,6 +157,19 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
     background-color: var(--bs-light);
   }
 
+  .ng-select-multiple .ng-select-container .ng-value-container .ng-value {
+    background-color: var(--pngx-bg-alt);
+    color: var(--bs-body-color);
+
+    .ng-value-icon.left {
+      border-color: var(--pngx-bg-alt);
+
+      &:hover {
+        background-color: var(--pngx-primary-lighten-30);
+      }
+    }
+  }
+
   table {
     .des,
     .asc {