blob: 18964fc4a8749329c8cfe089ba1fd75e8d5cee6d (
plain)
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
import Link from '../Link/Link'
const Pagination = ({ pageCount, currentPage, url, className }) => {
let firstPage = false
let lastPage = false
let dotsPrevPage = false
let dotsNextPage = false
let urlParameterPrefix = url.includes('?') ? '&' : '?'
return (
pageCount > 1 && (
<div className={`pagination ${className}`}>
{Array.from(Array(pageCount)).map((v, i) => {
let page = i + 1
let rangePrevPage = currentPage - 2
let rangeNextPage = currentPage + 2
let PageComponent = (
<Link
key={i}
href={`${url + urlParameterPrefix}page=${page}`}
className={
'pagination-item' + (page == currentPage ? ' pagination-item--active ' : '')
}
>
{page}
</Link>
)
let DotsComponent = (
<div
key={i}
className='pagination-dots'
>
...
</div>
)
if (pageCount == 7) {
return PageComponent
}
if (currentPage == 1) rangeNextPage += 3
if (currentPage == 2) rangeNextPage += 2
if (currentPage == 3) rangeNextPage += 1
if (currentPage == 4) rangePrevPage -= 1
if (currentPage == pageCount) rangePrevPage -= 3
if (currentPage == pageCount - 1) rangePrevPage -= 2
if (currentPage == pageCount - 2) rangePrevPage -= 1
if (currentPage == pageCount - 3) rangeNextPage += 1
if (page > rangePrevPage && page < rangeNextPage) {
return PageComponent
}
if (page == 1 && rangePrevPage >= 1 && !firstPage) {
firstPage = true
return PageComponent
}
if (page == pageCount && rangeNextPage <= pageCount && !lastPage) {
lastPage = true
return PageComponent
}
if (page > currentPage && pageCount - currentPage > 1 && !dotsNextPage) {
dotsNextPage = true
return DotsComponent
}
if (page < currentPage && currentPage - 1 > 1 && !dotsPrevPage) {
dotsPrevPage = true
return DotsComponent
}
})}
</div>
)
)
}
Pagination.defaultProps = {
className: ''
}
export default Pagination
|
