diff --git a/ogWebconsole/src/app/components/groups/groups.component.html b/ogWebconsole/src/app/components/groups/groups.component.html index e28e7ea..6be6dc2 100644 --- a/ogWebconsole/src/app/components/groups/groups.component.html +++ b/ogWebconsole/src/app/components/groups/groups.component.html @@ -358,12 +358,8 @@ - + @@ -381,4 +377,4 @@ - + \ No newline at end of file diff --git a/ogWebconsole/src/app/components/groups/groups.component.spec.ts b/ogWebconsole/src/app/components/groups/groups.component.spec.ts index 76a9f99..311398c 100644 --- a/ogWebconsole/src/app/components/groups/groups.component.spec.ts +++ b/ogWebconsole/src/app/components/groups/groups.component.spec.ts @@ -123,6 +123,6 @@ describe('GroupsComponent', () => { spyOn(component['http'], 'get').and.callThrough(); component.fetchClientsForNode(node); expect(component.isLoadingClients).toBeTrue(); - expect(component['http'].get).toHaveBeenCalledWith(`${component.baseUrl}/clients?organizationalUnit.id=${node.id}`); + expect(component['http'].get).toHaveBeenCalledWith(`${component.baseUrl}/clients?organizationalUnit.id=${node.id}&page=1&itemsPerPage=20`); }); }); \ No newline at end of file diff --git a/ogWebconsole/src/app/components/groups/groups.component.ts b/ogWebconsole/src/app/components/groups/groups.component.ts index ebb0b58..04e6891 100644 --- a/ogWebconsole/src/app/components/groups/groups.component.ts +++ b/ogWebconsole/src/app/components/groups/groups.component.ts @@ -19,7 +19,7 @@ import { DeleteModalComponent } from '../../shared/delete_modal/delete-modal/del import { ClassroomViewDialogComponent } from './shared/classroom-view/classroom-view-modal'; import { MatSort } from '@angular/material/sort'; import { MatTableDataSource } from '@angular/material/table'; -import {MatPaginator, PageEvent} from '@angular/material/paginator'; +import { MatPaginator, PageEvent } from '@angular/material/paginator'; import { CreateMultipleClientComponent } from "./shared/clients/create-multiple-client/create-multiple-client.component"; import { SelectionModel } from "@angular/cdk/collections"; @@ -42,9 +42,9 @@ export class GroupsComponent implements OnInit, OnDestroy { selectedUnidad: UnidadOrganizativa | null = null; selectedDetail: UnidadOrganizativa | null = null; length: number = 0; - itemsPerPage: number = 10; + itemsPerPage: number = 20; page: number = 0; - pageSizeOptions: number[] = [5, 10, 20, 40, 100]; + pageSizeOptions: number[] = [5, 10, 20, 50, 100]; initialLoading: boolean = true; isLoadingClients: boolean = false; searchTerm = ''; @@ -69,7 +69,6 @@ export class GroupsComponent implements OnInit, OnDestroy { displayedColumns: string[] = ['select', 'status', 'ip', 'name', 'oglive', 'subnet', 'pxeTemplate', 'actions']; private _sort!: MatSort; - private _paginator!: MatPaginator; @ViewChild(MatSort) set matSort(ms: MatSort) { @@ -79,14 +78,6 @@ export class GroupsComponent implements OnInit, OnDestroy { } } - @ViewChild(MatPaginator) - set matPaginator(mp: MatPaginator) { - this._paginator = mp; - if (this.selectedClients) { - this.selectedClients.paginator = this._paginator; - } - } - private subscriptions: Subscription = new Subscription(); constructor( @@ -363,6 +354,11 @@ export class GroupsComponent implements OnInit, OnDestroy { }); } + onPageChange(event: PageEvent): void { + this.page = event.pageIndex; + this.itemsPerPage = event.pageSize; + this.fetchClientsForNode(this.selectedNode); + } addOU(event: MouseEvent, parent: TreeNode | null = null): void { event.stopPropagation(); @@ -737,11 +733,4 @@ export class GroupsComponent implements OnInit, OnDestroy { inputElement.value = ''; this.filterClients(''); } - - onPageChange(event: PageEvent): void { - this.page = event.pageIndex; - this.itemsPerPage = event.pageSize; - this.length = event.length; - this.fetchClientsForNode(this.selectedNode); - } }