Add settings and live sidebar counts

repub/pages/settings.py

@@ -0,0 +1,82 @@
+from __future__ import annotations
+
+from collections.abc import Mapping
+
+import htpy as h
+from htpy import Renderable
+
+from repub.components import input_field, muted_action_link, page_shell, section_card
+
+
+def _value(settings: Mapping[str, object] | None, key: str, default: str = "") -> str:
+    if settings is None:
+        return default
+    return str(settings.get(key, default))
+
+
+def settings_page(
+    *,
+    settings: Mapping[str, object] | None = None,
+    action_path: str = "/actions/settings",
+    source_count: int = 0,
+    running_count: int = 0,
+) -> Renderable:
+    return page_shell(
+        current_path="/settings",
+        eyebrow="Configuration",
+        title="Settings",
+        description="Global runtime controls for the republisher.",
+        source_count=source_count,
+        running_count=running_count,
+        content=section_card(
+            content=(
+                h.form(
+                    {
+                        "data-signals": "{_formError: '', _formSuccess: ''}",
+                        "data-signals__ifmissing": (
+                            "{"
+                            f"maxConcurrentJobs: '{_value(settings, 'max_concurrent_jobs', '1')}'"
+                            "}"
+                        ),
+                        "data-on:submit": f"@post('{action_path}')",
+                    },
+                    class_="space-y-6 rounded-[1.5rem] bg-white p-6 shadow-sm ring-1 ring-slate-200",
+                )[
+                    h.div[
+                        h.p(
+                            class_="text-xs font-semibold uppercase tracking-[0.22em] text-amber-600"
+                        )["Scheduler"],
+                        h.h2(class_="mt-2 text-xl font-semibold text-slate-950")[
+                            "Runtime settings"
+                        ],
+                        h.p(class_="mt-2 text-sm text-slate-600")[
+                            "Limit how many jobs the scheduler and manual runs can execute at the same time."
+                        ],
+                    ],
+                    h.div(
+                        {
+                            "data-show": "$_formError !== ''",
+                            "data-text": "$_formError",
+                        },
+                        class_="rounded-2xl bg-rose-50 px-4 py-3 text-sm font-medium text-rose-800",
+                    ),
+                    input_field(
+                        label="Max concurrent jobs",
+                        field_id="max-concurrent-jobs",
+                        value=_value(settings, "max_concurrent_jobs", "1"),
+                        help_text="Must be an integer greater than or equal to 1.",
+                        signal_name="maxConcurrentJobs",
+                    ),
+                    h.div(
+                        class_="flex flex-wrap justify-end gap-3 border-t border-slate-200 pt-6"
+                    )[
+                        muted_action_link(href="/", label="Back to dashboard"),
+                        h.button(
+                            type="submit",
+                            class_="rounded-full bg-slate-950 px-4 py-2.5 text-sm font-semibold text-white transition hover:bg-slate-800",
+                        )["Save settings"],
+                    ],
+                ],
+            )
+        ),
+    )