chore: Modulimporte aktualisiert, um CommonModule für ngClass und die richtigen Generic UI Grid-Module einzuschließen.

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/common/color-mode-bttn/color-mode-bttn.component.ts

@@ -1,7 +1,10 @@
 import { Component, OnInit } from '@angular/core';
-import { ColorModeService, GetLocalTheme, Theme } from 'src/app/services/color-mode.service';
+import { ColorModeService, GetLocalTheme, Theme } from '../../../services/color-mode.service';
+import { CommonModule } from '@angular/common'
 
 @Component({
+  standalone: true,
+  imports: [CommonModule],
   selector: 'app-color-mode-bttn',
   templateUrl: './color-mode-bttn.component.html',
   styleUrl: './color-mode-bttn.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/group-dir-import/group-dir-import.component.ts

@@ -9,6 +9,7 @@ import { DirGroup } from '../../models/user-management.api.models';
 
 @Component({
   standalone: true,
+  imports: [DirGroupTableComponent],
   selector: 'app-group-dir-import',
   templateUrl: './group-dir-import.component.html',
   styleUrl: './group-dir-import.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/group/group.component.ts

@@ -1,7 +1,9 @@
 import { Component } from '@angular/core';
+import { GroupTableComponent } from '../../components/tables/group-table/group-table.component';
 
 @Component({
   standalone: true,
+  imports: [GroupTableComponent],
   selector: 'app-group',
   templateUrl: './group.component.html',
   styleUrl: './group.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/module/module.component.ts

@@ -1,7 +1,9 @@
 import { Component } from '@angular/core';
+import { ModuleTableComponent } from '../../components/tables/module-table/module-table.component';
 
 @Component({
   standalone: true,
+  imports: [ModuleTableComponent],
   selector: 'app-module',
   templateUrl: './module.component.html',
   styleUrl: './module.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/base-table/base-table.component.ts

@@ -1,11 +1,14 @@
-import { AfterViewInit, Component, Inject, Input, OnDestroy, OnInit, ViewChild, input } from '@angular/core';
+import { Component, Inject, Input, OnDestroy, OnInit, ViewChild, input } from '@angular/core';
 import { ApiService } from '../../../services/user-management.api.service';
-import { GuiColumn, GuiColumnMenu, GuiSorting, GuiRowDetail, GuiPaging, GuiPagingDisplay, GuiSearching, GuiCellEdit, GuiInfoPanel, GuiTitlePanel, GuiRowSelection, GuiSelectedRow, GuiGridComponent, GuiGridApi, GuiTheme } from '@generic-ui/ngx-grid';
+import { GuiGridModule, GuiColumn, GuiColumnMenu, GuiSorting, GuiRowDetail, GuiPaging, GuiPagingDisplay, GuiSearching, GuiCellEdit, GuiInfoPanel, GuiTitlePanel, GuiRowSelection, GuiSelectedRow, GuiGridComponent, GuiGridApi, GuiTheme } from '@generic-ui/ngx-grid';
 import { Subscription } from 'rxjs/internal/Subscription';
 import { ColorModeService, Theme } from '../../../services/color-mode.service';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 @Component({
   standalone: true,
+  imports: [CommonModule, FormsModule, GuiGridModule ],
   selector: 'app-base-table',
   templateUrl: './base-table.component.html',
   styleUrl: './base-table.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/dir-group-table/dir-group-table.component.ts

@@ -2,11 +2,14 @@ import { Component, Inject } from '@angular/core';
 import { BaseTableComponent } from '../base-table/base-table.component';
 import { DirGroupService } from '../../../services/dir-group.service';
 import { DirGroup } from '../../../models/user-management.api.models';
-import { GuiColumn } from '@generic-ui/ngx-grid';
+import { GuiColumn, GuiGridModule } from '@generic-ui/ngx-grid';
 import { ColorModeService } from '../../../services/color-mode.service';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 @Component({
   standalone: true,
+  imports: [CommonModule, FormsModule, GuiGridModule ],
   selector: 'app-dir-group-table',
   templateUrl: '../base-table/base-table.component.html',
   styleUrl: './dir-group-table.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/dir-user-table/dir-user-table.component.ts

@@ -2,11 +2,14 @@ import { Component, Inject } from '@angular/core';
 import { DirUser } from '../../../models/user-management.api.models';
 import { DirUserService } from '../../../services/dir-user.service';
 import { BaseTableComponent } from '../base-table/base-table.component';
-import { GuiColumn } from '@generic-ui/ngx-grid/gui/grid/src/core/api/gui.grid.public-api';
+import { GuiGridModule, GuiColumn } from '@generic-ui/ngx-grid';
 import { ColorModeService } from '../../../services/color-mode.service';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 @Component({
   standalone: true,
+  imports: [CommonModule, FormsModule, GuiGridModule],
   selector: 'app-dir-user-table',
   templateUrl: '../base-table/base-table.component.html',
   styleUrl: './dir-user-table.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/group-table/group-table.component.ts

@@ -1,12 +1,15 @@
 import { Component, Inject } from '@angular/core';
 import { GroupService } from '../../../services/group.service';
 import { Group } from '../../../models/user-management.api.models';
-import { GuiColumn } from '@generic-ui/ngx-grid';
+import { GuiGridModule, GuiColumn } from '@generic-ui/ngx-grid';
 import { BaseTableComponent } from '../base-table/base-table.component';
 import { ColorModeService } from '../../../services/color-mode.service';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 @Component({
   standalone: true,
+  imports: [CommonModule, FormsModule, GuiGridModule],
   selector: 'app-group-table',
   templateUrl: '../base-table/base-table.component.html',
   styleUrl: './group-table.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/module-table/module-table.component.ts

@@ -1,12 +1,15 @@
 import { Component, Inject } from '@angular/core';
 import { Module } from '../../../models/user-management.api.models';
-import { GuiColumn } from '@generic-ui/ngx-grid';
+import { GuiGridModule, GuiColumn } from '@generic-ui/ngx-grid';
 import { BaseTableComponent } from '../base-table/base-table.component';
 import { ModuleService } from '../../../services/module.service'
 import { ColorModeService } from '../../../services/color-mode.service';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 @Component({
   standalone: true,
+  imports: [CommonModule, FormsModule, GuiGridModule],
   selector: 'app-module-table',
   templateUrl: '../base-table/base-table.component.html',
   styleUrl: './module-table.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/user-rep-table/user-rep-table.component.ts

@@ -2,11 +2,14 @@ import { Component, Inject } from '@angular/core';
 import { UserRep } from '../../../models/user-management.api.models';
 import { UserRepService } from '../../../services/user-representation.service';
 import { BaseTableComponent } from '../base-table/base-table.component';
-import { GuiColumn } from '@generic-ui/ngx-grid';
+import { GuiGridModule, GuiColumn } from '@generic-ui/ngx-grid';
 import { ColorModeService } from '../../../services/color-mode.service';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 @Component({
   standalone: true,
+  imports: [CommonModule, FormsModule, GuiGridModule],
   selector: 'app-user-rep-table',
   templateUrl: '../base-table/base-table.component.html',
   styleUrl: './user-rep-table.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/user-table/user-table.component.ts

@@ -3,12 +3,15 @@ import { UserService } from '../../../services/user.service';
 import { ModuleOfUserService } from '../../../services/module-of-user.service';
 import { GroupOfUserService } from '../../../services/group-of-user.service';
 import { User } from '../../../models/user-management.api.models';
-import { GuiColumn } from '@generic-ui/ngx-grid';
+import { GuiGridModule, GuiColumn } from '@generic-ui/ngx-grid';
 import { BaseTableComponent } from '../base-table/base-table.component';
 import { ColorModeService } from '../../../services/color-mode.service'
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 @Component({
   standalone: true,
+  imports: [CommonModule, FormsModule, GuiGridModule],
   selector: 'app-user-table',
   templateUrl: '../base-table/base-table.component.html',
   styleUrl: './user-table.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/user-assignment/user-assignment.component.ts

@@ -5,10 +5,11 @@ import { UserTableComponent } from '../tables/user-table/user-table.component';
 import { ModuleTableComponent } from '../tables/module-table/module-table.component';
 import { GroupTableComponent } from '../tables/group-table/group-table.component';
 import { User } from '../../models/user-management.api.models';
+import { MatTabsModule, MatTabGroup } from '@angular/material/tabs';
 
 @Component({
   standalone: true,
-  standalone: true,
+  imports: [MatTabsModule, MatTabGroup, UserTableComponent, ModuleTableComponent, GroupTableComponent],
   selector: 'app-user-assignment',
   templateUrl: './user-assignment.component.html',
   styleUrl: './user-assignment.component.scss'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/user-group-dir-import/user-group-dir-import.component.ts

@@ -10,6 +10,8 @@ import { UserService } from '../../services/user.service';
 import { User } from '../../models/user-management.api.models'
 
 @Component({
+  standalone: true,
+  imports: [DirGroupTableComponent, DirUserTableComponent],
   selector: 'app-user-group-dir-import',
   templateUrl: './user-group-dir-import.component.html',
   styleUrl: './user-group-dir-import.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/user-representation/user-representation.component.ts

@@ -5,9 +5,11 @@ import { UserRepTableComponent } from '../tables/user-rep-table/user-rep-table.c
 import { GroupTableComponent } from '../tables/group-table/group-table.component';
 import { UserRepService } from '../../services/user-representation.service';
 import Swal from 'sweetalert2';
+import { MatTabsModule, MatTabGroup } from '@angular/material/tabs';
 
 @Component({
   standalone: true,
+  imports: [MatTabsModule, MatTabGroup, UserTableComponent, GroupTableComponent, UserRepTableComponent],
   selector: 'app-user-representation',
   templateUrl: './user-representation.component.html',
   styleUrl: './user-representation.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/user/user.component.ts

@@ -4,6 +4,7 @@ import { UserTableComponent } from '../tables/user-table/user-table.component';
 
 @Component({
   standalone: true,
+  imports: [UserTableComponent],
   selector: 'app-user',
   templateUrl: './user.component.html',
   styleUrl: './user.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/login/login.component.ts

@@ -2,9 +2,12 @@ import { Component, Inject, Input } from '@angular/core';
 import { AuthenticationService } from '../services/authentication.service';
 import Swal from 'sweetalert2';
 import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 @Component({
   standalone: true,
+  imports: [CommonModule, FormsModule],
   selector: 'app-login',
   templateUrl: './login.component.html',
   styleUrl: './login.component.css'

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/nav-menu/nav-menu.component.ts

@@ -4,9 +4,13 @@ import { UserGroupDirImportComponent } from '../components/user-group-dir-import
 import { GroupDirImportComponent } from '../components/group-dir-import/group-dir-import.component';
 import { AuthenticationService, IsLogedIn } from '../services/authentication.service';
 import { LoginComponent } from '../login/login.component';
+import { RouterModule } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { ColorModeBttnComponent } from '../components/common/color-mode-bttn/color-mode-bttn.component';
 
 @Component({
   standalone: true,
+  imports: [RouterModule, CommonModule, ColorModeBttnComponent],
   selector: 'app-nav-menu',
   templateUrl: './nav-menu.component.html',
   styleUrls: ['./nav-menu.component.css']

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/index.html

@@ -2,8 +2,12 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>UserManagerUi</title>
+  <title>User Manager Portal</title>
   <base href="/">
+  <user-manager-api href="/api/" user-route="user" group-route="group" module-route="module"
+    module-of-user-route="moduleOfUser" group-of-user-route="groupOfUser" user-representation-route="userRep"
+    dir-group-route="directory/Group?propName=samaccountname" dir-user-route="directory/user" dir-route="directory"
+    login-route="auth/login" , logout-route="auth/logout" , login-check-route="auth/check" />
   <meta name="api-url" content="/api">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">