psp_panel/src/app/uikit/paginator.component.ts

import { Component, computed, EventEmitter, Input, Output } from '@angular/core';
import { ButtonModule } from 'primeng/button';

@Component({
  selector: 'app-paginator',
  templateUrl: './paginator.component.html',
  imports: [ButtonModule],
})
export class PaginatorComponent {
  @Input() totalPages: number = 1;
  @Input() currentPage: number = 1;
  @Input() perPage: number = 10;
  @Input() loading: boolean = false;
  @Output() onChange = new EventEmitter<number>();

  pagesToShow = computed(() => {
    const maxVisible = 5;

    if (this.totalPages <= maxVisible) {
      return Array.from({ length: this.totalPages }, (_, i) => i + 1);
    }

    let start = Math.max(1, this.currentPage - Math.floor(maxVisible / 2));

    let end = start + maxVisible - 1;

    if (end > this.totalPages) {
      end = this.totalPages;
      start = end - maxVisible + 1;
    }

    return Array.from({ length: end - start + 1 }, (_, i) => start + i);
  });

  onPageChange(newPage: number) {
    this.onChange.emit(newPage);
  }

  prevPage() {
    if (this.currentPage > 1) {
      this.onPageChange(this.currentPage - 1);
    }
  }
  nextPage() {
    if (this.currentPage < this.totalPages) {
      this.onPageChange(this.currentPage + 1);
    }
  }
}