add user role components

admin/src/app/app.routes.ts

@@ -27,8 +27,54 @@ import {
 } from './features/user-group/components/user-group-details/user-group-details.component';
 import { UserGroupTableComponent } from './features/user-group/components/user-group-table/user-group-table.component';
 import { UserGroupListComponent } from './features/user-group/components/user-group-list/user-group-list.component';
+import { UserRoleFormComponent } from './features/user-role/components/user-role-form/user-role-form.component';
+import {
+  UserRoleDetailsComponent,
+} from './features/user-role/components/user-role-details/user-role-details.component';
+import { UserRoleTableComponent } from './features/user-role/components/user-role-table/user-role-table.component';
+import { UserRoleListComponent } from './features/user-role/components/user-role-list/user-role-list.component';
 
 export const routes: Routes = [
+  {
+    path: 'user-role/new',
+    component: UserRoleFormComponent,
+    canActivate: [AuthGuard],
+    data: {
+      roles: ['admin'],
+    },
+  },
+  {
+    path: 'user-role',
+    component: UserRoleListComponent,
+    canActivate: [AuthGuard],
+    data: {
+      roles: ['admin'],
+    },
+  },
+  {
+    path: 'user-role/table',
+    component: UserRoleTableComponent,
+    canActivate: [AuthGuard],
+    data: {
+      roles: ['admin'],
+    },
+  },
+  {
+    path: 'user-role/:id',
+    component: UserRoleDetailsComponent,
+    canActivate: [AuthGuard],
+    data: {
+      roles: ['admin'],
+    },
+  },
+  {
+    path: 'user-role/:id/edit',
+    component: UserRoleFormComponent,
+    canActivate: [AuthGuard],
+    data: {
+      roles: ['admin'],
+    },
+  },
   {
     path: 'user-group/new',
     component: UserGroupFormComponent,

admin/src/app/app.ts

@@ -44,12 +44,21 @@ export class App {
   <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
 </svg>
 `
-      },{
+      },
+      {
         menuText: 'Felhasználó Csoport',
         targetUrl: '/user-group/table',
         svgIcon: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
   <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
 </svg>
+`
+      },
+{
+        menuText: 'Felhasználó Szerepek',
+        targetUrl: '/user-role/table',
+        svgIcon: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" />
+</svg>
 `
       },
 

admin/src/app/features/user-role/components/user-role-details/user-role-details.component.html

@@ -0,0 +1,38 @@
+<!-- dvbooking-cli/src/templates/angular/details.component.html.tpl -->
+
+<!-- Generated by the CLI -->
+<div class="p-4 md:p-8">
+  <ng-container *ngIf="userRole$ | async as userRole; else loading">
+    <div class="card bg-base-100 shadow-xl max-w-2xl mx-auto">
+      <div class="card-body">
+        <h2 class="card-title text-3xl">UserRole Details</h2>
+
+        <div class="overflow-x-auto mt-4">
+          <table class="table w-full">
+            <tbody>
+                  <tr>
+                    <th>id</th>
+                    <td>{{ userRole.id }}</td>
+                  </tr>
+                  <tr>
+                    <th>name</th>
+                    <td>{{ userRole.name }}</td>
+                  </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <div class="card-actions justify-end mt-6">
+          <a routerLink="/user-role" class="btn btn-secondary">Back to List</a>
+          <a routerLink="/user-role/{{ userRole.id }}/edit" class="btn btn-primary">Edit</a>
+        </div>
+      </div>
+    </div>
+  </ng-container>
+
+  <ng-template #loading>
+    <div class="text-center p-8">
+      <span class="loading loading-spinner loading-lg"></span>
+    </div>
+  </ng-template>
+</div>

admin/src/app/features/user-role/components/user-role-details/user-role-details.component.ts

@@ -0,0 +1,34 @@
+// dvbooking-cli/src/templates/angular/details.component.ts.tpl
+
+// Generated by the CLI
+import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ActivatedRoute, RouterModule } from '@angular/router';
+import { Observable } from 'rxjs';
+import { switchMap } from 'rxjs/operators';
+import { UserRole } from '../../models/user-role.model';
+import { UserRoleService } from '../../services/user-role.service';
+
+@Component({
+  selector: 'app-user-role-details',
+  templateUrl: './user-role-details.component.html',
+  standalone: true,
+  imports: [CommonModule, RouterModule],
+})
+export class UserRoleDetailsComponent implements OnInit {
+  userRole$!: Observable<UserRole>;
+
+  constructor(
+    private route: ActivatedRoute,
+    private userRoleService: UserRoleService
+  ) {}
+
+  ngOnInit(): void {
+    this.userRole$ = this.route.params.pipe(
+      switchMap(params => {
+        const id = params['id'];
+        return this.userRoleService.findOne(id);
+      })
+    );
+  }
+}

admin/src/app/features/user-role/components/user-role-filter/user-role-filter.component.html

@@ -0,0 +1,12 @@
+<!-- dvbooking-cli/src/templates/angular/filter.component.html.tpl -->
+<!-- Generated by the CLI -->
+<form [formGroup]="filterForm" class="p-4 bg-base-200 rounded-lg shadow">
+<div class="grid grid-cols-1 md:grid-cols-4 gap-4 items-end">
+<div class="form-control"><label class="label"><span class="label-text">name</span></label>
+              <input type="text" formControlName="name" class="input input-bordered w-full" placeholder="Filter by name" /></div>
+
+<div class="form-control">
+  <button type="button" (click)="reset()" class="btn btn-secondary">Reset</button>
+</div>
+</div>
+</form>

admin/src/app/features/user-role/components/user-role-filter/user-role-filter.component.ts

@@ -0,0 +1,37 @@
+// dvbooking-cli/src/templates/angular/filter.component.ts.tpl
+
+// Generated by the CLI
+import { Component, EventEmitter, Output } from '@angular/core';
+import { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
+
+@Component({
+  selector: 'app-user-role-filter',
+  templateUrl: './user-role-filter.component.html',
+  standalone: true,
+  imports: [ReactiveFormsModule]
+})
+export class UserRoleFilterComponent {
+  @Output() filterChanged = new EventEmitter<any>();
+  filterForm: FormGroup;
+
+  constructor(private fb: FormBuilder) {
+    this.filterForm = this.fb.group({
+          name: ['']
+    });
+
+    this.filterForm.valueChanges.pipe(
+      debounceTime(300),
+      distinctUntilChanged()
+    ).subscribe(values => {
+      const cleanFilter = Object.fromEntries(
+        Object.entries(values).filter(([_, v]) => v != null && v !== '')
+      );
+      this.filterChanged.emit(cleanFilter);
+    });
+  }
+
+  reset() {
+    this.filterForm.reset();
+  }
+}

admin/src/app/features/user-role/components/user-role-form/user-role-form.component.html

@@ -0,0 +1,25 @@
+<!-- dvbooking-cli/src/templates/angular/form.component.html.tpl -->
+
+<!-- Generated by the CLI -->
+<div class="p-4 md:p-8">
+  <div class="card bg-base-100 shadow-xl max-w-2xl mx-auto">
+    <div class="card-body">
+      <h2 class="card-title text-3xl">
+        {{ isEditMode ? 'Edit' : 'Create' }} UserRole
+      </h2>
+
+      <form [formGroup]="form" (ngSubmit)="onSubmit()" class="space-y-4 mt-4">
+
+            <div class="form-control"><label class="label"><span class="label-text">name</span></label>
+              <input type="text" formControlName="name" class="input input-bordered w-full"  /></div>
+
+        <div class="card-actions justify-end mt-6">
+          <a routerLink="/user-role" class="btn btn-ghost">Cancel</a>
+          <button type="submit" class="btn btn-primary" [disabled]="form.invalid">
+            {{ isEditMode ? 'Update' : 'Create' }}
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>

admin/src/app/features/user-role/components/user-role-form/user-role-form.component.ts

@@ -0,0 +1,85 @@
+// dvbooking-cli/src/templates/angular/form.component.ts.tpl
+
+// Generated by the CLI
+import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormBuilder, FormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
+import { ActivatedRoute, Router, RouterModule } from '@angular/router';
+import { Observable, of } from 'rxjs';
+import { switchMap, tap } from 'rxjs/operators';
+import { UserRole } from '../../models/user-role.model';
+import { UserRoleService } from '../../services/user-role.service';
+
+@Component({
+  selector: 'app-user-role-form',
+  templateUrl: './user-role-form.component.html',
+  standalone: true,
+  imports: [CommonModule, ReactiveFormsModule, RouterModule],
+})
+export class UserRoleFormComponent implements OnInit {
+  form: FormGroup;
+  isEditMode = false;
+  id: number | null = null;
+
+  private numericFields = [];
+
+  constructor(
+    private fb: FormBuilder,
+    private route: ActivatedRoute,
+    private router: Router,
+    private userRoleService: UserRoleService
+  ) {
+    this.form = this.fb.group({
+          name: [null]
+    });
+  }
+
+  ngOnInit(): void {
+    this.route.params.pipe(
+      tap(params => {
+        if (params['id']) {
+          this.isEditMode = true;
+          this.id = +params['id'];
+        }
+      }),
+      switchMap(() => {
+        if (this.isEditMode && this.id) {
+          return this.userRoleService.findOne(this.id);
+        }
+        return of(null);
+      })
+    ).subscribe(userRole => {
+      if (userRole) {
+        this.form.patchValue(userRole);
+      }
+    });
+  }
+
+  onSubmit(): void {
+    if (this.form.invalid) {
+      this.form.markAllAsTouched();
+      return;
+    }
+
+    const payload = { ...this.form.value };
+
+     for (const field of this.numericFields) {
+          if (payload[field] != null && payload[field] !== '') {
+            payload[field] = parseFloat(payload[field]);
+          }
+        }
+
+    let action$: Observable<UserRole>;
+
+   if (this.isEditMode && this.id) {
+      action$ = this.userRoleService.update(this.id, payload);
+    } else {
+      action$ = this.userRoleService.create(payload);
+    }
+
+    action$.subscribe({
+      next: () => this.router.navigate(['/user-role']),
+      error: (err) => console.error('Failed to save user-role', err)
+    });
+  }
+}

admin/src/app/features/user-role/components/user-role-list/user-role-list.component.html

@@ -0,0 +1,60 @@
+<!-- dvbooking-cli/src/templates/angular/list.component.html.tpl -->
+
+<!-- Generated by the CLI -->
+<div class="p-4 md:p-8 space-y-6">
+  <div class="flex justify-between items-center">
+    <h1 class="text-3xl font-bold">UserRoles</h1>
+    <a routerLink="/user-role/new" class="btn btn-primary">Create New</a>
+  </div>
+
+  <app-user-role-filter (filterChanged)="onFilterChanged($event)"></app-user-role-filter>
+
+  <ng-container *ngIf="paginatedResponse$ | async as response; else loading">
+    <div class="overflow-x-auto bg-base-100 rounded-lg shadow">
+      <table class="table w-full">
+        <thead>
+          <tr>
+              <th>id</th>
+              <th>name</th>
+            <th class="text-right">Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let item of response.data" class="hover">
+              <td>{{ item.id }}</td>
+              <td>{{ item.name }}</td>
+            <td class="text-right space-x-2">
+              <a [routerLink]="['/user-role', item.id]" class="btn btn-sm btn-ghost">View</a>
+              <a [routerLink]="['/user-role', item.id, 'edit']" class="btn btn-sm btn-ghost">Edit</a>
+              <button (click)="deleteItem(item.id)" class="btn btn-sm btn-error btn-ghost">Delete</button>
+            </td>
+          </tr>
+          <tr *ngIf="response.data.length === 0">
+            <td colspan="3" class="text-center">No user-role found.</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <!-- Pagination Controls -->
+    <div *ngIf="response.meta.totalPages > 1" class="flex justify-center mt-4">
+      <div class="join">
+        <button
+          class="join-item btn"
+          (click)="changePage(response.meta.currentPage - 1)"
+          [disabled]="response.meta.currentPage === 1">«</button>
+        <button class="join-item btn">Page {{ response.meta.currentPage }} of {{ response.meta.totalPages }}</button>
+        <button
+          class="join-item btn"
+          (click)="changePage(response.meta.currentPage + 1)"
+          [disabled]="response.meta.currentPage === response.meta.totalPages">»</button>
+      </div>
+    </div>
+  </ng-container>
+
+  <ng-template #loading>
+    <div class="text-center p-8">
+      <span class="loading loading-spinner loading-lg"></span>
+    </div>
+  </ng-template>
+</div>

admin/src/app/features/user-role/components/user-role-list/user-role-list.component.ts

@@ -0,0 +1,70 @@
+// dvbooking-cli/src/templates/angular/list.component.ts.tpl
+
+// Generated by the CLI
+import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { BehaviorSubject, Observable, combineLatest } from 'rxjs';
+import { switchMap, startWith } from 'rxjs/operators';
+import { UserRole } from '../../models/user-role.model';
+import { UserRoleService } from '../../services/user-role.service';
+import { UserRoleFilterComponent } from '../user-role-filter/user-role-filter.component';
+import { PaginatedResponse } from '../../../../../types';
+
+
+@Component({
+  selector: 'app-user-role-list',
+  templateUrl: './user-role-list.component.html',
+  standalone: true,
+  imports: [CommonModule,RouterModule, UserRoleFilterComponent],
+})
+export class UserRoleListComponent implements OnInit {
+
+  private refresh$ = new BehaviorSubject<void>(undefined);
+  private filter$ = new BehaviorSubject<any>({});
+  private page$ = new BehaviorSubject<number>(1);
+
+  paginatedResponse$!: Observable<PaginatedResponse<UserRole>>;
+
+  constructor(private userRoleService: UserRoleService) { }
+
+  ngOnInit(): void {
+    this.paginatedResponse$ = combineLatest([
+      this.refresh$,
+      this.filter$.pipe(startWith({})),
+      this.page$.pipe(startWith(1))
+    ]).pipe(
+      switchMap(([_, filter, page]) => {
+        const query = { ...filter, page, limit: 10 };
+        return this.userRoleService.find(query);
+      })
+    );
+  }
+
+  onFilterChanged(filter: any): void {
+    this.page$.next(1);
+    this.filter$.next(filter);
+  }
+
+  changePage(newPage: number): void {
+    if (newPage > 0) {
+      this.page$.next(newPage);
+    }
+  }
+
+  deleteItem(id: number): void {
+    if (confirm('Are you sure you want to delete this item?')) {
+      this.userRoleService.remove(id).subscribe({
+        next: () => {
+          console.log(`Item with ID ${id} deleted successfully.`);
+          this.refresh$.next();
+        },
+        // --- THIS IS THE FIX ---
+        // Explicitly type 'err' to satisfy strict TypeScript rules.
+        error: (err: any) => {
+          console.error(`Error deleting item with ID ${id}:`, err);
+        }
+      });
+    }
+  }
+}

admin/src/app/features/user-role/components/user-role-table/user-role-data-provider.service.ts

@@ -0,0 +1,26 @@
+// dvbooking-cli/src/templates/angular-generic/data-provider.service.ts.tpl
+
+// Generated by the CLI
+import { inject, Injectable } from '@angular/core';
+import { DataProvider, GetDataOptions, GetDataResponse } from '../../../../components/generic-table/data-provider.interface';
+import { UserRole } from '../../models/user-role.model';
+import { map, Observable } from 'rxjs';
+import { UserRoleService } from '../../services/user-role.service';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class UserRoleDataProvider implements DataProvider<UserRole> {
+  private userRoleService = inject(UserRoleService);
+
+  getData(options?: GetDataOptions): Observable<GetDataResponse<UserRole>> {
+      const {q,page,limit} = options?.params ?? {};
+     // The generic table's params are compatible with our NestJS Query DTO
+     return this.userRoleService.search(q ?? '',page,limit, ).pipe(
+      map((res) => {
+        // Adapt the paginated response to the GetDataResponse format
+        return { data: res };
+      })
+    );
+  }
+}

admin/src/app/features/user-role/components/user-role-table/user-role-table.component.html

@@ -0,0 +1,11 @@
+<!-- dvbooking-cli/src/templates/angular-generic/table.component.html.tpl -->
+
+<!-- Generated by the CLI -->
+<div class="p-4 md:p-8 space-y-6">
+  <div class="flex justify-between items-center">
+    <h1 class="text-3xl font-bold">UserRoles (Generic Table)</h1>
+    <a routerLink="/user-role/new" class="btn btn-primary">Create New</a>
+  </div>
+
+  <app-generic-table [config]="tableConfig"></app-generic-table>
+</div>

admin/src/app/features/user-role/components/user-role-table/user-role-table.component.ts

@@ -0,0 +1,100 @@
+// dvbooking-cli/src/templates/angular-generic/table.component.ts.tpl
+
+// Generated by the CLI
+import { Component, inject, OnInit } from '@angular/core';
+import { Router, RouterModule } from '@angular/router';
+import { UserRole } from '../../models/user-role.model';
+import { UserRoleDataProvider } from './user-role-data-provider.service';
+import { ColumnDefinition } from '../../../../components/generic-table/column-definition.interface';
+import { GenericTable } from '../../../../components/generic-table/generic-table';
+import { GenericTableConfig } from '../../../../components/generic-table/generic-table.config';
+import {
+  ActionDefinition,
+  GenericActionColumn,
+} from '../../../../components/generic-action-column/generic-action-column';
+import { UserRoleService } from '../../services/user-role.service';
+import { BehaviorSubject } from 'rxjs';
+
+@Component({
+  selector: 'app-user-role-table',
+  standalone: true,
+  imports: [GenericTable, RouterModule],
+  templateUrl: './user-role-table.component.html',
+})
+export class UserRoleTableComponent implements OnInit {
+
+  private refresh$ = new BehaviorSubject<void>(undefined);
+    private filter$ = new BehaviorSubject<any>({});
+    private page$ = new BehaviorSubject<number>(1);
+    private limit$ = new BehaviorSubject<number>(10);
+
+  router = inject(Router);
+  tableConfig!: GenericTableConfig<UserRole>;
+
+  userRoleDataProvider = inject(UserRoleDataProvider);
+  userRoleService = inject(UserRoleService);
+
+  ngOnInit(): void {
+    const actionHandler = (action: ActionDefinition<UserRole>, item: UserRole) => {
+      switch (action.action) {
+        case 'view':
+          this.router.navigate(['/user-role', item?.id]);
+          break;
+        case 'edit':
+          this.router.navigate(['/user-role', item?.id, 'edit']);
+          break;
+        case 'delete':
+           this.deleteItem(item.id);
+           break;
+      }
+    };
+
+    this.tableConfig = {
+      refresh$: this.refresh$,
+      filter$: this.filter$,
+      page$: this.page$,
+      limit$: this.limit$,
+      dataProvider: this.userRoleDataProvider,
+      columns: [
+        {
+          attribute: 'name',
+          headerCell: true,
+          valueCell: true,
+        },
+        {
+          attribute: 'actions',
+          headerCell: { value: 'Actions' },
+          valueCell: {
+            component: GenericActionColumn,
+            componentInputs: item => ({
+              item: item,
+              actions: [
+                { action: 'view', handler: actionHandler },
+                { action: 'edit', handler: actionHandler },
+                { action: 'delete', handler: actionHandler },
+              ] as ActionDefinition<UserRole>[],
+            }),
+          },
+        },
+      ] as ColumnDefinition<UserRole>[],
+      tableCssClass: 'user-role-table-container',
+    };
+  }
+
+   deleteItem(id: number): void {
+      if (confirm('Are you sure you want to delete this item?')) {
+        this.userRoleService.remove(id).subscribe({
+          next: () => {
+            console.log(`Item with ID ${id} deleted successfully.`);
+            this.refresh$.next();
+          },
+          // --- THIS IS THE FIX ---
+          // Explicitly type 'err' to satisfy strict TypeScript rules.
+          error: (err: any) => {
+            console.error(`Error deleting item with ID ${id}:`, err);
+          }
+        });
+      }
+    }
+
+}

admin/src/app/features/user-role/models/user-role.model.ts

@@ -0,0 +1,7 @@
+// dvbooking-cli/src/templates/angular/model.ts.tpl
+
+// Generated by the CLI
+export interface UserRole {
+  id: number;
+  name: string;
+}

admin/src/app/features/user-role/services/user-role.service.ts

@@ -0,0 +1,85 @@
+// dvbooking-cli/src/templates/angular/service.ts.tpl
+
+// Generated by the CLI
+import { Injectable } from '@angular/core';
+import { HttpClient, HttpParams } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { UserRole } from '../models/user-role.model';
+import { ConfigurationService } from '../../../services/configuration.service';
+import { PaginatedResponse } from '../../../../types';
+
+
+export interface SearchResponse<T> {
+  data: T[];
+  total: number;
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class UserRoleService {
+  private readonly apiUrl: string;
+
+  constructor(
+    private http: HttpClient,
+    private configService: ConfigurationService
+  ) {
+    this.apiUrl = `${this.configService.getApiUrl()}/user-role`;
+  }
+
+  /**
+   * Find records with pagination and filtering.
+   */
+  public find(filter: Record<string, any>): Observable<PaginatedResponse<UserRole>> {
+    // --- THIS IS THE FIX ---
+    // The incorrect line: .filter(([_, v]) for v != null)
+    // is now correctly written with an arrow function.
+    const cleanFilter = Object.fromEntries(
+      Object.entries(filter).filter(([_, v]) => v != null)
+    );
+    // --- END OF FIX ---
+
+    const params = new HttpParams({ fromObject: cleanFilter });
+    return this.http.get<PaginatedResponse<UserRole>>(this.apiUrl, { params });
+  }
+
+   /**
+   * Search across multiple fields with a single term.
+   * @param term The search term (q).
+   */
+ public search(term: string, page: number = 1, limit: number = 10): Observable<PaginatedResponse<UserRole>> {
+    const params = new HttpParams()
+      .set('q', term)
+      .set('page', page.toString())
+      .set('limit', limit.toString());
+    return this.http.get<PaginatedResponse<UserRole>>(`${this.apiUrl}/search`, { params });
+  }
+
+  /**
+   * Find a single record by its ID.
+   */
+  public findOne(id: number): Observable<UserRole> {
+    return this.http.get<UserRole>(`${this.apiUrl}/${id}`);
+  }
+
+  /**
+   * Create a new record.
+   */
+  public create(data: Omit<UserRole, 'id'>): Observable<UserRole> {
+    return this.http.post<UserRole>(this.apiUrl, data);
+  }
+
+  /**
+   * Update an existing record.
+   */
+  public update(id: number, data: Partial<Omit<UserRole, 'id'>>): Observable<UserRole> {
+    return this.http.patch<UserRole>(`${this.apiUrl}/${id}`, data);
+  }
+
+  /**
+   * Remove a record by its ID.
+   */
+  public remove(id: number): Observable<any> {
+    return this.http.delete(`${this.apiUrl}/${id}`);
+  }
+}

server/src/app.module.ts

@@ -16,6 +16,7 @@ import { Event } from './entity/event.entity';
 import { EventsModule } from './event/events.module';
 import { User } from './entity/user';
 import { UserGroupsModule } from './user-group/user-group.module';
+import { UserRolesModule } from './user-role/user-role.module';
 
 const moduleTypeOrm = TypeOrmModule.forRootAsync({
   imports: [ConfigModule],
@@ -46,6 +47,7 @@ const moduleTypeOrm = TypeOrmModule.forRootAsync({
     ProductsModule,
     EventsModule,
     UserGroupsModule,
+    UserRolesModule,
   ],
   controllers: [AppController],
   providers: [AppService],

server/src/user-role/dto/create-user-role.dto.ts

@@ -0,0 +1,4 @@
+import { OmitType } from '@nestjs/mapped-types';
+import { UserRole } from '../../entity/user-role';
+
+export class CreateUserRoleDto extends OmitType(UserRole, ['id']) {}

server/src/user-role/dto/query-user-role.dto.ts

@@ -0,0 +1,14 @@
+import {
+  IsOptional,
+  IsString,
+  IsNumber,
+  IsIn,
+} from 'class-validator';
+import { Type } from 'class-transformer';
+
+export class QueryUserRoleDto {
+  @IsOptional() @Type(() => Number) @IsNumber() page?: number;
+  @IsOptional() @Type(() => Number) @IsNumber() limit?: number;
+  @IsOptional() @IsString() sortBy?: string;
+  @IsOptional() @IsIn(['ASC', 'DESC']) order?: 'ASC' | 'DESC';
+}

server/src/user-role/dto/update-user-role.dto.ts

@@ -0,0 +1,4 @@
+import { PartialType } from '@nestjs/mapped-types';
+import { CreateUserRoleDto } from './create-user-role.dto';
+
+export class UpdateUserRoleDto extends PartialType(CreateUserRoleDto) {}

server/src/user-role/user-role.controller.ts

@@ -0,0 +1,63 @@
+import {
+  Controller,
+  Get,
+  Post,
+  Body,
+  Patch,
+  Param,
+  Delete,
+  Query,
+  ParseIntPipe,
+  DefaultValuePipe,
+  UseGuards,
+} from '@nestjs/common';
+import { UserRolesService } from './user-role.service';
+import { CreateUserRoleDto } from './dto/create-user-role.dto';
+import { UpdateUserRoleDto } from './dto/update-user-role.dto';
+import { QueryUserRoleDto } from './dto/query-user-role.dto';
+
+import { JwtAuthGuard } from '../auth/jwt-auth.guard';
+import { Roles } from '../auth/roles.decorator';
+import { Role } from '../auth/role.enum';
+import { RolesGuard } from '../auth/roles.guard';
+
+@Controller('user-role')
+@UseGuards(JwtAuthGuard, RolesGuard)
+@Roles(Role.Admin)
+export class UserRolesController {
+  constructor(private readonly userRolesService: UserRolesService) {}
+
+  @Post()
+  create(@Body() createUserRoleDto: CreateUserRoleDto) {
+    return this.userRolesService.create(createUserRoleDto);
+  }
+
+  @Get()
+  findAll(@Query() queryParams: QueryUserRoleDto) {
+    return this.userRolesService.findAll(queryParams);
+  }
+
+  @Get('search')
+  search(
+    @Query('q') term: string,
+    @Query('page', new DefaultValuePipe(1), ParseIntPipe) page: number,
+    @Query('limit', new DefaultValuePipe(10), ParseIntPipe) limit: number,
+  ) {
+    return this.userRolesService.search(term, { page, limit });
+  }
+
+  @Get(':id')
+  findOne(@Param('id', ParseIntPipe) id: number) {
+    return this.userRolesService.findOne(id);
+  }
+
+  @Patch(':id')
+  update(@Param('id', ParseIntPipe) id: number, @Body() updateUserRoleDto: UpdateUserRoleDto) {
+    return this.userRolesService.update(id, updateUserRoleDto);
+  }
+
+  @Delete(':id')
+  remove(@Param('id', ParseIntPipe) id: number) {
+    return this.userRolesService.remove(id);
+  }
+}

server/src/user-role/user-role.module.ts

@@ -0,0 +1,12 @@
+import { Module } from '@nestjs/common';
+import { TypeOrmModule } from '@nestjs/typeorm';
+import { UserRolesService } from './user-role.service';
+import { UserRolesController } from './user-role.controller';
+import { UserRole } from '../entity/user-role';
+
+@Module({
+  imports: [TypeOrmModule.forFeature([UserRole])],
+  controllers: [UserRolesController],
+  providers: [UserRolesService],
+})
+export class UserRolesModule {}

server/src/user-role/user-role.service.ts

@@ -0,0 +1,125 @@
+import { Injectable, NotFoundException } from '@nestjs/common';
+import { InjectRepository } from '@nestjs/typeorm';
+import { Repository, FindManyOptions, FindOptionsWhere, ILike } from 'typeorm';
+import { CreateUserRoleDto } from './dto/create-user-role.dto';
+import { UpdateUserRoleDto } from './dto/update-user-role.dto';
+import { QueryUserRoleDto } from './dto/query-user-role.dto';
+import { UserRole } from '../entity/user-role';
+
+type QueryConfigItem = {
+  param: keyof Omit<QueryUserRoleDto, 'page' | 'limit' | 'sortBy' | 'order'>;
+  dbField: keyof UserRole;
+  operator: 'equals' | 'like';
+};
+
+@Injectable()
+export class UserRolesService {
+  constructor(
+    @InjectRepository(UserRole)
+    private readonly userRoleRepository: Repository<UserRole>,
+  ) {}
+
+  private readonly searchableFields: (keyof UserRole)[] = ['name'];
+
+  create(createUserRoleDto: CreateUserRoleDto) {
+    const newRecord = this.userRoleRepository.create(createUserRoleDto);
+    return this.userRoleRepository.save(newRecord);
+  }
+
+  async findAll(queryParams: QueryUserRoleDto) {
+    const { page = 1, limit = 0, sortBy, order, ...filters } = queryParams;
+    const queryConfig: QueryConfigItem[] = [];
+    const whereClause: { [key: string]: any } = {};
+    for (const config of queryConfig) {
+      if (filters[config.param] !== undefined) {
+        if (config.operator === 'like') {
+          whereClause[config.dbField] = ILike(`%${filters[config.param]}%`);
+        } else {
+          whereClause[config.dbField] = filters[config.param];
+        }
+      }
+    }
+    const findOptions: FindManyOptions<UserRole> = {
+      where: whereClause as FindOptionsWhere<UserRole>,
+    };
+    const paginated = limit > 0;
+    if (paginated) {
+      findOptions.skip = (page - 1) * limit;
+      findOptions.take = limit;
+    }
+    if (sortBy && order) {
+      findOptions.order = { [sortBy]: order };
+    }
+    const [data, totalItems] =
+      await this.userRoleRepository.findAndCount(findOptions);
+    if (!paginated) {
+      return { data, total: data.length };
+    }
+    return {
+      data,
+      meta: {
+        totalItems,
+        itemCount: data.length,
+        itemsPerPage: limit,
+        totalPages: Math.ceil(totalItems / limit),
+        currentPage: page,
+      },
+    };
+  }
+
+  async search(term: string, options: { page: number; limit: number }) {
+    if (this.searchableFields.length === 0) {
+      console.warn('Search is not configured for this entity.');
+      return {
+        data: [],
+        meta: {
+          totalItems: 0,
+          itemCount: 0,
+          itemsPerPage: options.limit,
+          totalPages: 0,
+          currentPage: options.page,
+        },
+      };
+    }
+    const whereConditions = this.searchableFields.map((field) => ({
+      [field]: ILike(`%${term}%`),
+    }));
+    const [data, totalItems] = await this.userRoleRepository.findAndCount({
+      where: whereConditions,
+      skip: (options.page - 1) * options.limit,
+      take: options.limit,
+    });
+    return {
+      data,
+      meta: {
+        totalItems,
+        itemCount: data.length,
+        itemsPerPage: options.limit,
+        totalPages: Math.ceil(totalItems / options.limit),
+        currentPage: options.page,
+      },
+    };
+  }
+
+  async findOne(id: number) {
+    const record = await this.userRoleRepository.findOneBy({ id: id });
+    if (!record) {
+      throw new NotFoundException(`UserRole with ID ${id} not found`);
+    }
+    return record;
+  }
+
+  async update(id: number, updateUserRoleDto: UpdateUserRoleDto) {
+    const record = await this.findOne(id);
+    Object.assign(record, updateUserRoleDto);
+    return this.userRoleRepository.save(record);
+  }
+
+  async remove(id: number) {
+    const result = await this.userRoleRepository.delete(id);
+    if (result.affected === 0) {
+      throw new NotFoundException(`UserRole with ID ${id} not found`);
+    }
+    return { deleted: true, id };
+  }
+}