+
+
+
diff --git a/src/app/pages/admin/admin-create-user/admin-create-user.ts b/src/app/pages/admin/admin-create-user/admin-create-user.ts
new file mode 100644
index 0000000..5ac420d
--- /dev/null
+++ b/src/app/pages/admin/admin-create-user/admin-create-user.ts
@@ -0,0 +1,152 @@
+import { CommonModule } from '@angular/common';
+import { Component, effect, inject, signal } from '@angular/core';
+import { Field, form, minLength, required, validate } from '@angular/forms/signals';
+import { FormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import { AdminCreateUserRequest, UserRole } from '@models/user';
+import { Router } from '@angular/router';
+import { Authorization } from '@services/authorization/authorization';
+import { FormUtility } from '@utilities/form-utility';
+
+function hasValidPasswordComplexity(value: string): boolean {
+ return /^\S+$/.test(value)
+ && /[a-z]/.test(value)
+ && /[A-Z]/.test(value)
+ && /\d/.test(value)
+ && /[^A-Za-z0-9]/.test(value);
+}
+
+@Component({
+ selector: 'app-admin-create-user-page',
+ imports: [
+ CommonModule,
+ FormsModule,
+ Field,
+ MatButtonModule,
+ MatCardModule,
+ MatFormFieldModule,
+ MatIconModule,
+ MatInputModule,
+ MatSelectModule
+ ],
+ templateUrl: './admin-create-user.html',
+ styleUrl: './admin-create-user.css'
+})
+export class AdminCreateUserPage extends FormUtility {
+ private authorization = inject(Authorization);
+ private router = inject(Router);
+
+ readonly createError = signal
+
+
+ @if (successMessage()) {
+
+
+ Admin
+ Create User
+Provision a new account with email, role and password policy enforcement.
+{{ successMessage() }}
+ }
+
+ New user
+
+
+
+
+
+
+ @if (resetPasswordDialogUser(); as user) {
+
+
+ }
+
diff --git a/src/app/pages/admin/admin-users-list/admin-users-list.ts b/src/app/pages/admin/admin-users-list/admin-users-list.ts
new file mode 100644
index 0000000..0ae8c41
--- /dev/null
+++ b/src/app/pages/admin/admin-users-list/admin-users-list.ts
@@ -0,0 +1,167 @@
+import { CommonModule } from '@angular/common';
+import { Component, inject, signal } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatSelectModule } from '@angular/material/select';
+import { AdminUser, UserRole } from '@models/user';
+import { Router } from '@angular/router';
+import { Authorization } from '@services/authorization/authorization';
+import { ConfirmDialogService } from '@services/dialogs/confirm-dialog';
+import { AdminResetPasswordDialogComponent } from '@shared/admin-reset-password-dialog/admin-reset-password-dialog';
+
+@Component({
+ selector: 'app-admin-users-list-page',
+ imports: [
+ CommonModule,
+ FormsModule,
+ MatButtonModule,
+ MatCardModule,
+ MatFormFieldModule,
+ MatIconModule,
+ MatSelectModule,
+ AdminResetPasswordDialogComponent
+ ],
+ templateUrl: './admin-users-list.html',
+ styleUrl: './admin-users-list.css'
+})
+export class AdminUsersListPage {
+ private authorization = inject(Authorization);
+ private confirmDialog = inject(ConfirmDialogService);
+ private router = inject(Router);
+
+ readonly users = signal
+
+
+ @if (successMessage()) {
+
+
+
+ Admin
+ Users
+Review existing users, change roles, reset passwords and remove accounts.
+{{ successMessage() }}
+ }
+
+ Users
+
+ @if (loading()) {
+ Loading users...
+ } @else if (pageError()) {
+ {{ pageError() }}
+ } @else if (!users().length) {
+ No users found.
+ } @else {
+
+ @for (user of users(); track user.username) {
+
+ }
+
+
+ }
+
+
+
+ {{ user.username }}
+ {{ user.email || 'No email' }}
+
+
+ Role
+
+ USER
+ ADMIN
+
+
+
+
+
+
+
+
+
+
+ @if (roleErrorByUser()[user.username]) {
+ {{ roleErrorByUser()[user.username] }}
+ }
+
+
+
+
+
+
+
+ @if (resetPasswordDialogUser(); as user) {
+
+
+ }
+
diff --git a/src/app/pages/admin/admin-users/admin-users.ts b/src/app/pages/admin/admin-users/admin-users.ts
new file mode 100644
index 0000000..b67e223
--- /dev/null
+++ b/src/app/pages/admin/admin-users/admin-users.ts
@@ -0,0 +1,278 @@
+import { CommonModule } from '@angular/common';
+import { Component, effect, inject, signal } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { Field, form, minLength, required, validate } from '@angular/forms/signals';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import {
+ AdminCreateUserRequest,
+ AdminUser,
+ UserRole
+} from '@models/user';
+import { Authorization } from '@services/authorization/authorization';
+import { ConfirmDialogService } from '@services/dialogs/confirm-dialog';
+import { AdminResetPasswordDialogComponent } from '@shared/admin-reset-password-dialog/admin-reset-password-dialog';
+import { FormUtility } from '@utilities/form-utility';
+
+function hasValidPasswordComplexity(value: string): boolean {
+ return /^\S+$/.test(value)
+ && /[a-z]/.test(value)
+ && /[A-Z]/.test(value)
+ && /\d/.test(value)
+ && /[^A-Za-z0-9]/.test(value);
+}
+
+@Component({
+ selector: 'app-admin-users',
+ imports: [
+ CommonModule,
+ FormsModule,
+ Field,
+ MatButtonModule,
+ MatCardModule,
+ MatFormFieldModule,
+ MatIconModule,
+ MatInputModule,
+ MatSelectModule,
+ AdminResetPasswordDialogComponent
+ ],
+ templateUrl: './admin-users.html',
+ styleUrl: './admin-users.css'
+})
+export class AdminUsersPage extends FormUtility {
+ private authorization = inject(Authorization);
+ private confirmDialog = inject(ConfirmDialogService);
+
+ readonly users = signal
+
+
+ @if (successMessage()) {
+
+
+
+ Admin
+ User Management
+Create users, change roles, reset passwords and remove accounts.
+{{ successMessage() }}
+ }
+
+ Create User
+
+ Users
+
+ @if (loading()) {
+ Loading users...
+ } @else if (pageError()) {
+ {{ pageError() }}
+ } @else if (!users().length) {
+ No users found.
+ } @else {
+
+ @for (user of users(); track user.username) {
+
+ }
+
+
+ }
+
+
+
+ {{ user.username }}
+ {{ user.email || 'No email' }}
+
+
+ Role
+
+ USER
+ ADMIN
+
+
+
+
+
+
+
+
+
+
+ @if (roleErrorByUser()[user.username]) {
+ {{ roleErrorByUser()[user.username] }}
+ }
+