webapps/term_portal
18
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First full release

Browse Source
This commit is contained in:
Luka Romih
2023-03-10 12:50:23 +01:00
parent 257f3c354f
commit 9867875ef2
285 changed files with 10980 additions and 4692 deletions
Download Patch File Download Diff File Expand all files Collapse all files
express/views/utilities/pager.pug
+23 -13
View File
@@ -1,24 +1,34 @@
//- TODO 1. remove placeholders, 2. consider solving it with mixin?
mixin pager(currentPage = 1, id="pagination")
.pager(id=id)
button.first-page.me-3.no-bg-and-borders(disabled=currentPage === 1)
img(src="/images/chevron-double-left.svg" alt="")
button.previous-page.me-3.no-bg-and-borders(disabled=currentPage === 1)
img(src="/images/chevron-left.svg" alt="")
form.me-3.no-bg-and-border
input.pager-input.me-1.text-gray-1(
.pager.d-flex(id=id)
button.d-flex.first-page.px-2.py-1.align-self-center.no-bg-and-borders(
disabled=currentPage === 1
)
img.align-self-center.align-self-center.d-flex(
src="/images/chevron-double-left.svg"
alt=""
)
button.d-flex.previous-page.px-2.py-1.align-self-center.align-self-center.no-bg-and-borders(
disabled=currentPage === 1
)
img.align-self-center.d-flex(src="/images/chevron-left.svg" alt="")
form.mx-2.no-bg-and-border.d-flex
input.d-flex.align-self-center.pager-input.me-1.text-gray-1(
name="page"
value=currentPage
disabled=!numberOfAllPages || numberOfAllPages <= 1
)
span.me-1.text-gray-1= ' / '
span.pages-total.text-gray-1= numberOfAllPages > 0 ? numberOfAllPages : 1
button.next-page.me-3.no-bg-and-borders(
span.d-flex.align-self-center.me-1.text-gray-1= ' / '
span.d-flex.align-self-center.pages-total.text-gray-1= numberOfAllPages > 0 ? numberOfAllPages : 1
button.d-flex.next-page.px-2.py-1.align-self-center.align-self-center.no-bg-and-borders(
disabled=!numberOfAllPages || currentPage >= numberOfAllPages
)
img(src="/images/chevron-right-2.svg" alt="")
button.last-page.no-bg-and-borders(
img.align-self-center.d-flex(src="/images/chevron-right-2.svg" alt="")
button.d-flex.px-2.py-1.align-self-center.align-self-center.last-page.no-bg-and-borders(
disabled=!numberOfAllPages || currentPage >= numberOfAllPages
)
img(src="/images/chevron-double-right.svg" alt="")
img.align-self-center.d-flex(
src="/images/chevron-double-right.svg"
alt=""
)