diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/group/group.component.html b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/group/group.component.html index 285704f..488fce0 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/group/group.component.html +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/group/group.component.html @@ -3,7 +3,7 @@
- +
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/group/group.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/group/group.component.ts index f3ee738..7dc0eda 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/group/group.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/group/group.component.ts @@ -2,9 +2,11 @@ import { AfterViewInit, Component, ViewChild } from '@angular/core'; import { GroupTableComponent } from '../../components/tables/group-table/group-table.component'; import { UserTableComponent } from '../../components/tables/user-table/user-table.component'; import { MatTabsModule } from '@angular/material/tabs'; -import { GuiSelectedRow } from '@generic-ui/ngx-grid'; +import { GuiCellEdit, GuiSelectedRow } from '@generic-ui/ngx-grid'; import { GroupFormComponent } from '../../components/forms/group-form/group-form.component'; import { BasePageComponent } from '../base-page/base-page.component'; +import { Group } from '../../models/user-management.api.models'; +import { firstValueFrom } from 'rxjs'; @Component({ standalone: true, @@ -15,13 +17,24 @@ import { BasePageComponent } from '../base-page/base-page.component'; }) export class GroupComponent extends BasePageComponent implements AfterViewInit { initWithoutData = () => { } + + cellEditing: GuiCellEdit = { + enabled: true, + cellEdit: (value: any, item: Group, index: number) => { + this.updateService.setAsync("group_" + item.id!.toString(), async () => { + await firstValueFrom(this.groupTable.service.update(item)) + }) + return true; + } + } + private sGroupId = null; ngAfterViewInit(): void { this.refreshService.removeAll() this.refreshService.add(() => { this.groupTable.fetchData(); - if(this.sGroupId) + if (this.sGroupId) this.userTable.fetchDataByGroupId(this.sGroupId); }); this.creationService.component = GroupFormComponent @@ -31,9 +44,9 @@ export class GroupComponent extends BasePageComponent implements AfterViewInit { @ViewChild("userTable") userTable!: UserTableComponent; groupsOnSelectedRows = (rows: GuiSelectedRow[]) => { - if(rows.length > 0){ + if (rows.length > 0) { this.sGroupId = rows[0].source.id; - if(this.sGroupId) + if (this.sGroupId) this.userTable.fetchDataByGroupId(this.sGroupId); } }