fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nicer table footer and pagination layout

Browse Source
This commit is contained in:
Felix Hamann 2019-01-27 19:42:50 +01:00
parent 14462c7305
commit 1a900f215e
3 changed files with 29 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
messages/uniworx/de.msg
View File

@ -241,7 +241,7 @@ MultiFileUploadInfo: (Mehrere Dateien mit Shift oder Strg auswählen)
NrColumn: Nr NrColumn: Nr
SelectColumn: Auswahl SelectColumn: Auswahl
DBTablePagesize: Einträge DBTablePagesize: Einträge pro Seite
DBTablePagesizeAll: Alle DBTablePagesizeAll: Alle
CorrDownload: Herunterladen CorrDownload: Herunterladen

24
templates/table/layout.hamlet
View File

@ -3,15 +3,19 @@ $if null rows && (dbsEmptyStyle == DBESNoHeading)
_{dbsEmptyMessage} _{dbsEmptyMessage}
$else $else
^{table} ^{table}
_{MsgRowCount rowCount}
<!-- TODO: replace '5' with 'minPagesize' --> <div .table-footer>
$if rowCount > 5 <div .table__row-count>
<div .pagination> _{MsgRowCount rowCount}
<!-- TODO: replace '5' with 'minPagesize' -->
$if rowCount > 5
<form .pagesize method=GET enctype=#{pagesizeEnc} action=#{rawAction}> <form .pagesize method=GET enctype=#{pagesizeEnc} action=#{rawAction}>
^{pagesizeWdgt} ^{pagesizeWdgt}
$if pageCount > 1
<ul ##{wIdent "pagination"} .pages> $if pageCount > 1
$forall p <- pageNumbers <div .pagination>
<li .page-link :p == psPage:.current> <ul ##{wIdent "pagination"} .pages>
<a href=#{tblLink $ setParam (wIdent "page") (Just $ tshow p)}> $forall p <- pageNumbers
_{MsgPage (succ p)} <li .page-link :p == psPage:.current>
<a href=#{tblLink $ setParam (wIdent "page") (Just $ tshow p)}>
_{MsgPage (succ p)}

27
templates/table/layout.lucius
View File

@ -1,24 +1,29 @@
/* TABLE FOOTER */
.table-footer {
display: flex;
flex-flow: row-reverse;
justify-content: space-between;
}
/* PAGINATION */ /* PAGINATION */
.pagination { .pagination {
margin-top: 20px; margin-top: 20px;
display: flex; overflow: auto;
flex-direction: column-reverse;
.pagesize {
float: left;
flex-grow: 0;
}
.pages { .pages {
text-align: center; text-align: center;
flex-grow: 1; white-space: nowrap;
margin: 0; margin: 0;
.page-link { .page-link {
margin: 7px; margin-top: 7px;
display: inline-block; display: inline-block;
background-color: var(--color-grey); background-color: var(--color-grey);
+ .page-link {
margin-left: 7px;
}
a { a {
color: var(--color-lightwhite); color: var(--color-lightwhite);
padding: 7px 13px; padding: 7px 13px;
@ -42,10 +47,6 @@
pointer-events: none; pointer-events: none;
} }
} }
&:last-child {
margin-right: 0;
}
} }
} }
} }