rschneider/dvbooking
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

basic booking load behavior

Browse Source
This commit is contained in:
Roland Schneider
2025-12-16 15:31:45 +01:00
parent fe30561a40
commit c26abee957
6 changed files with 82 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
admin/src/app/features/calendar/components/calendar-view/single-event-booking-list/single-event-booking-list.html
View File

@@ -1,7 +1,11 @@
<h1>Foglalások</h1>
@for ( booking of bookings.value();track booking){
<div>
{{booking}}
</div>
@if (bookings.isLoading()) {
<div>loading...</div>
} @else {
@for (booking of bookings.value()?.items; track booking) {
<div>
{{ booking }}
</div>
}
<rs-daisy-pagination [pageCount]="pageCount()" [activePage]="activePage()" (onPaginate)="paginate($event)"></rs-daisy-pagination>
}
<rs-daisy-pagination [pageCount]="pageCount()" [activePage]="1" (onPaginate)="paginate($event)"></rs-daisy-pagination>

30
admin/src/app/features/calendar/components/calendar-view/single-event-booking-list/single-event-booking-list.ts
View File

@@ -3,7 +3,7 @@ import { EventBusService } from '../../../../../services/event-bus.service';
import { CalendarEventDto } from '../../../models/events-in-range-dto.model';
import { CalendarService } from '../../../../../../api';
import { rxResource } from '@angular/core/rxjs-interop';
import { of } from 'rxjs';
import { delay, of } from 'rxjs';
import { Pagination } from '@rschneider/ng-daisyui';
@Component({
@@ -24,28 +24,32 @@ export class SingleEventBookingList {
// bookings = toSignal(of(['a','b']));
pageSize = input<number>(10);
pageCount = computed(() => {
const bookings = this.bookings.value() ?? [];
let pageCount = Math.floor( bookings.length / this.pageSize());
if ( (bookings.length % this.pageSize()) > 0){
pageCount += 1;
}
pageCount = Math.max(pageCount ,1);
console.info("pageCount", pageCount);
return pageCount;
return this.bookings.value()?.pageCount || 1;
})
bookings = rxResource(
{
params: () => {
params: () => ({
page: this.activePage()
},
}),
stream: ({params}) => {
console.info("loading resource", params);
const allData = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t"]
const pageData = allData.slice(this.activePage()-1,this.activePage()+this.pageSize())
let pageCount = Math.floor( allData.length / this.pageSize());
if ( (allData.length % this.pageSize()) > 0){
pageCount += 1;
}
pageCount = Math.max(pageCount ,1);
const pageData = allData.slice( ((this.activePage()-1) * this.pageSize()),this.activePage()*this.pageSize());
console.info("booking page data",pageData);
return of(pageData)
return of({
items: pageData,
pageCount
}).pipe( delay(1000))
},
}