thohlt/archtika
1
0
Fork 0
mirror of https://github.com/thiloho/archtika.git synced 2025-11-22 10:51:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Move pagination to outer container

Browse Source
This commit is contained in:
thiloho
2024-09-17 21:27:41 +02:00
parent b5c94d41d1
commit a7a4942633
1 changed files with 60 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
web-app/src/routes/(authenticated)/website/[websiteId]/logs/+page.svelte
View File

@@ -158,6 +158,8 @@
{/each} {/each}
</tbody> </tbody>
</table> </table>
</div>
<div class="pagination">
{#snippet commonFilterInputs()} {#snippet commonFilterInputs()}
<input <input
type="hidden" type="hidden"
@@ -175,68 +177,65 @@
value={$page.url.searchParams.get("logs_filter_operation")} value={$page.url.searchParams.get("logs_filter_operation")}
/> />
{/snippet} {/snippet}
<div class="pagination"> <p>
<p> {$page.url.searchParams.get("logs_results_page") ?? 1} / {Math.max(
{$page.url.searchParams.get("logs_results_page") ?? 1} / {Math.max( Math.ceil(data.resultChangeLogCount / 50),
Math.ceil(data.resultChangeLogCount / 50), 1
1 )}
</p>
<form method="GET">
<input type="hidden" name="logs_results_page" value={1} />
{@render commonFilterInputs()}
<button
type="submit"
disabled={($page.url.searchParams.get("logs_results_page") ?? "1") === "1"}>First</button
>
</form>
<form method="GET">
<input
type="hidden"
name="logs_results_page"
value={Math.max(
1,
Number.parseInt($page.url.searchParams.get("logs_results_page") ?? "1") - 1
)} )}
</p> />
<form method="GET"> {@render commonFilterInputs()}
<input type="hidden" name="logs_results_page" value={1} /> <button
{@render commonFilterInputs()} type="submit"
<button disabled={($page.url.searchParams.get("logs_results_page") ?? "1") === "1"}
type="submit" >Previous</button
disabled={($page.url.searchParams.get("logs_results_page") ?? "1") === "1"} >
>First</button </form>
> <form method="GET">
</form> <input
<form method="GET"> type="hidden"
<input name="logs_results_page"
type="hidden" value={Math.min(
name="logs_results_page" Math.max(Math.ceil(data.resultChangeLogCount / 50), 1),
value={Math.max( Number.parseInt($page.url.searchParams.get("logs_results_page") ?? "1") + 1
1, )}
Number.parseInt($page.url.searchParams.get("logs_results_page") ?? "1") - 1 />
)} {@render commonFilterInputs()}
/> <button
{@render commonFilterInputs()} type="submit"
<button disabled={($page.url.searchParams.get("logs_results_page") ?? "1") ===
type="submit" Math.max(Math.ceil(data.resultChangeLogCount / 50), 1).toString()}>Next</button
disabled={($page.url.searchParams.get("logs_results_page") ?? "1") === "1"} >
>Previous</button </form>
> <form method="GET">
</form> <input
<form method="GET"> type="hidden"
<input name="logs_results_page"
type="hidden" value={Math.max(Math.ceil(data.resultChangeLogCount / 50), 1)}
name="logs_results_page" />
value={Math.min( {@render commonFilterInputs()}
Math.max(Math.ceil(data.resultChangeLogCount / 50), 1), <button
Number.parseInt($page.url.searchParams.get("logs_results_page") ?? "1") + 1 type="submit"
)} disabled={($page.url.searchParams.get("logs_results_page") ?? "1") ===
/> Math.max(Math.ceil(data.resultChangeLogCount / 50), 1).toString()}>Last</button
{@render commonFilterInputs()} >
<button </form>
type="submit"
disabled={($page.url.searchParams.get("logs_results_page") ?? "1") ===
Math.max(Math.ceil(data.resultChangeLogCount / 50), 1).toString()}>Next</button
>
</form>
<form method="GET">
<input
type="hidden"
name="logs_results_page"
value={Math.max(Math.ceil(data.resultChangeLogCount / 50), 1)}
/>
{@render commonFilterInputs()}
<button
type="submit"
disabled={($page.url.searchParams.get("logs_results_page") ?? "1") ===
Math.max(Math.ceil(data.resultChangeLogCount / 50), 1).toString()}>Last</button
>
</form>
</div>
</div> </div>
</section> </section>
</WebsiteEditor> </WebsiteEditor>
@@ -245,8 +244,6 @@
.pagination { .pagination {
display: flex; display: flex;
align-items: center; align-items: center;
margin-inline: var(--space-2xs);
margin-block: var(--space-s);
flex-wrap: wrap; flex-wrap: wrap;
gap: var(--space-xs); gap: var(--space-xs);
justify-content: end; justify-content: end;