调整用户组的选择方式

maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/access/permissions/permissions.component.html

@@ -1,37 +1,78 @@
 <page-header> </page-header>
-
+<nz-card [nzBordered]="false">
+  <div nz-row [nzGutter]="{ xs: 8, sm: 8, md: 8, lg: 24, xl: 48, xxl: 48 }">
+    <div nz-col nzMd="8" nzSm="24" class="grid-border">
+      <nz-card [nzBordered]="false">
+        <form nz-form [nzLayout]="'inline'" (ngSubmit)="onGroupSearch()" class="search__form">
+          <div nz-col nzMd="16" nzSm="24">
+            <nz-form-item>
+              <nz-form-label nzFor="groupName">{{ 'mxk.groups.name' | i18n }}</nz-form-label>
+              <nz-form-control>
+                <input nz-input [(ngModel)]="groupQuery.params.groupName" [ngModelOptions]="{ standalone: true }"
+                  name="groupName" placeholder="" id="groupName" />
+              </nz-form-control>
+            </nz-form-item>
+          </div>
+          <div nz-col [nzSpan]="8" [class.text-right]="groupQuery.expandForm">
+            <button nz-button type="submit" [nzType]="'primary'" [nzLoading]="groupQuery.submitLoading">{{
+              'mxk.text.query' | i18n
+              }}</button>
+          </div>
+        </form>
+      </nz-card>
+      <nz-table #dynamicTable nzTableLayout="auto" nzSize="small" nzBordered nzShowSizeChanger
+        [nzData]="groupQuery.results.rows" [nzFrontPagination]="false" [nzTotal]="groupQuery.results.records"
+        [nzPageSizeOptions]="groupQuery.params.pageSizeOptions" [nzPageSize]="groupQuery.params.pageSize"
+        [nzPageIndex]="groupQuery.params.pageNumber" [nzLoading]="this.groupQuery.tableLoading"
+        (nzQueryParams)="onGroupQueryParamsChange($event)">
+        <thead>
+          <tr>
+            <th></th>
+            <th nzAlign="center" style="display: none">Id</th>
+            <th nzAlign="center">{{ 'mxk.groups.name' | i18n }}</th>
+            <th nzAlign="center">{{ 'mxk.groups.category' | i18n }}</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of groupQuery.results.rows">
+            <td [nzChecked]="groupQuery.tableCheckedId.has(data.id)" [nzDisabled]="data.disabled"
+              (nzCheckedChange)="onGroupTableItemChecked(data.id, data.groupName, $event)"></td>
+            <td nzAlign="left" style="display: none">
+              <span>{{ data.id }}</span>
+            </td>
+            <td nzAlign="left"> {{ data.groupName }}</td>
+            <td nzAlign="center" *ngIf="data.category == 'dynamic'"> {{ 'mxk.groups.category.dynamic' | i18n }}</td>
+            <td nzAlign="center" *ngIf="data.category == 'static'"> {{ 'mxk.groups.category.static' | i18n }}</td>
+            <td nzAlign="center" *ngIf="data.category == 'app'"> {{ 'mxk.groups.category.app' | i18n }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+    </div>
+    <div nz-col nzMd="16" nzSm="24" class="grid-border">
       <nz-card [nzBordered]="false">
         <form nz-form [nzLayout]="'inline'" (ngSubmit)="onSearch()" class="search__form">
           <div nz-row [nzGutter]="{ xs: 8, sm: 8, md: 24, lg: 24, xl: 48, xxl: 48 }">
             <div nz-col nzMd="10" nzSm="24">
               <nz-form-item>
                 <nz-form-label nzFor="roleName">{{ 'mxk.roles.name' | i18n }}</nz-form-label>
-          <nz-form-control>
-            <nz-input-group nzSearch [nzAddOnAfter]="suffixButton">
-              <input nz-input [(ngModel)]="query.params.groupName" [ngModelOptions]="{ standalone: true }"
-                name="groupName" readonly placeholder="" id="groupName" />
-            </nz-input-group>
-            <ng-template #suffixButton>
-              <button nz-button nzType="primary" (click)="onSelect($event)" nzSearch>{{ 'mxk.text.select' | i18n
-                }}</button>
-            </ng-template>
-          </nz-form-control>
+                <input nz-input [(ngModel)]="query.params.groupName" [ngModelOptions]="{ standalone: true }" readonly
+                  placeholder="" disabled />
               </nz-form-item>
             </div>
             <div nz-col nzMd="10" nzSm="24">
               <nz-form-item>
                 <nz-form-label nzFor="name">{{ 'mxk.apps.name' | i18n }}</nz-form-label>
                 <nz-form-control>
-            <input nz-input [(ngModel)]="query.params.appName" [ngModelOptions]="{ standalone: true }" name="appName"
-              placeholder="" id="appName" />
+                  <input nz-input [(ngModel)]="query.params.appName" [ngModelOptions]="{ standalone: true }"
+                    name="appName" placeholder="" id="appName" />
                 </nz-form-control>
               </nz-form-item>
             </div>
             <div nz-col [nzSpan]="query.expandForm ? 24 : 4" [class.text-right]="query.expandForm">
-        <button nz-button type="submit" [nzType]="'primary'" [nzLoading]="query.submitLoading">{{ 'mxk.text.query' |
-          i18n }}</button>
-        <button nz-button type="reset" (click)="onReset()" class="mx-sm" style="display: none">{{ 'mxk.text.reset' |
-          i18n }}</button>
+              <button nz-button type="submit" [nzType]="'primary'" [nzLoading]="query.submitLoading">{{ 'mxk.text.query'
+                | i18n }}</button>
+              <button nz-button type="reset" (click)="onReset()" class="mx-sm" style="display: none">{{ 'mxk.text.reset'
+                | i18n }}</button>
               <button nz-button (click)="query.expandForm = !query.expandForm" class="mx-sm" style="display: none">
                 {{ query.expandForm ? ('mxk.text.collapse' | i18n) : ('mxk.text.expand' | i18n) }}</button>
             </div>
@@ -41,8 +82,10 @@
       <nz-card [nzBordered]="false">
         <div nz-row [nzGutter]="{ xs: 8, sm: 8, md: 8, lg: 24, xl: 48, xxl: 48 }">
           <div nz-col [nzSpan]="24" class="table-list-toolbar">
-      <button nz-button type="button" [nzType]="'primary'" (click)="onAdd($event)">{{ 'mxk.text.add' | i18n }}</button>
-      <button nz-button type="button" (click)="onBatchDelete($event)" [nzType]="'primary'" nzDanger class="mx-sm">{{
+            <button nz-button type="button" [nzType]="'primary'" (click)="onAdd($event)">{{ 'mxk.text.add' | i18n
+              }}</button>
+            <button nz-button type="button" (click)="onBatchDelete($event)" [nzType]="'primary'" nzDanger
+              class="mx-sm">{{
               'mxk.text.delete' | i18n
               }}</button>
           </div>
@@ -104,8 +147,8 @@
                   </td>
                   <td nzAlign="center" nzBreakWord="false">
                     <div nz-col>
-                <button nz-button type="button" (click)="onDelete($event, data.id)" nzDanger>{{ 'mxk.text.delete' | i18n
-                  }}</button>
+                      <button nz-button type="button" (click)="onDelete($event, data.id)" nzDanger>{{ 'mxk.text.delete'
+                        | i18n }}</button>
                     </div>
                   </td>
                 </tr>
@@ -114,3 +157,6 @@
           </div>
         </div>
       </nz-card>
+    </div>
+  </div>
+</nz-card>

maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/access/permissions/permissions.component.ts

@@ -28,6 +28,7 @@ import { NzTableQueryParams } from 'ng-zorro-antd/table';
 import { NzFormatEmitEvent, NzTreeNode, NzTreeNodeOptions } from 'ng-zorro-antd/tree';
 
 import { GroupPermissionsService } from '../../../service/group-permissions.service';
+import { GroupsService } from '../../../service/groups.service';
 import { set2String } from '../../../shared/index';
 import { SelectGroupsComponent } from '../../idm/groups/select-groups/select-groups.component';
 import { PermissionsEditerComponent } from './permissions-editer/permissions-editer.component';
@@ -97,6 +98,7 @@ export class PermissionsComponent implements OnInit {
   constructor(
     private modalService: NzModalService,
     private groupPermissionsService: GroupPermissionsService,
+    private groupsService: GroupsService,
     private viewContainerRef: ViewContainerRef,
     private fb: FormBuilder,
     private msg: NzMessageService,
@@ -143,6 +145,7 @@ export class PermissionsComponent implements OnInit {
 
   onAdd(e: MouseEvent): void {
     e.preventDefault();
+    if (this.query.params.groupId !== '') {
       const modal = this.modalService.create({
         nzContent: PermissionsEditerComponent,
         nzViewContainerRef: this.viewContainerRef,
@@ -160,6 +163,7 @@ export class PermissionsComponent implements OnInit {
         }
       });
     }
+  }
 
   onSelect(e: MouseEvent): void {
     e.preventDefault();
@@ -239,4 +243,94 @@ export class PermissionsComponent implements OnInit {
     this.query.results.rows.filter(({ disabled }) => !disabled).forEach(({ id }) => this.updateTableCheckedSet(id, checked));
     this.refreshTableCheckedStatus();
   }
+
+  //group list
+  groupQuery: {
+    params: {
+      groupName: String;
+      pageSize: number;
+      pageNumber: number;
+      pageSizeOptions: number[];
+    };
+    results: {
+      records: number;
+      rows: NzSafeAny[];
+    };
+    expandForm: Boolean;
+    submitLoading: boolean;
+    tableLoading: boolean;
+    tableCheckedId: Set<String>;
+    indeterminate: boolean;
+    checked: boolean;
+  } = {
+      params: {
+        groupName: '',
+        pageSize: 10,
+        pageNumber: 1,
+        pageSizeOptions: [10, 20, 50]
+      },
+      results: {
+        records: 0,
+        rows: []
+      },
+      expandForm: false,
+      submitLoading: false,
+      tableLoading: false,
+      tableCheckedId: new Set<String>(),
+      indeterminate: false,
+      checked: false
+    };
+
+  onGroupSearch(): void {
+    this.fetchGroup();
+  }
+
+  onGroupQueryParamsChange(tableQueryParams: NzTableQueryParams): void {
+    this.groupQuery.params.pageNumber = tableQueryParams.pageIndex;
+    this.groupQuery.params.pageSize = tableQueryParams.pageSize;
+    this.fetchGroup();
+  }
+
+  fetchGroup(): void {
+    this.groupQuery.submitLoading = true;
+    this.groupQuery.tableLoading = true;
+    this.groupQuery.indeterminate = false;
+    this.groupQuery.checked = false;
+    this.groupQuery.tableCheckedId.clear();
+    this.groupsService.fetch(this.groupQuery.params).subscribe(res => {
+      this.groupQuery.results = res.data;
+      this.groupQuery.submitLoading = false;
+      this.groupQuery.tableLoading = false;
+      this.cdr.detectChanges();
+    });
+  }
+
+  updateGroupTableCheckedSet(id: String, checked: boolean): void {
+    if (checked) {
+      this.groupQuery.tableCheckedId.add(id);
+    } else {
+      this.groupQuery.tableCheckedId.delete(id);
+    }
+  }
+
+  refreshGroupTableCheckedStatus(): void {
+    const listOfEnabledData = this.groupQuery.results.rows.filter(({ disabled }) => !disabled);
+    this.groupQuery.checked = listOfEnabledData.every(({ id }) => this.groupQuery.tableCheckedId.has(id));
+    this.groupQuery.indeterminate = listOfEnabledData.some(({ id }) => this.groupQuery.tableCheckedId.has(id)) && !this.groupQuery.checked;
+  }
+
+  onGroupTableItemChecked(groupId: String, groupName: String, checked: boolean): void {
+    console.log(`checked ${checked} , groupId ${groupId}  , groupName ${groupName}`);
+    this.onGroupTableAllChecked(false);
+    this.updateGroupTableCheckedSet(groupId, checked);
+    this.refreshGroupTableCheckedStatus();
+    this.query.params.groupId = groupId;
+    this.query.params.groupName = groupName;
+    this.fetch();
+  }
+
+  onGroupTableAllChecked(checked: boolean): void {
+    this.groupQuery.results.rows.filter(({ disabled }) => !disabled).forEach(({ id }) => this.updateGroupTableCheckedSet(id, checked));
+    this.refreshGroupTableCheckedStatus();
+  }
 }

maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/idm/group-members/group-members.component.html

@@ -1,35 +1,76 @@
 <page-header> </page-header>
-
+<nz-card [nzBordered]="false">
+  <div nz-row [nzGutter]="{ xs: 8, sm: 8, md: 8, lg: 24, xl: 48, xxl: 48 }">
+    <div nz-col nzMd="8" nzSm="24" class="grid-border">
+      <nz-card [nzBordered]="false">
+        <form nz-form [nzLayout]="'inline'" (ngSubmit)="onGroupSearch()" class="search__form">
+          <div nz-col nzMd="16" nzSm="24">
+            <nz-form-item>
+              <nz-form-label nzFor="groupName">{{ 'mxk.groups.name' | i18n }}</nz-form-label>
+              <nz-form-control>
+                <input nz-input [(ngModel)]="groupQuery.params.groupName" [ngModelOptions]="{ standalone: true }"
+                  name="groupName" placeholder="" id="groupName" />
+              </nz-form-control>
+            </nz-form-item>
+          </div>
+          <div nz-col [nzSpan]="8" [class.text-right]="groupQuery.expandForm">
+            <button nz-button type="submit" [nzType]="'primary'" [nzLoading]="groupQuery.submitLoading">{{
+              'mxk.text.query' | i18n
+              }}</button>
+          </div>
+        </form>
+      </nz-card>
+      <nz-table #dynamicTable nzTableLayout="auto" nzSize="small" nzBordered nzShowSizeChanger
+        [nzData]="groupQuery.results.rows" [nzFrontPagination]="false" [nzTotal]="groupQuery.results.records"
+        [nzPageSizeOptions]="groupQuery.params.pageSizeOptions" [nzPageSize]="groupQuery.params.pageSize"
+        [nzPageIndex]="groupQuery.params.pageNumber" [nzLoading]="this.groupQuery.tableLoading"
+        (nzQueryParams)="onGroupQueryParamsChange($event)">
+        <thead>
+          <tr>
+            <th></th>
+            <th nzAlign="center" style="display: none">Id</th>
+            <th nzAlign="center">{{ 'mxk.groups.name' | i18n }}</th>
+            <th nzAlign="center">{{ 'mxk.groups.category' | i18n }}</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of groupQuery.results.rows">
+            <td [nzChecked]="groupQuery.tableCheckedId.has(data.id)" [nzDisabled]="data.disabled"
+              (nzCheckedChange)="onGroupTableItemChecked(data.id, data.groupName, $event)"></td>
+            <td nzAlign="left" style="display: none">
+              <span>{{ data.id }}</span>
+            </td>
+            <td nzAlign="left"> {{ data.groupName }}</td>
+            <td nzAlign="center" *ngIf="data.category == 'dynamic'"> {{ 'mxk.groups.category.dynamic' | i18n }}</td>
+            <td nzAlign="center" *ngIf="data.category == 'static'"> {{ 'mxk.groups.category.static' | i18n }}</td>
+            <td nzAlign="center" *ngIf="data.category == 'app'"> {{ 'mxk.groups.category.app' | i18n }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+    </div>
+    <div nz-col nzMd="16" nzSm="24" class="grid-border">
       <nz-card [nzBordered]="false">
         <form nz-form [nzLayout]="'inline'" (ngSubmit)="onSearch()" class="search__form">
           <div nz-row [nzGutter]="{ xs: 8, sm: 8, md: 24, lg: 24, xl: 48, xxl: 48 }">
             <div nz-col nzMd="8" nzSm="24">
               <nz-form-item>
                 <nz-form-label nzFor="groupName">{{ 'mxk.roles.name' | i18n }}</nz-form-label>
-          <nz-form-control>
-            <nz-input-group nzSearch [nzAddOnAfter]="suffixButton">
-              <input nz-input [(ngModel)]="query.params.groupName" [ngModelOptions]="{ standalone: true }"
-                name="groupName" readonly placeholder="" id="groupName" />
-            </nz-input-group>
-            <ng-template #suffixButton>
-              <button nz-button nzType="primary" (click)="onSelect($event)" nzSearch>{{ 'mxk.text.select' | i18n
-                }}</button>
-            </ng-template>
-          </nz-form-control>
+                <input nz-input [(ngModel)]="query.params.groupName" [ngModelOptions]="{ standalone: true }" readonly
+                  disabled placeholder="" />
               </nz-form-item>
             </div>
             <div nz-col nzMd="8" nzSm="24">
               <nz-form-item>
                 <nz-form-label nzFor="name">{{ 'mxk.users.username' | i18n }}</nz-form-label>
                 <nz-form-control>
-            <input nz-input [(ngModel)]="query.params.username" [ngModelOptions]="{ standalone: true }" name="username"
-              placeholder="" id="username" />
+                  <input nz-input [(ngModel)]="query.params.username" [ngModelOptions]="{ standalone: true }"
+                    name="username" placeholder="" id="username" />
                 </nz-form-control>
               </nz-form-item>
             </div>
             <div nz-col [nzSpan]="query.expandForm ? 24 : 8" [class.text-right]="query.expandForm">
-        <button nz-button type="submit" [nzType]="'primary'" [nzLoading]="query.submitLoading">{{ 'mxk.text.query' |
-          i18n }}</button>
+              <button nz-button type="submit" [nzType]="'primary'" [nzLoading]="query.submitLoading">{{ 'mxk.text.query'
+                | i18n }}</button>
               <button nz-button type="reset" (click)="onReset()" class="mx-sm">{{ 'mxk.text.reset' | i18n }}</button>
               <button nz-button (click)="query.expandForm = !query.expandForm" class="mx-sm" style="display: none">
                 {{ query.expandForm ? ('mxk.text.collapse' | i18n) : ('mxk.text.expand' | i18n) }}</button>
@@ -40,8 +81,10 @@
       <nz-card [nzBordered]="false">
         <div nz-row [nzGutter]="{ xs: 8, sm: 8, md: 8, lg: 24, xl: 48, xxl: 48 }">
           <div nz-col [nzSpan]="24" class="table-list-toolbar">
-      <button nz-button type="button" [nzType]="'primary'" (click)="onAdd($event)">{{ 'mxk.text.add' | i18n }}</button>
-      <button nz-button type="button" (click)="onBatchDelete($event)" [nzType]="'primary'" nzDanger class="mx-sm">{{
+            <button nz-button type="button" [nzType]="'primary'" (click)="onAdd($event)">{{ 'mxk.text.add' | i18n
+              }}</button>
+            <button nz-button type="button" (click)="onBatchDelete($event)" [nzType]="'primary'" nzDanger
+              class="mx-sm">{{
               'mxk.text.delete' | i18n
               }}</button>
           </div>
@@ -74,12 +117,12 @@
                   <td nzAlign="left"> {{ data.displayName }}</td>
                   <td nzAlign="left"> {{ data.department }}</td>
                   <td nzAlign="left"> {{ data.jobTitle }}</td>
-            <td nzAlign="center"> {{ data.gender == 1 ? ('mxk.users.gender.female' | i18n) : ('mxk.users.gender.male' |
-              i18n) }}</td>
+                  <td nzAlign="center"> {{ data.gender == 1 ? ('mxk.users.gender.female' | i18n) :
+                    ('mxk.users.gender.male' | i18n) }}</td>
                   <td nzAlign="center" nzBreakWord="false">
                     <div nz-col>
-                <button *ngIf="data.category == 'static'" nz-button type="button" (click)="onDelete($event, data.id)"
-                  nzDanger>{{
+                      <button *ngIf="data.category == 'static'" nz-button type="button"
+                        (click)="onDelete($event, data.id)" nzDanger>{{
                         'mxk.text.delete' | i18n
                         }}</button>
                     </div>
@@ -90,3 +133,6 @@
           </div>
         </div>
       </nz-card>
+    </div>
+  </div>
+</nz-card>

maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/idm/group-members/group-members.component.ts

@@ -28,6 +28,7 @@ import { NzTableQueryParams } from 'ng-zorro-antd/table';
 import { NzFormatEmitEvent, NzTreeNode, NzTreeNodeOptions } from 'ng-zorro-antd/tree';
 
 import { GroupMembersService } from '../../../service/group-members.service';
+import { GroupsService } from '../../../service/groups.service';
 import { set2String } from '../../../shared/index';
 import { SelectGroupsComponent } from '../groups/select-groups/select-groups.component';
 import { GroupMembersEditerComponent } from './group-members-editer/group-members-editer.component';
@@ -98,6 +99,7 @@ export class GroupMembersComponent implements OnInit {
   constructor(
     private modalService: NzModalService,
     private groupMembersService: GroupMembersService,
+    private groupsService: GroupsService,
     private viewContainerRef: ViewContainerRef,
     private fb: FormBuilder,
     private msg: NzMessageService,
@@ -266,4 +268,94 @@ export class GroupMembersComponent implements OnInit {
     this.query.results.rows.filter(({ disabled }) => !disabled).forEach(({ id }) => this.updateTableCheckedSet(id, checked));
     this.refreshTableCheckedStatus();
   }
+
+  //group list
+  groupQuery: {
+    params: {
+      groupName: String;
+      pageSize: number;
+      pageNumber: number;
+      pageSizeOptions: number[];
+    };
+    results: {
+      records: number;
+      rows: NzSafeAny[];
+    };
+    expandForm: Boolean;
+    submitLoading: boolean;
+    tableLoading: boolean;
+    tableCheckedId: Set<String>;
+    indeterminate: boolean;
+    checked: boolean;
+  } = {
+      params: {
+        groupName: '',
+        pageSize: 10,
+        pageNumber: 1,
+        pageSizeOptions: [10, 20, 50]
+      },
+      results: {
+        records: 0,
+        rows: []
+      },
+      expandForm: false,
+      submitLoading: false,
+      tableLoading: false,
+      tableCheckedId: new Set<String>(),
+      indeterminate: false,
+      checked: false
+    };
+
+  onGroupSearch(): void {
+    this.fetchGroup();
+  }
+
+  onGroupQueryParamsChange(tableQueryParams: NzTableQueryParams): void {
+    this.groupQuery.params.pageNumber = tableQueryParams.pageIndex;
+    this.groupQuery.params.pageSize = tableQueryParams.pageSize;
+    this.fetchGroup();
+  }
+
+  fetchGroup(): void {
+    this.groupQuery.submitLoading = true;
+    this.groupQuery.tableLoading = true;
+    this.groupQuery.indeterminate = false;
+    this.groupQuery.checked = false;
+    this.groupQuery.tableCheckedId.clear();
+    this.groupsService.fetch(this.groupQuery.params).subscribe(res => {
+      this.groupQuery.results = res.data;
+      this.groupQuery.submitLoading = false;
+      this.groupQuery.tableLoading = false;
+      this.cdr.detectChanges();
+    });
+  }
+
+  updateGroupTableCheckedSet(id: String, checked: boolean): void {
+    if (checked) {
+      this.groupQuery.tableCheckedId.add(id);
+    } else {
+      this.groupQuery.tableCheckedId.delete(id);
+    }
+  }
+
+  refreshGroupTableCheckedStatus(): void {
+    const listOfEnabledData = this.groupQuery.results.rows.filter(({ disabled }) => !disabled);
+    this.groupQuery.checked = listOfEnabledData.every(({ id }) => this.groupQuery.tableCheckedId.has(id));
+    this.groupQuery.indeterminate = listOfEnabledData.some(({ id }) => this.groupQuery.tableCheckedId.has(id)) && !this.groupQuery.checked;
+  }
+
+  onGroupTableItemChecked(groupId: String, groupName: String, checked: boolean): void {
+    console.log(`checked ${checked} , groupId ${groupId}  , groupName ${groupName}`);
+    this.onGroupTableAllChecked(false);
+    this.updateGroupTableCheckedSet(groupId, checked);
+    this.refreshGroupTableCheckedStatus();
+    this.query.params.groupId = groupId;
+    this.query.params.groupName = groupName;
+    this.fetch();
+  }
+
+  onGroupTableAllChecked(checked: boolean): void {
+    this.groupQuery.results.rows.filter(({ disabled }) => !disabled).forEach(({ id }) => this.updateGroupTableCheckedSet(id, checked));
+    this.refreshGroupTableCheckedStatus();
+  }
 }

maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/idm/groups/group-editer/group-editer.component.ts

@@ -24,7 +24,7 @@ import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
 
 import { Groups } from '../../../../entity/Groups';
 import { TreeNodes } from '../../../../entity/TreeNodes';
-import { GroupsService } from '../../../../service/Groups.service';
+import { GroupsService } from '../../../../service/groups.service';
 import { OrganizationsService } from '../../../../service/organizations.service';
 
 @Component({

maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/idm/groups/groups.component.ts

@@ -25,7 +25,7 @@ import { NzMessageService } from 'ng-zorro-antd/message';
 import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
 import { NzTableQueryParams } from 'ng-zorro-antd/table';
 
-import { GroupsService } from '../../../service/Groups.service';
+import { GroupsService } from '../../../service/groups.service';
 import { set2String } from '../../../shared/index';
 import { GroupEditerComponent } from './group-editer/group-editer.component';
 

maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/idm/groups/select-groups/select-groups.component.ts

@@ -23,7 +23,7 @@ import { NzMessageService } from 'ng-zorro-antd/message';
 import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
 import { NzTableQueryParams } from 'ng-zorro-antd/table';
 
-import { GroupsService } from '../../../../service/Groups.service';
+import { GroupsService } from '../../../../service/groups.service';
 
 @Component({
   selector: 'app-select-groups',

maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/permissions/privileges/privileges.component.ts

@@ -36,7 +36,7 @@ import { NzTableQueryParams } from 'ng-zorro-antd/table';
 import { NzFormatEmitEvent, NzTreeNode, NzTreeNodeOptions, NzTreeComponent } from 'ng-zorro-antd/tree';
 
 import { TreeNodes } from '../../../entity/TreeNodes';
-import { GroupsService } from '../../../service/Groups.service';
+import { GroupsService } from '../../../service/groups.service';
 import { GroupPrivilegesService } from '../../../service/group-privileges.service';
 import { ResourcesService } from '../../../service/resources.service';
 import { set2String } from '../../../shared/index';