Notes

public loadMore(): void {
const currentPageSize = this._reports.length;
const nextPage = Math.floor(currentPageSize / this.itemsPerPage) + 1;

console.log('loadMore');
console.log(nextPage);

this.biReportsFacade.loadNextPage(nextPage, this.itemsPerPage)
.subscribe(reports => {
this.updateListOptions(reports);
});




private updateListOptions(reports: report[]): void {
const currentReports = this._reports;
this._reports = [...currentReports, ...reports];
this.reports$ = of(this._reports);
this.hasMoreReportsToLoad = reports.length === this.itemsPerPage;

// Add new reports to the options list
const options = this.options.form.get('options') as FormArray;
reports.forEach(report => options.push(new FormControl(report)));

// Update the object unique field to ensure uniqueness
this.options.objectUniqueField = 'id';
}



// private updateListOptions(reports: report[]): void {
// const currentReports = this._reports;
// this._reports = [...currentReports, ...reports];
// this.reports$ = of(this._reports);
// // this.hasMoreReportsToLoad = this.isAllLoaded();
// this.hasMoreReportsToLoad = reports.length === this.itemsPerPage;
// this.options.form.setControl(
// this.options.optionsFieldControlName,
// this.formBuilder.array(
// this._reports.map(report => new FormControl(report)),
// ),
// );
// }

// private updateListOptions(reports: report[]): void {
// const currentReports = this._reports;
// this._reports = [...currentReports, ...reports];
// this.reports$ = of(this._reports);
// this.hasMoreReportsToLoad = reports.length === this.itemsPerPage;
// // Check if there might be more reports to load
// if (reports.length === this.itemsPerPage) {
// this.biReportsFacade.getNextPageNumber().subscribe(nextPage => this.nextPage = nextPage);
// } else {
// this.hasMoreReportsToLoad = false;
// }
// this.options.form.setControl(
// this.options.optionsFieldControlName,
// this.formBuilder.array(
// this._reports.map(report => new FormControl(report)),
// ),
// );
// }
// private updateListOptions(reports: report[]): void {
// // Append the new reports to the end of the existing list
// this._reports.push(...reports);

// // Create a new FormArray for the options
// const options = new FormArray(this._reports.map(report => new FormControl(report)));

// // Set the options in the list options object
// // this.options = {
// // ...this.options,
// // form: {
// // ...this.options.form,
// // setControl: (this.options.optionsFieldControlName as string), options,
// // },
// // };
// this.options.form.setControl(this.options.optionsFieldControlName as string, options);

// // Update the object unique field to ensure uniqueness
// this.options.objectUniqueField = 'id';

// // Update hasMoreReportsToLoad based on the number of reports loaded
// this.hasMoreReportsToLoad = reports.length === this.itemsPerPage;

// // Get the next page number if there are more reports to load
// if (this.hasMoreReportsToLoad) {
// this.biReportsFacade.getNextPageNumber().subscribe(nextPage => {
// this.nextPage = nextPage;
// });
// }
// }