blob: d637005755c0d00503ee2ed15fb123df3bfe5dbe (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
import {Component, Input, OnInit} from '@angular/core';
import {Need} from '../../models/Need';
import {BehaviorSubject, Observable} from 'rxjs';
@Component({
selector: 'app-need-list',
standalone: false,
templateUrl: './need-list.component.html',
styleUrl: './need-list.component.css'
})
export class NeedListComponent implements OnInit {
@Input({required: true}) needs!: Observable<Need[]>
visibleNeeds: Need[] = [];
currentPage: number = 0;
itemsPerPage: number = 5;
totalPages: number = 0;
constructor(
) {}
ngOnInit() {
this.needs.subscribe(needs => {
this.totalPages = Math.ceil(needs.length / this.itemsPerPage);
this.totalPages = Math.ceil(needs.length / this.itemsPerPage);
this.visibleNeeds = needs.slice(this.currentPage * this.itemsPerPage, (this.currentPage + 1) * this.itemsPerPage);
console.log(needs.length)
})
}
decrementPage() {
this.currentPage--;
this.updateVisibleNeeds();
}
incrementPage() {
this.currentPage++;
this.updateVisibleNeeds();
}
lastPage() {
this.currentPage = this.totalPages - 1
this.updateVisibleNeeds()
}
firstPage() {
this.currentPage = 0
this.updateVisibleNeeds()
}
editNeedsPerPage(amount: number) {
this.itemsPerPage = amount;
this.updateVisibleNeeds();
}
updateVisibleNeeds() {
// this.totalPages = Math.ceil(this.needs.length / this.itemsPerPage);
// this.visibleNeeds = this.needs.slice(this.currentPage * this.itemsPerPage, (this.currentPage + 1) * this.itemsPerPage);
}
resetVisibleNeeds() {
this.currentPage = 0;
this.updateVisibleNeeds();
}
}
|
