From 5cfc31b83cd24b6538755ee9cfd8f51b08024051 Mon Sep 17 00:00:00 2001 From: TekH Date: Mon, 28 Jul 2025 14:07:13 +0200 Subject: [PATCH] refactor(changeDetection): update to use On push in components and pages --- .../ClientApp/user_manager_ui/src/app/app.component.ts | 7 ++++--- .../components/forms/group-form/group-form.component.ts | 5 +++-- .../forms/group-update-form/group-update-form.component.ts | 5 +++-- .../forms/user-create-form/user-create-form.component.ts | 5 +++-- .../forms/user-update-form/user-update-form.component.ts | 5 +++-- .../group-dir-import/group-dir-import.component.ts | 5 +++-- .../src/app/components/info/info.component.ts | 5 +++-- .../src/app/components/login/login.component.ts | 5 +++-- .../src/app/components/nav-menu/nav-menu.component.ts | 5 +++-- .../summaries/user-summary/user-summary.component.ts | 5 +++-- .../components/tables/base-table/base-table.component.ts | 5 +++-- .../tables/dir-group-table/dir-group-table.component.ts | 5 +++-- .../tables/dir-user-table/dir-user-table.component.ts | 5 +++-- .../components/tables/group-table/group-table.component.ts | 5 +++-- .../tables/group-user-table/group-user-table.component.ts | 5 +++-- .../tables/module-table/module-table.component.ts | 5 +++-- .../tables/user-rep-table/user-rep-table.component.ts | 5 +++-- .../components/tables/user-table/user-table.component.ts | 5 +++-- .../user-group-dir-import.component.ts | 5 +++-- .../src/app/pages/base-page/base-page.component.ts | 5 +++-- .../user_manager_ui/src/app/pages/group/group.component.ts | 5 +++-- .../user_manager_ui/src/app/pages/home/home.component.ts | 5 +++-- .../src/app/pages/module/module.component.ts | 5 +++-- .../app/pages/user-assignment/user-assignment.component.ts | 5 +++-- .../user-representation/user-representation.component.ts | 5 +++-- .../user_manager_ui/src/app/pages/user/user.component.ts | 5 +++-- 26 files changed, 79 insertions(+), 53 deletions(-) diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/app.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/app.component.ts index 4d6e69a..94233b7 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/app.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/app.component.ts @@ -1,6 +1,6 @@ -import { Component, HostListener, inject } from '@angular/core'; +import { ChangeDetectionStrategy, Component, HostListener, inject } from '@angular/core'; import { RouterOutlet } from '@angular/router'; -import {NavMenuComponent} from './components/nav-menu/nav-menu.component' +import { NavMenuComponent } from './components/nav-menu/nav-menu.component' import { TransferService } from './services/button/transfer.service'; import { UpdateService } from './services/button/update.service'; import { RefreshService } from './services/button/refresh.service'; @@ -11,7 +11,8 @@ import { DeletionService } from './services/button/deletion.service'; standalone: true, imports: [RouterOutlet, NavMenuComponent], templateUrl: './app.component.html', - styleUrl: './app.component.scss' + styleUrl: './app.component.scss', + changeDetection: ChangeDetectionStrategy.Default }) export class AppComponent { title = 'app'; diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-form/group-form.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-form/group-form.component.ts index feeb4dd..e8b393d 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-form/group-form.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-form/group-form.component.ts @@ -1,4 +1,4 @@ -import { Component, model, signal } from '@angular/core'; +import { ChangeDetectionStrategy, Component, model, signal } from '@angular/core'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { FormControl, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms'; import { MatFormFieldModule } from '@angular/material/form-field'; @@ -21,7 +21,8 @@ import Swal from 'sweetalert2'; standalone: true, imports: [MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule, MatIconModule, MatButtonModule, MatCheckboxModule, CommonModule, MatTabsModule, UserGroupDirImportComponent, GroupDirImportComponent], templateUrl: './group-form.component.html', - styleUrl: './group-form.component.scss' + styleUrl: './group-form.component.scss', + changeDetection: ChangeDetectionStrategy.OnPush }) export class GroupFormComponent { readonly groupname = new FormControl('', [Validators.required]); diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.ts index 053f264..b997e95 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, signal } from '@angular/core'; +import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core'; import { Group } from '../../../services/api/api-models'; import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog'; import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms'; @@ -22,7 +22,8 @@ import { MatSlideToggleModule } from '@angular/material/slide-toggle'; standalone: true, imports: [MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule, MatIconModule, MatButtonModule, CommonModule, MatTabsModule, MatSelectModule, MatDividerModule, MatCheckboxModule, MatSlideToggleModule], templateUrl: './group-update-form.component.html', - styleUrl: './group-update-form.component.scss' + styleUrl: './group-update-form.component.scss', + changeDetection: ChangeDetectionStrategy.OnPush }) export class GroupUpdateFormComponent { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-create-form/user-create-form.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-create-form/user-create-form.component.ts index 8a3b29b..dd23107 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-create-form/user-create-form.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-create-form/user-create-form.component.ts @@ -1,4 +1,4 @@ -import { Component, signal } from '@angular/core'; +import { ChangeDetectionStrategy, Component, signal } from '@angular/core'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { FormControl, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms'; import { MatFormFieldModule } from '@angular/material/form-field'; @@ -18,7 +18,8 @@ import Swal from 'sweetalert2'; standalone: true, imports: [MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule, MatIconModule, MatButtonModule, CommonModule, MatTabsModule, UserGroupDirImportComponent], templateUrl: './user-create-form.component.html', - styleUrl: './user-create-form.component.scss' + styleUrl: './user-create-form.component.scss', + changeDetection: ChangeDetectionStrategy.OnPush }) export class UserCreateFormComponent { readonly email = new FormControl('', [Validators.required, Validators.email]); diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.ts index 60fa693..bd2541a 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, signal } from '@angular/core'; +import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core'; import { User } from '../../../services/api/api-models'; import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog'; import { FormControl, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms'; @@ -22,7 +22,8 @@ import {MatDividerModule} from '@angular/material/divider'; standalone: true, imports: [MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule, MatIconModule, MatButtonModule, CommonModule, MatTabsModule, MatSelectModule, MatDividerModule], templateUrl: './user-update-form.component.html', - styleUrl: './user-update-form.component.scss' + styleUrl: './user-update-form.component.scss', + changeDetection: ChangeDetectionStrategy.OnPush }) export class UserUpdateFormComponent { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/group-dir-import/group-dir-import.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/group-dir-import/group-dir-import.component.ts index d6ee852..dff7b11 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/group-dir-import/group-dir-import.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/group-dir-import/group-dir-import.component.ts @@ -1,4 +1,4 @@ -import { Component, Inject, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Inject, OnInit, ViewChild } from '@angular/core'; import { GuiRowSelection, GuiRowSelectionMode, GuiRowSelectionType } from '@generic-ui/ngx-grid'; import Swal from 'sweetalert2'; import { GroupService } from '../../services/api/group.service'; @@ -12,7 +12,8 @@ import { DirGroup } from '../../services/api/api-models'; imports: [DirGroupTableComponent], selector: 'app-group-dir-import', templateUrl: './group-dir-import.component.html', - styleUrl: './group-dir-import.component.css' + styleUrl: './group-dir-import.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class GroupDirImportComponent implements OnInit { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/info/info.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/info/info.component.ts index c5a86a9..ed4177b 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/info/info.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/info/info.component.ts @@ -1,11 +1,12 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; @Component({ selector: 'app-info', standalone: true, imports: [], templateUrl: './info.component.html', - styleUrl: './info.component.scss' + styleUrl: './info.component.scss', + changeDetection: ChangeDetectionStrategy.OnPush }) export class InfoComponent { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/login/login.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/login/login.component.ts index 8c40fc2..aa26573 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/login/login.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/login/login.component.ts @@ -1,4 +1,4 @@ -import { Component, Inject, Input } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core'; import { AuthenticationService } from '../../services/api/authentication.service'; import Swal from 'sweetalert2'; import { MAT_DIALOG_DATA } from '@angular/material/dialog'; @@ -10,7 +10,8 @@ import { FormsModule } from '@angular/forms'; imports: [CommonModule, FormsModule], selector: 'app-login', templateUrl: './login.component.html', - styleUrl: './login.component.css' + styleUrl: './login.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class LoginComponent { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/nav-menu/nav-menu.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/nav-menu/nav-menu.component.ts index 520c6ad..5d74d25 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/nav-menu/nav-menu.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/nav-menu/nav-menu.component.ts @@ -1,4 +1,4 @@ -import { Component, QueryList, ViewChildren } from '@angular/core'; +import { ChangeDetectionStrategy, Component, QueryList, ViewChildren } from '@angular/core'; import { MatDialog } from '@angular/material/dialog'; import { AuthenticationService, IsLogedIn } from '../../services/api/authentication.service'; import { LoginComponent } from '../login/login.component'; @@ -23,7 +23,8 @@ import { MatButtonModule } from '@angular/material/button'; imports: [RouterModule, CommonModule, ColorModeBttnComponent, MatIconModule, MatBadgeModule, MatSlideToggleModule, FormsModule, MatButtonModule, MatTooltipModule], selector: 'app-nav-menu', templateUrl: './nav-menu.component.html', - styleUrls: ['./nav-menu.component.css'] + styleUrls: ['./nav-menu.component.css'], + changeDetection: ChangeDetectionStrategy.Default }) export class NavMenuComponent { isLogedIn() { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/summaries/user-summary/user-summary.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/summaries/user-summary/user-summary.component.ts index ea8389d..c4b7e3b 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/summaries/user-summary/user-summary.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/summaries/user-summary/user-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, Inject } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Inject } from '@angular/core'; import { MatListModule } from '@angular/material/list'; import { User } from '../../../services/api/api-models' import { MAT_BOTTOM_SHEET_DATA } from '@angular/material/bottom-sheet'; @@ -8,7 +8,8 @@ import { MAT_BOTTOM_SHEET_DATA } from '@angular/material/bottom-sheet'; standalone: true, imports: [MatListModule], templateUrl: './user-summary.component.html', - styleUrl: './user-summary.component.scss' + styleUrl: './user-summary.component.scss', + changeDetection: ChangeDetectionStrategy.OnPush }) export class UserSummaryComponent { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/base-table/base-table.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/base-table/base-table.component.ts index 8f97cd0..110021a 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/base-table/base-table.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/base-table/base-table.component.ts @@ -1,4 +1,4 @@ -import { Component, Inject, Input, OnDestroy, OnInit, ViewChild, input } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Inject, Input, OnDestroy, OnInit, ViewChild, input } from '@angular/core'; import { ApiService } from '../../../services/api/api-service'; import { GuiGridModule, GuiColumn, GuiColumnMenu, GuiSorting, GuiRowDetail, GuiPaging, GuiPagingDisplay, GuiSearching, GuiCellEdit, GuiInfoPanel, GuiTitlePanel, GuiRowSelection, GuiSelectedRow, GuiGridComponent, GuiGridApi, GuiTheme, GuiRowStyle, GuiRowClass } from '@generic-ui/ngx-grid'; import { Subscription } from 'rxjs/internal/Subscription'; @@ -11,7 +11,8 @@ import { FormsModule } from '@angular/forms'; imports: [CommonModule, FormsModule, GuiGridModule], selector: 'app-base-table', templateUrl: './base-table.component.html', - styleUrl: './base-table.component.css' + styleUrl: './base-table.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class BaseTableComponent> implements OnInit, OnDestroy { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/dir-group-table/dir-group-table.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/dir-group-table/dir-group-table.component.ts index 0a612e2..897bba3 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/dir-group-table/dir-group-table.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/dir-group-table/dir-group-table.component.ts @@ -1,4 +1,4 @@ -import { Component, Inject } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Inject } from '@angular/core'; import { BaseTableComponent } from '../base-table/base-table.component'; import { DirGroupService } from '../../../services/api/dir-group.service'; import { DirGroup } from '../../../services/api/api-models'; @@ -15,7 +15,8 @@ import { firstValueFrom } from 'rxjs'; imports: [CommonModule, FormsModule, GuiGridModule ], selector: 'app-dir-group-table', templateUrl: '../base-table/base-table.component.html', - styleUrl: './dir-group-table.component.css' + styleUrl: './dir-group-table.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class DirGroupTableComponent extends BaseTableComponent { constructor(service: DirGroupService, cModeService: ColorModeService, private gService: GroupService) { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/dir-user-table/dir-user-table.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/dir-user-table/dir-user-table.component.ts index 90d10b0..29503d2 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/dir-user-table/dir-user-table.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/dir-user-table/dir-user-table.component.ts @@ -1,4 +1,4 @@ -import { Component, Inject } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Inject } from '@angular/core'; import { DirUser } from '../../../services/api/api-models'; import { DirUserService } from '../../../services/api/dir-user.service'; import { BaseTableComponent } from '../base-table/base-table.component'; @@ -15,7 +15,8 @@ import { firstValueFrom } from 'rxjs/internal/firstValueFrom'; imports: [CommonModule, FormsModule, GuiGridModule], selector: 'app-dir-user-table', templateUrl: '../base-table/base-table.component.html', - styleUrl: './dir-user-table.component.css' + styleUrl: './dir-user-table.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class DirUserTableComponent extends BaseTableComponent { constructor(service: DirUserService, cModeService: ColorModeService, private uService: UserService) { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/group-table/group-table.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/group-table/group-table.component.ts index c434af6..8eff878 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/group-table/group-table.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/group-table/group-table.component.ts @@ -1,4 +1,4 @@ -import { Component, Inject } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Inject } from '@angular/core'; import { GroupService } from '../../../services/api/group.service'; import { Group } from '../../../services/api/api-models'; import { GuiGridModule, GuiColumn } from '@generic-ui/ngx-grid'; @@ -14,7 +14,8 @@ import { GroupOfUserService } from '../../../services/api/group-of-user.service' imports: [CommonModule, FormsModule, GuiGridModule], selector: 'app-group-table', templateUrl: '../base-table/base-table.component.html', - styleUrl: './group-table.component.css' + styleUrl: './group-table.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class GroupTableComponent extends BaseTableComponent { constructor(service: GroupService, cModeService: ColorModeService, private gouService: GroupOfUserService) { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/group-user-table/group-user-table.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/group-user-table/group-user-table.component.ts index 63e9e01..88a68df 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/group-user-table/group-user-table.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/group-user-table/group-user-table.component.ts @@ -1,4 +1,4 @@ -import { Component, Inject } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Inject } from '@angular/core'; import { GroupOfUserService } from '../../../services/group-of-user.service'; import { GroupOfUser } from '../../../services/api/api-models'; import { GuiGridModule, GuiColumn } from '@generic-ui/ngx-grid'; @@ -13,7 +13,8 @@ import { env } from '../../../../environments/environment'; imports: [CommonModule, FormsModule, GuiGridModule ], selector: 'app-group-user-table', templateUrl: '../base-table/base-table.component.html', - styleUrl: './group-user-table.component.css' + styleUrl: './group-user-table.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class GroupUserTableComponent extends BaseTableComponent { constructor(service: GroupOfUserService, cModeService: ColorModeService) { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/module-table/module-table.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/module-table/module-table.component.ts index 71035ef..5fb7ed6 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/module-table/module-table.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/module-table/module-table.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { Module } from '../../../services/api/api-models'; import { GuiGridModule } from '@generic-ui/ngx-grid'; import { BaseTableComponent } from '../base-table/base-table.component'; @@ -14,7 +14,8 @@ import { ModuleOfUserService } from '../../../services/api/module-of-user.servic imports: [CommonModule, FormsModule, GuiGridModule], selector: 'app-module-table', templateUrl: '../base-table/base-table.component.html', - styleUrl: './module-table.component.css' + styleUrl: './module-table.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class ModuleTableComponent extends BaseTableComponent { constructor( diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/user-rep-table/user-rep-table.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/user-rep-table/user-rep-table.component.ts index 0e74f26..a61d56a 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/user-rep-table/user-rep-table.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/user-rep-table/user-rep-table.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { UserRep } from '../../../services/api/api-models'; import { UserRepService } from '../../../services/api/user-representation.service'; import { BaseTableComponent } from '../base-table/base-table.component'; @@ -13,7 +13,8 @@ import { env } from '../../../../environments/environment'; imports: [CommonModule, FormsModule, GuiGridModule], selector: 'app-user-rep-table', templateUrl: '../base-table/base-table.component.html', - styleUrl: './user-rep-table.component.css' + styleUrl: './user-rep-table.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class UserRepTableComponent extends BaseTableComponent { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/user-table/user-table.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/user-table/user-table.component.ts index 3db055d..f50c029 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/user-table/user-table.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/tables/user-table/user-table.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { UserService } from '../../../services/api/user.service'; import { ModuleOfUserService } from '../../../services/api/module-of-user.service'; import { GroupOfUserService } from '../../../services/api/group-of-user.service'; @@ -15,7 +15,8 @@ import { env } from '../../../../environments/environment'; imports: [CommonModule, FormsModule, GuiGridModule], selector: 'app-user-table', templateUrl: '../base-table/base-table.component.html', - styleUrl: './user-table.component.css' + styleUrl: './user-table.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class UserTableComponent extends BaseTableComponent { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/user-group-dir-import/user-group-dir-import.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/user-group-dir-import/user-group-dir-import.component.ts index 7d6a752..d933d1b 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/user-group-dir-import/user-group-dir-import.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/user-group-dir-import/user-group-dir-import.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, Inject, OnInit, ViewChild } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, Inject, OnInit, ViewChild } from '@angular/core'; import { GuiRowSelection, GuiRowSelectionMode, GuiRowSelectionType, GuiSelectedRow } from '@generic-ui/ngx-grid'; import Swal from 'sweetalert2'; import { GroupService } from '../../services/api/group.service'; @@ -15,7 +15,8 @@ import { RefreshService } from '../../services/button/refresh.service'; imports: [DirGroupTableComponent, DirUserTableComponent], selector: 'app-user-group-dir-import', templateUrl: './user-group-dir-import.component.html', - styleUrl: './user-group-dir-import.component.css' + styleUrl: './user-group-dir-import.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class UserGroupDirImportComponent implements OnInit, AfterViewInit { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/base-page/base-page.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/base-page/base-page.component.ts index 60a01a3..9667af5 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/base-page/base-page.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/base-page/base-page.component.ts @@ -1,4 +1,4 @@ -import { Component, HostListener, inject } from '@angular/core'; +import { ChangeDetectionStrategy, Component, HostListener, inject } from '@angular/core'; import { RefreshService } from '../../services/button/refresh.service'; import { CreationService } from '../../services/button/creation.service'; import { UpdateService } from '../../services/button/update.service'; @@ -11,7 +11,8 @@ import { ButtonVisibilityService } from '../../services/button/button-visibility standalone: true, imports: [], templateUrl: './base-page.component.html', - styleUrl: './base-page.component.scss' + styleUrl: './base-page.component.scss', + changeDetection: ChangeDetectionStrategy.OnPush }) export class BasePageComponent { 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 a376d5e..6824321 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 @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, ViewChild, inject } 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'; @@ -17,7 +17,8 @@ import { GroupUpdateFormComponent } from '../../components/forms/group-update-fo imports: [GroupTableComponent, UserTableComponent, MatTabsModule], selector: 'app-group', templateUrl: './group.component.html', - styleUrl: './group.component.css' + styleUrl: './group.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class GroupComponent extends BasePageComponent implements AfterViewInit { initWithoutData = () => { } diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/home/home.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/home/home.component.ts index fa7340a..2803ba8 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/home/home.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/home/home.component.ts @@ -1,10 +1,11 @@ -import { AfterViewInit, Component } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component } from '@angular/core'; import { BasePageComponent } from '../base-page/base-page.component'; @Component({ standalone: true, selector: 'app-home', - templateUrl: './home.component.html' + templateUrl: './home.component.html', + changeDetection: ChangeDetectionStrategy.OnPush }) export class HomeComponent extends BasePageComponent implements AfterViewInit { ngAfterViewInit(): void { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/module/module.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/module/module.component.ts index 3fd9b7c..874d400 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/module/module.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/module/module.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, ViewChild } from '@angular/core'; import { ModuleTableComponent } from '../../components/tables/module-table/module-table.component'; import { MatTabsModule } from '@angular/material/tabs'; import { UserTableComponent } from '../../components/tables/user-table/user-table.component'; @@ -10,7 +10,8 @@ import { BasePageComponent } from '../base-page/base-page.component'; imports: [ModuleTableComponent, MatTabsModule, UserTableComponent], selector: 'app-module', templateUrl: './module.component.html', - styleUrl: './module.component.css' + styleUrl: './module.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class ModuleComponent extends BasePageComponent implements AfterViewInit { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user-assignment/user-assignment.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user-assignment/user-assignment.component.ts index 230fb6d..c1cdd55 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user-assignment/user-assignment.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user-assignment/user-assignment.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, Input, OnInit, ViewChild } from '@angular/core'; import { TabItem } from '../../components/common/tab-card/tab-card.component'; import { GuiRowSelection, GuiRowSelectionMode, GuiRowSelectionType, GuiSelectedRow } from '@generic-ui/ngx-grid'; import { UserTableComponent } from '../../components/tables/user-table/user-table.component'; @@ -13,7 +13,8 @@ import { BasePageComponent } from '../base-page/base-page.component'; imports: [MatTabsModule, MatTabGroup, UserTableComponent, ModuleTableComponent, GroupTableComponent], selector: 'app-user-assignment', templateUrl: './user-assignment.component.html', - styleUrl: './user-assignment.component.scss' + styleUrl: './user-assignment.component.scss', + changeDetection: ChangeDetectionStrategy.OnPush }) export class UserAssignmentComponent extends BasePageComponent implements OnInit, AfterViewInit { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user-representation/user-representation.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user-representation/user-representation.component.ts index 457e64f..7604764 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user-representation/user-representation.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user-representation/user-representation.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, ViewChild, inject } from '@angular/core'; import { GuiColumn, GuiRowClass, GuiRowStyle, GuiSelectedRow } from '@generic-ui/ngx-grid/gui/grid/src/core/api/gui.grid.public-api'; import { UserTableComponent } from '../../components/tables/user-table/user-table.component'; import { UserRepTableComponent } from '../../components/tables/user-rep-table/user-rep-table.component'; @@ -20,7 +20,8 @@ import { UserService } from '../../services/api/user.service'; imports: [MatTabsModule, MatTabGroup, UserTableComponent, GroupTableComponent, UserRepTableComponent], selector: 'app-user-representation', templateUrl: './user-representation.component.html', - styleUrl: './user-representation.component.css' + styleUrl: './user-representation.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class UserRepresentationComponent extends BasePageComponent implements AfterViewInit { diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user/user.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user/user.component.ts index 531b7fd..f5f36bb 100644 --- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user/user.component.ts +++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user/user.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, ViewChild, inject } from '@angular/core'; import { GuiCellEdit, GuiSelectedRow } from '@generic-ui/ngx-grid'; import { UserTableComponent } from '../../components/tables/user-table/user-table.component'; import { MatTabsModule } from '@angular/material/tabs'; @@ -20,7 +20,8 @@ import { UserUpdateFormComponent } from '../../components/forms/user-update-form imports: [UserTableComponent, MatTabsModule, GroupTableComponent, ModuleTableComponent, MatButtonModule, MatBottomSheetModule], selector: 'app-user', templateUrl: './user.component.html', - styleUrl: './user.component.css' + styleUrl: './user.component.css', + changeDetection: ChangeDetectionStrategy.OnPush }) export class UserComponent extends BasePageComponent implements AfterViewInit { initWithoutData = () => { }