pagetop/src/base/extension/welcome.rs
Manuel Cillero 85cbd17edc 🎨 Mejora la página de bienvenida y el tema básico
Convierte la estructura de la página de bienvenida en una composición
del tema básico para ser usada en otros contextos. Por ejemplo, para la
página de mantenimiento, o la página de inicio de la guía de uso de
PageTop.
2025-12-21 10:22:59 +01:00

80 lines
3.6 KiB
Rust

use crate::prelude::*;
/// Página de bienvenida predeterminada de PageTop.
///
/// Esta extensión se instala por defecto y muestra una página en la ruta raíz (`/`) cuando no se ha
/// configurado ninguna página de inicio personalizada. Permite confirmar que el servidor está
/// funcionando correctamente.
pub struct Welcome;
impl Extension for Welcome {
fn name(&self) -> L10n {
L10n::l("welcome_extension_name")
}
fn description(&self) -> L10n {
L10n::l("welcome_extension_description")
}
fn configure_service(&self, scfg: &mut service::web::ServiceConfig) {
scfg.route("/", service::web::get().to(homepage));
}
}
async fn homepage(request: HttpRequest) -> ResultPage<Markup, ErrorPage> {
let app = &global::SETTINGS.app.name;
Page::new(request)
.with_theme("basic")
.with_layout("intro")
.with_title(L10n::l("welcome_title"))
.with_description(L10n::l("welcome_intro").with_arg("app", app))
.with_param("intro_button_text", L10n::l("welcome_powered"))
.with_param("intro_button_link", "https://pagetop.cillero.es".to_string())
.with_assets(AssetsOp::AddJavaScript(JavaScript::on_load_async("welcome-js", |cx|
util::indoc!(r#"
try {
const resp = await fetch("https://crates.io/api/v1/crates/pagetop");
const data = await resp.json();
const date = new Date(data.versions[0].created_at);
const formatted = date.toLocaleDateString("LANGID", { year: "numeric", month: "2-digit", day: "2-digit" });
document.getElementById("welcome-release").src = `https://img.shields.io/badge/Release%20date-${encodeURIComponent(formatted)}-blue?label=LABEL&style=for-the-badge`;
document.getElementById("welcome-badges").style.display = "block";
} catch (e) {
console.error("Failed to fetch release date from crates.io:", e);
}
"#)
.replace("LANGID", cx.langid().to_string().as_str())
.replace("LABEL", L10n::l("welcome_release_label").using(cx).as_str())
.to_string(),
)))
.add_component(Html::with(|cx| html! {
p { (L10n::l("welcome_text1").using(cx)) }
div id="welcome-badges" style="display: none; margin-bottom: 1.1rem;" {
img
src="https://img.shields.io/crates/v/pagetop.svg?label=PageTop&style=for-the-badge"
alt=[L10n::l("welcome_pagetop_label").lookup(cx)] {} (" ")
img
id="welcome-release"
alt=[L10n::l("welcome_release_label").lookup(cx)] {} (" ")
img
src=(format!(
"https://img.shields.io/badge/license-MIT%2FApache-blue.svg?label={}&style=for-the-badge",
L10n::l("welcome_license_label").lookup(cx).unwrap_or_default()
))
alt=[L10n::l("welcome_license_label").lookup(cx)] {}
}
p { (L10n::l("welcome_text2").using(cx)) }
}))
.add_component(
Block::new()
.with_title(L10n::l("welcome_notice_title"))
.add_component(Html::with(move |cx| html! {
p { (L10n::l("welcome_notice_1").using(cx)) }
p { (L10n::l("welcome_notice_2").using(cx)) }
p { (L10n::l("welcome_notice_3").using(cx)) }
p { (L10n::l("welcome_notice_4").with_arg("app", app).using(cx)) }
})),
)
.render()
}