Fixed api key edit

api/src/api_graphql/mutations/api_key_mutation.py

@@ -63,7 +63,7 @@ class APIKeyMutation(MutationABC):
 
         if obj.permissions is not None:
             permissions = [
-                x for x in await apiKeyPermissionDao.get_by_role_id(api_key.id)
+                x for x in await apiKeyPermissionDao.find_by_api_key_id(api_key.id)
             ]
 
             to_delete = (

api/src/data/schemas/administration/api_key.py

@@ -40,7 +40,7 @@ class ApiKey(DbModelABC):
 
         return [
             await x.permission
-            for x in await apiKeyPermissionDao.get_by_api_key_id(self.id)
+            for x in await apiKeyPermissionDao.find_by_api_key_id(self.id)
         ]
 
     async def has_permission(self, permission: Permissions) -> bool:

api/src/data/schemas/permission/api_key_permission_dao.py

@@ -15,23 +15,23 @@ class ApiKeyPermissionDao(DbModelDaoABC[ApiKeyPermission]):
         self.attribute(ApiKeyPermission.api_key_id, int)
         self.attribute(ApiKeyPermission.permission_id, int)
 
-    async def get_by_api_key_id(
+    async def find_by_api_key_id(
         self, api_key_id: int, with_deleted=False
     ) -> list[ApiKeyPermission]:
         f = [{ApiKeyPermission.api_key_id: api_key_id}]
         if not with_deleted:
             f.append({ApiKeyPermission.deleted: False})
 
-        return await self.get_by(f)
+        return await self.find_by(f)
 
-    async def get_by_permission_id(
+    async def find_by_permission_id(
         self, permission_id: int, with_deleted=False
     ) -> list[ApiKeyPermission]:
         f = [{ApiKeyPermission.permission_id: permission_id}]
         if not with_deleted:
             f.append({ApiKeyPermission.deleted: False})
 
-        return await self.get_by(f)
+        return await self.find_by(f)
 
 
 apiKeyPermissionDao = ApiKeyPermissionDao()

api/src/data/seeder/permission_seeder.py

@@ -71,7 +71,7 @@ class PermissionSeeder(DataSeederABC):
         if admin_api_key is None:
             return
 
-        admin_permissions = await apiKeyPermissionDao.get_by_api_key_id(
+        admin_permissions = await apiKeyPermissionDao.find_by_api_key_id(
             admin_api_key.id, with_deleted=True
         )
         to_assign = [

web/src/app/model/entities/api-key.ts

@@ -1,5 +1,5 @@
-import { DbModel } from "src/app/model/entities/db-model";
-import { Permission } from "src/app/model/entities/role";
+import { DbModel } from 'src/app/model/entities/db-model';
+import { Permission } from 'src/app/model/entities/role';
 
 export interface ApiKey extends DbModel {
   identifier?: string;

web/src/app/modules/admin/administration/api-keys/api-keys.data.service.ts

@@ -91,14 +91,16 @@ export class ApiKeysDataService
       .query<{ apiKeys: QueryResult<ApiKey> }>({
         query: gql`
           query getApiKey($id: Int) {
-            apiKey(filter: { id: { equal: $id } }) {
-              id
-              identifier
-              permissions {
-                name
-              }
+            apiKeys(filter: { id: { equal: $id } }) {
+              nodes {
+                id
+                identifier
+                permissions {
+                  name
+                }
 
-              ...DB_MODEL
+                ...DB_MODEL
+              }
             }
           }
 

web/src/app/modules/admin/administration/api-keys/form-page/api-key-form-page.component.html

@@ -1,63 +1,65 @@
 <app-form-page
-  *ngIf="node"
-  [formGroup]="form"
-  [isUpdate]="isUpdate"
-  (onSave)="save()"
-  (onClose)="close()">
-  <ng-template formPageHeader let-isUpdate>
-    <h2>
-      {{ 'common.api_key' | translate }}
-      {{
-        (isUpdate ? 'sidebar.header.update' : 'sidebar.header.create')
-          | translate
-      }}
-    </h2>
-  </ng-template>
+        *ngIf="node"
+        [formGroup]="form"
+        [isUpdate]="isUpdate"
+        (onSave)="save()"
+        (onClose)="close()">
+    <ng-template formPageHeader let-isUpdate>
+        <h2>
+            {{ 'common.role' | translate }}
+            {{
+                (isUpdate ? 'sidebar.header.update' : 'sidebar.header.create')
+                    | translate
+            }}
+        </h2>
+    </ng-template>
 
-  <ng-template formPageContent>
-    <div class="form-page-input">
-      <p class="label">{{ 'common.id' | translate }}</p>
-      <input pInputText class="value" type="number" formControlName="id" />
-    </div>
-    <div class="form-page-input">
-      <p class="label">{{ 'common.identifier' | translate }}</p>
-      <input
-        pInputText
-        class="value"
-        type="text"
-        formControlName="identifier" />
-    </div>
-    <div class="divider"></div>
-
-    <div class="flex flex-col gap-5">
-      <div *ngFor="let group of Object.keys(permissionGroups)">
-        <div class="flex flex-col">
-          <div class="flex justify-between">
-            <label class="flex-1" for="apiKeys.permission_groups.{{ group }}">
-              <h3>
-                {{ 'permissions.' + group | translate }}
-              </h3>
-            </label>
-            <form #form="ngForm">
-              <p-inputSwitch
-                name="apiKeys.permission_groups.{{ group }}"
-                (onChange)="toggleGroup($event, group)"
-                [ngModel]="isGroupChecked(group)"></p-inputSwitch>
-            </form>
-          </div>
-
-          <div
-            *ngFor="let permission of permissionGroups[group]"
-            class="flex items-center justify-between w-full">
-            <label class="flex-1" for="{{ permission.name }}">
-              {{ 'permissions.' + permission.name | translate }}
-            </label>
-            <p-inputSwitch [formControlName]="permission.name">
-              >
-            </p-inputSwitch>
-          </div>
+    <ng-template formPageContent>
+        <div class="form-page-input">
+            <p class="label">{{ 'common.id' | translate }}</p>
+            <input pInputText class="value" type="number" formControlName="id"/>
         </div>
-      </div>
-    </div>
-  </ng-template>
+        <div class="form-page-input">
+            <p class="label">{{ 'common.identifier' | translate }}</p>
+            <input pInputText class="value" type="text" formControlName="identifier"/>
+        </div>
+        <div class="divider"></div>
+
+        <div class="flex flex-col gap-5">
+            <div *ngFor="let group of Object.keys(permissionGroups)">
+                <div class="flex flex-col gap-2">
+                    <div class="flex justify-between">
+                        <label class="flex-1" for="roles.permission_groups.{{ group }}">
+                            <h3>
+                                {{ 'permissions.' + group | translate }}
+                            </h3>
+                        </label>
+                        <form #form="ngForm">
+                            <p-inputSwitch
+                                    name="roles.permission_groups.{{ group }}"
+                                    (onChange)="toggleGroup($event, group)"
+                                    [ngModel]="isGroupChecked(group)"></p-inputSwitch>
+                        </form>
+                    </div>
+
+                    <div
+                            *ngFor="let permission of permissionGroups[group]"
+                            class="flex flex-col">
+                        <div class="flex items-center justify-between w-full">
+                            <label class="flex-1" for="{{ permission.name }}">
+                                {{ 'permissions.' + permission.name | translate }}
+                            </label>
+                            <p-inputSwitch class="flex items-center justify-center" [formControlName]="permission.name">
+                            </p-inputSwitch>
+                        </div>
+                        <div *ngIf="permission.description">
+                            <p class="text-sm text-gray-500">
+                                {{ permission.description }}
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </ng-template>
 </app-form-page>

web/src/app/modules/admin/administration/api-keys/form-page/api-key-form-page.component.ts

@@ -11,6 +11,7 @@ import {
   ApiKeyUpdateInput,
 } from 'src/app/model/entities/api-key';
 import { ApiKeysDataService } from 'src/app/modules/admin/administration/api-keys/api-keys.data.service';
+import { TranslateService } from '@ngx-translate/core';
 
 @Component({
   selector: 'app-api-key-form-page',
@@ -26,7 +27,10 @@ export class ApiKeyFormPageComponent extends FormPageBase<
   permissionGroups: { [key: string]: Permission[] } = {};
   allPermissions: Permission[] = [];
 
-  constructor(private toast: ToastService) {
+  constructor(
+    private toast: ToastService,
+    private translate: TranslateService
+  ) {
     super();
     this.initializePermissions().then(() => {
       if (!this.nodeId) {
@@ -36,12 +40,10 @@ export class ApiKeyFormPageComponent extends FormPageBase<
         return;
       }
 
-      this.dataService
-        .load([{ id: { equal: this.nodeId } }])
-        .subscribe(apiKey => {
-          this.node = apiKey.nodes[0];
-          this.setForm(this.node);
-        });
+      this.dataService.loadById(this.nodeId).subscribe(apiKey => {
+        this.node = apiKey;
+        this.setForm(this.node);
+      });
     });
   }
 
@@ -49,7 +51,12 @@ export class ApiKeyFormPageComponent extends FormPageBase<
     const permissions = await firstValueFrom(
       this.dataService.getAllPermissions()
     );
-    this.allPermissions = permissions;
+    this.allPermissions = permissions.map(x => {
+      const key = `permission_descriptions.${x.name}`;
+      const description = this.translate.instant(key);
+      x.description = description === key ? undefined : description;
+      return x;
+    });
     this.permissionGroups = permissions.reduce(
       (acc, p) => {
         const group = p.name.includes('.') ? p.name.split('.')[0] : p.name;