import { Component, Input, OnChanges } from "@angular/core";

/**
 * ListResultsMessageComponent - Lists results message component
 */
@Component({
  selector: "list-results-message",
  template: "{{ message }}",
  standalone: false,
})
export class ListResultsMessageComponent implements OnChanges {
  @Input() public total: number;
  @Input() public currentPage: number;
  @Input() public showing: number;
  @Input() public suffix: string;
  message: string;

  ngOnChanges() {
    const total = this.total;
    let currentPage = this.currentPage;
    let showing = this.showing;

    if (total < showing) {
      currentPage = 1;
      showing = total;
    }

    let numberA = (currentPage - 1) * showing;
    let numberB = numberA + showing;
    numberA += 1;

    if (numberB > total) {
      numberB = total;
    }

    this.message =
      "Showing " +
      numberA.toLocaleString() +
      " - " +
      numberB.toLocaleString() +
      " of " +
      total.toLocaleString();

    if (this.suffix) {
      this.message += " " + this.suffix;
    } else {
      this.message += " results";
    }
  }
}