🎨 Mejora la página de bienvenida y el tema básico #6
10 changed files with 251 additions and 50 deletions
|
|
@ -2,3 +2,6 @@
|
||||||
|
|
||||||
mod html;
|
mod html;
|
||||||
pub use html::Html;
|
pub use html::Html;
|
||||||
|
|
||||||
|
mod poweredby;
|
||||||
|
pub use poweredby::PoweredBy;
|
||||||
|
|
|
||||||
69
src/base/component/poweredby.rs
Normal file
69
src/base/component/poweredby.rs
Normal file
|
|
@ -0,0 +1,69 @@
|
||||||
|
use crate::prelude::*;
|
||||||
|
|
||||||
|
/// Muestra un texto con información de copyright, típica en un pie de página.
|
||||||
|
///
|
||||||
|
/// Por defecto, usando [`default()`](Self::default) sólo se muestra un
|
||||||
|
/// reconocimiento a PageTop. Sin embargo, se puede usar [`new()`](Self::new)
|
||||||
|
/// para crear una instancia con un texto de copyright predeterminado.
|
||||||
|
#[derive(AutoDefault)]
|
||||||
|
pub struct PoweredBy {
|
||||||
|
copyright: Option<String>,
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Component for PoweredBy {
|
||||||
|
/// Crea una nueva instancia de `PoweredBy`.
|
||||||
|
///
|
||||||
|
/// El copyright se genera automáticamente con el año actual y el nombre de
|
||||||
|
/// la aplicación configurada en [`global::SETTINGS`].
|
||||||
|
fn new() -> Self {
|
||||||
|
let year = Utc::now().format("%Y").to_string();
|
||||||
|
let c = join!(year, " © ", global::SETTINGS.app.name);
|
||||||
|
PoweredBy { copyright: Some(c) }
|
||||||
|
}
|
||||||
|
|
||||||
|
fn prepare_component(&self, cx: &mut Context) -> PrepareMarkup {
|
||||||
|
let poweredby_pagetop = L10n::l("poweredby_pagetop")
|
||||||
|
.with_arg(
|
||||||
|
"pagetop_link",
|
||||||
|
"<a href=\"https://crates.io/crates/pagetop\">PageTop</a>",
|
||||||
|
)
|
||||||
|
.to_markup(cx);
|
||||||
|
|
||||||
|
PrepareMarkup::With(html! {
|
||||||
|
div id=[self.id()] class="poweredby" {
|
||||||
|
@if let Some(c) = self.copyright() {
|
||||||
|
span class="poweredby__copyright" { (c) "." } " "
|
||||||
|
}
|
||||||
|
span class="poweredby__pagetop" { (poweredby_pagetop) }
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl PoweredBy {
|
||||||
|
// PoweredBy BUILDER ***************************************************************************
|
||||||
|
|
||||||
|
/// Establece el texto de copyright que mostrará el componente.
|
||||||
|
///
|
||||||
|
/// Al pasar `Some(valor)` se sobrescribe el texto de copyright por defecto. Al pasar `None` se
|
||||||
|
/// eliminará, pero en este caso es necesario especificar el tipo explícitamente:
|
||||||
|
///
|
||||||
|
/// ```rust
|
||||||
|
/// use pagetop::prelude::*;
|
||||||
|
///
|
||||||
|
/// let p1 = PoweredBy::default().with_copyright(Some("2001 © Foo Inc."));
|
||||||
|
/// let p2 = PoweredBy::new().with_copyright(None::<String>);
|
||||||
|
/// ```
|
||||||
|
#[builder_fn]
|
||||||
|
pub fn with_copyright(mut self, copyright: Option<impl Into<String>>) -> Self {
|
||||||
|
self.copyright = copyright.map(Into::into);
|
||||||
|
self
|
||||||
|
}
|
||||||
|
|
||||||
|
// PoweredBy GETTERS ***************************************************************************
|
||||||
|
|
||||||
|
/// Devuelve el texto de copyright actual, si existe.
|
||||||
|
pub fn copyright(&self) -> Option<&str> {
|
||||||
|
self.copyright.as_deref()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -28,6 +28,7 @@ async fn homepage(request: HttpRequest) -> ResultPage<Markup, ErrorPage> {
|
||||||
.with_title(L10n::l("welcome_page"))
|
.with_title(L10n::l("welcome_page"))
|
||||||
.with_theme("Basic")
|
.with_theme("Basic")
|
||||||
.with_assets(AssetsOp::AddStyleSheet(StyleSheet::from("/css/welcome.css")))
|
.with_assets(AssetsOp::AddStyleSheet(StyleSheet::from("/css/welcome.css")))
|
||||||
|
.with_body_classes(ClassesOp::Add, "welcome")
|
||||||
.with_component(Html::with(move |cx| html! {
|
.with_component(Html::with(move |cx| html! {
|
||||||
div id="main-header" {
|
div id="main-header" {
|
||||||
header {
|
header {
|
||||||
|
|
@ -58,7 +59,8 @@ async fn homepage(request: HttpRequest) -> ResultPage<Markup, ErrorPage> {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}))
|
||||||
|
.with_component(Html::with(move |cx| html! {
|
||||||
main id="main-content" {
|
main id="main-content" {
|
||||||
section class="content-body" {
|
section class="content-body" {
|
||||||
div id="poweredby-button" {
|
div id="poweredby-button" {
|
||||||
|
|
@ -85,32 +87,31 @@ async fn homepage(request: HttpRequest) -> ResultPage<Markup, ErrorPage> {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}))
|
||||||
footer id="footer" {
|
.with_component_in("footer", Html::with(move |cx| html! {
|
||||||
section class="footer-inner" {
|
section class="welcome-footer" {
|
||||||
div class="footer-logo" {
|
div class="welcome-footer__logo" {
|
||||||
svg
|
svg
|
||||||
viewBox="0 0 1614 1614"
|
viewBox="0 0 1614 1614"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
role="img"
|
role="img"
|
||||||
aria-label=[L10n::l("pagetop_logo").using(cx)]
|
aria-label=[L10n::l("pagetop_logo").using(cx)]
|
||||||
preserveAspectRatio="xMidYMid slice"
|
preserveAspectRatio="xMidYMid slice"
|
||||||
focusable="false"
|
focusable="false"
|
||||||
{
|
{
|
||||||
path fill="rgb(255,255,255)" d="M 1573,357 L 1415,357 C 1400,357 1388,369 1388,383 L 1388,410 1335,410 1335,357 C 1335,167 1181,13 992,13 L 621,13 C 432,13 278,167 278,357 L 278,410 225,410 225,383 C 225,369 213,357 198,357 L 40,357 C 25,357 13,369 13,383 L 13,648 C 13,662 25,674 40,674 L 198,674 C 213,674 225,662 225,648 L 225,621 278,621 278,1256 C 278,1446 432,1600 621,1600 L 992,1600 C 1181,1600 1335,1446 1335,1256 L 1335,621 1388,621 1388,648 C 1388,662 1400,674 1415,674 L 1573,674 C 1588,674 1600,662 1600,648 L 1600,383 C 1600,369 1588,357 1573,357 L 1573,357 1573,357 Z M 66,410 L 172,410 172,621 66,621 66,410 66,410 Z M 1282,357 L 1282,488 C 1247,485 1213,477 1181,464 L 1196,437 C 1203,425 1199,409 1186,401 1174,394 1158,398 1150,411 L 1133,440 C 1105,423 1079,401 1056,376 L 1075,361 C 1087,352 1089,335 1079,324 1070,313 1054,311 1042,320 L 1023,335 C 1000,301 981,263 967,221 L 1011,196 C 1023,189 1028,172 1021,160 1013,147 997,143 984,150 L 953,168 C 945,136 941,102 940,66 L 992,66 C 1152,66 1282,197 1282,357 L 1282,357 1282,357 Z M 621,66 L 674,66 674,225 648,225 C 633,225 621,237 621,251 621,266 633,278 648,278 L 674,278 674,357 648,357 C 633,357 621,369 621,383 621,398 633,410 648,410 L 674,410 674,489 648,489 C 633,489 621,501 621,516 621,530 633,542 648,542 L 664,542 C 651,582 626,623 600,662 583,653 563,648 542,648 469,648 410,707 410,780 410,787 411,794 412,801 388,805 361,806 331,806 L 331,357 C 331,197 461,66 621,66 L 621,66 621,66 Z M 621,780 C 621,824 586,859 542,859 498,859 463,824 463,780 463,736 498,701 542,701 586,701 621,736 621,780 L 621,780 621,780 Z M 225,463 L 278,463 278,569 225,569 225,463 225,463 Z M 992,1547 L 621,1547 C 461,1547 331,1416 331,1256 L 331,859 C 367,859 400,858 431,851 454,888 495,912 542,912 615,912 674,853 674,780 674,747 662,718 642,695 675,645 706,594 720,542 L 780,542 C 795,542 807,530 807,516 807,501 795,489 780,489 L 727,489 727,410 780,410 C 795,410 807,398 807,383 807,369 795,357 780,357 L 727,357 727,278 780,278 C 795,278 807,266 807,251 807,237 795,225 780,225 L 727,225 727,66 887,66 C 889,111 895,155 905,196 L 869,217 C 856,224 852,240 859,253 864,261 873,266 882,266 887,266 891,265 895,263 L 921,248 C 937,291 958,331 983,367 L 938,403 C 926,412 925,429 934,440 939,447 947,450 954,450 960,450 966,448 971,444 L 1016,408 C 1043,438 1074,465 1108,485 L 1084,527 C 1076,539 1081,555 1093,563 1098,565 1102,566 1107,566 1116,566 1125,561 1129,553 L 1155,509 C 1194,527 1237,538 1282,541 L 1282,1256 C 1282,1416 1152,1547 992,1547 L 992,1547 992,1547 Z M 1335,463 L 1388,463 1388,569 1335,569 1335,463 1335,463 Z M 1441,410 L 1547,410 1547,621 1441,621 1441,410 1441,410 Z" {}
|
path fill="rgb(255,255,255)" d="M 1573,357 L 1415,357 C 1400,357 1388,369 1388,383 L 1388,410 1335,410 1335,357 C 1335,167 1181,13 992,13 L 621,13 C 432,13 278,167 278,357 L 278,410 225,410 225,383 C 225,369 213,357 198,357 L 40,357 C 25,357 13,369 13,383 L 13,648 C 13,662 25,674 40,674 L 198,674 C 213,674 225,662 225,648 L 225,621 278,621 278,1256 C 278,1446 432,1600 621,1600 L 992,1600 C 1181,1600 1335,1446 1335,1256 L 1335,621 1388,621 1388,648 C 1388,662 1400,674 1415,674 L 1573,674 C 1588,674 1600,662 1600,648 L 1600,383 C 1600,369 1588,357 1573,357 L 1573,357 1573,357 Z M 66,410 L 172,410 172,621 66,621 66,410 66,410 Z M 1282,357 L 1282,488 C 1247,485 1213,477 1181,464 L 1196,437 C 1203,425 1199,409 1186,401 1174,394 1158,398 1150,411 L 1133,440 C 1105,423 1079,401 1056,376 L 1075,361 C 1087,352 1089,335 1079,324 1070,313 1054,311 1042,320 L 1023,335 C 1000,301 981,263 967,221 L 1011,196 C 1023,189 1028,172 1021,160 1013,147 997,143 984,150 L 953,168 C 945,136 941,102 940,66 L 992,66 C 1152,66 1282,197 1282,357 L 1282,357 1282,357 Z M 621,66 L 674,66 674,225 648,225 C 633,225 621,237 621,251 621,266 633,278 648,278 L 674,278 674,357 648,357 C 633,357 621,369 621,383 621,398 633,410 648,410 L 674,410 674,489 648,489 C 633,489 621,501 621,516 621,530 633,542 648,542 L 664,542 C 651,582 626,623 600,662 583,653 563,648 542,648 469,648 410,707 410,780 410,787 411,794 412,801 388,805 361,806 331,806 L 331,357 C 331,197 461,66 621,66 L 621,66 621,66 Z M 621,780 C 621,824 586,859 542,859 498,859 463,824 463,780 463,736 498,701 542,701 586,701 621,736 621,780 L 621,780 621,780 Z M 225,463 L 278,463 278,569 225,569 225,463 225,463 Z M 992,1547 L 621,1547 C 461,1547 331,1416 331,1256 L 331,859 C 367,859 400,858 431,851 454,888 495,912 542,912 615,912 674,853 674,780 674,747 662,718 642,695 675,645 706,594 720,542 L 780,542 C 795,542 807,530 807,516 807,501 795,489 780,489 L 727,489 727,410 780,410 C 795,410 807,398 807,383 807,369 795,357 780,357 L 727,357 727,278 780,278 C 795,278 807,266 807,251 807,237 795,225 780,225 L 727,225 727,66 887,66 C 889,111 895,155 905,196 L 869,217 C 856,224 852,240 859,253 864,261 873,266 882,266 887,266 891,265 895,263 L 921,248 C 937,291 958,331 983,367 L 938,403 C 926,412 925,429 934,440 939,447 947,450 954,450 960,450 966,448 971,444 L 1016,408 C 1043,438 1074,465 1108,485 L 1084,527 C 1076,539 1081,555 1093,563 1098,565 1102,566 1107,566 1116,566 1125,561 1129,553 L 1155,509 C 1194,527 1237,538 1282,541 L 1282,1256 C 1282,1416 1152,1547 992,1547 L 992,1547 992,1547 Z M 1335,463 L 1388,463 1388,569 1335,569 1335,463 1335,463 Z M 1441,410 L 1547,410 1547,621 1441,621 1441,410 1441,410 Z" {}
|
||||||
path fill="rgb(255,255,255)" d="M 1150,1018 L 463,1018 C 448,1018 436,1030 436,1044 L 436,1177 C 436,1348 545,1468 701,1468 L 912,1468 C 1068,1468 1177,1348 1177,1177 L 1177,1044 C 1177,1030 1165,1018 1150,1018 L 1150,1018 1150,1018 Z M 912,1071 L 1018,1071 1018,1124 912,1124 912,1071 912,1071 Z M 489,1071 L 542,1071 542,1124 489,1124 489,1071 489,1071 Z M 701,1415 L 700,1415 C 701,1385 704,1352 718,1343 731,1335 759,1341 795,1359 802,1363 811,1363 818,1359 854,1341 882,1335 895,1343 909,1352 912,1385 913,1415 L 912,1415 701,1415 701,1415 701,1415 Z M 1124,1177 C 1124,1296 1061,1384 966,1408 964,1365 958,1320 922,1298 894,1281 856,1283 807,1306 757,1283 719,1281 691,1298 655,1320 649,1365 647,1408 552,1384 489,1296 489,1177 L 569,1177 C 583,1177 595,1165 595,1150 L 595,1071 859,1071 859,1150 C 859,1165 871,1177 886,1177 L 1044,1177 C 1059,1177 1071,1165 1071,1150 L 1071,1071 1124,1071 1124,1177 1124,1177 1124,1177 Z" {}
|
path fill="rgb(255,255,255)" d="M 1150,1018 L 463,1018 C 448,1018 436,1030 436,1044 L 436,1177 C 436,1348 545,1468 701,1468 L 912,1468 C 1068,1468 1177,1348 1177,1177 L 1177,1044 C 1177,1030 1165,1018 1150,1018 L 1150,1018 1150,1018 Z M 912,1071 L 1018,1071 1018,1124 912,1124 912,1071 912,1071 Z M 489,1071 L 542,1071 542,1124 489,1124 489,1071 489,1071 Z M 701,1415 L 700,1415 C 701,1385 704,1352 718,1343 731,1335 759,1341 795,1359 802,1363 811,1363 818,1359 854,1341 882,1335 895,1343 909,1352 912,1385 913,1415 L 912,1415 701,1415 701,1415 701,1415 Z M 1124,1177 C 1124,1296 1061,1384 966,1408 964,1365 958,1320 922,1298 894,1281 856,1283 807,1306 757,1283 719,1281 691,1298 655,1320 649,1365 647,1408 552,1384 489,1296 489,1177 L 569,1177 C 583,1177 595,1165 595,1150 L 595,1071 859,1071 859,1150 C 859,1165 871,1177 886,1177 L 1044,1177 C 1059,1177 1071,1165 1071,1150 L 1071,1071 1124,1071 1124,1177 1124,1177 1124,1177 Z" {}
|
||||||
path fill="rgb(255,255,255)" d="M 1071,648 C 998,648 939,707 939,780 939,853 998,912 1071,912 1144,912 1203,853 1203,780 1203,707 1144,648 1071,648 L 1071,648 1071,648 Z M 1071,859 C 1027,859 992,824 992,780 992,736 1027,701 1071,701 1115,701 1150,736 1150,780 1150,824 1115,859 1071,859 L 1071,859 1071,859 Z" {}
|
path fill="rgb(255,255,255)" d="M 1071,648 C 998,648 939,707 939,780 939,853 998,912 1071,912 1144,912 1203,853 1203,780 1203,707 1144,648 1071,648 L 1071,648 1071,648 Z M 1071,859 C 1027,859 992,824 992,780 992,736 1027,701 1071,701 1115,701 1150,736 1150,780 1150,824 1115,859 1071,859 L 1071,859 1071,859 Z" {}
|
||||||
}
|
|
||||||
}
|
|
||||||
div class="footer-links" {
|
|
||||||
a href="https://crates.io/crates/pagetop" target="_blank" rel="noreferrer" { ("Crates.io") }
|
|
||||||
a href="https://docs.rs/pagetop" target="_blank" rel="noreferrer" { ("Docs.rs") }
|
|
||||||
a href="https://git.cillero.es/manuelcillero/pagetop" target="_blank" rel="noreferrer" { (L10n::l("welcome_code").to_markup(cx)) }
|
|
||||||
em { (L10n::l("welcome_have_fun").to_markup(cx)) }
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
div class="welcome-footer__links" {
|
||||||
|
a href="https://crates.io/crates/pagetop" target="_blank" rel="noreferrer" { ("Crates.io") }
|
||||||
|
a href="https://docs.rs/pagetop" target="_blank" rel="noreferrer" { ("Docs.rs") }
|
||||||
|
a href="https://git.cillero.es/manuelcillero/pagetop" target="_blank" rel="noreferrer" { (L10n::l("welcome_code").to_markup(cx)) }
|
||||||
|
em { (L10n::l("welcome_have_fun").to_markup(cx)) }
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}))
|
}))
|
||||||
|
.with_component_in("footer", PoweredBy::new())
|
||||||
.render()
|
.render()
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,11 @@ impl Theme for Basic {
|
||||||
StyleSheet::from("/css/normalize.css")
|
StyleSheet::from("/css/normalize.css")
|
||||||
.with_version("8.0.1")
|
.with_version("8.0.1")
|
||||||
.with_weight(-99),
|
.with_weight(-99),
|
||||||
|
))
|
||||||
|
.alter_assets(AssetsOp::AddStyleSheet(
|
||||||
|
StyleSheet::from("/css/basic.css")
|
||||||
|
.with_version(env!("CARGO_PKG_VERSION"))
|
||||||
|
.with_weight(-99),
|
||||||
));
|
));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -94,13 +94,11 @@ pub trait Theme: Extension + Send + Sync {
|
||||||
@let region_name = region.name();
|
@let region_name = region.name();
|
||||||
div
|
div
|
||||||
id=(region_name)
|
id=(region_name)
|
||||||
class="region"
|
class={ "region region--" (region_name) }
|
||||||
role="region"
|
role="region"
|
||||||
aria-label=[region_label.using(page)]
|
aria-label=[region_label.using(page)]
|
||||||
{
|
{
|
||||||
div class={ "region__" (region_name) } {
|
(output)
|
||||||
(output)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
src/locale/en-US/base.ftl
Normal file
2
src/locale/en-US/base.ftl
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
# PoweredBy component.
|
||||||
|
poweredby_pagetop = Powered by { $pagetop_link }
|
||||||
2
src/locale/es-ES/base.ftl
Normal file
2
src/locale/es-ES/base.ftl
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
# PoweredBy component.
|
||||||
|
poweredby_pagetop = Funciona con { $pagetop_link }
|
||||||
11
static/css/basic.css
Normal file
11
static/css/basic.css
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
/* Page layout */
|
||||||
|
|
||||||
|
.region--footer {
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* PoweredBy component */
|
||||||
|
|
||||||
|
.poweredby {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
@ -410,51 +410,61 @@ a:hover:visited {
|
||||||
transform: rotate(2deg);
|
transform: rotate(2deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer {
|
/*
|
||||||
width: 100%;
|
* Region footer
|
||||||
|
*/
|
||||||
|
|
||||||
|
.region--footer {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
color: var(--color-gray);
|
color: var(--color-gray);
|
||||||
|
}
|
||||||
|
|
||||||
|
.welcome-footer {
|
||||||
font-size: 1.15rem;
|
font-size: 1.15rem;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
line-height: 100%;
|
line-height: 100%;
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
max-width: 80rem;
|
||||||
|
padding: 0 10.625rem 2rem;
|
||||||
|
/*
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
*/
|
||||||
}
|
}
|
||||||
#footer a:visited {
|
.welcome-footer a:visited {
|
||||||
color: var(--color-gray);
|
color: var(--color-gray);
|
||||||
}
|
}
|
||||||
.footer-logo {
|
.welcome-footer__logo,
|
||||||
max-height: 12.625rem;
|
.welcome-footer__links {
|
||||||
}
|
|
||||||
.footer-logo svg {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.footer-logo,
|
|
||||||
.footer-links,
|
|
||||||
.footer-inner {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.footer-links {
|
.welcome-footer__logo {
|
||||||
|
max-height: 12.625rem;
|
||||||
|
}
|
||||||
|
.welcome-footer__logo svg {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.welcome-footer__links {
|
||||||
gap: 1.875rem;
|
gap: 1.875rem;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
.footer-inner {
|
|
||||||
max-width: 80rem;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
padding: 0 10.625rem 2rem;
|
|
||||||
}
|
|
||||||
@media (max-width: 48rem) {
|
@media (max-width: 48rem) {
|
||||||
.footer-logo {
|
.welcome-footer__logo {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 64rem) {
|
@media (max-width: 64rem) {
|
||||||
.footer-inner {
|
.welcome-footer {
|
||||||
padding: 0 1rem 2rem;
|
padding: 0 1rem 2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* PoweredBy component */
|
||||||
|
|
||||||
|
.poweredby a:visited {
|
||||||
|
color: var(--color-gray);
|
||||||
|
}
|
||||||
|
|
|
||||||
100
tests/component_poweredby.rs
Normal file
100
tests/component_poweredby.rs
Normal file
|
|
@ -0,0 +1,100 @@
|
||||||
|
use pagetop::prelude::*;
|
||||||
|
|
||||||
|
#[pagetop::test]
|
||||||
|
async fn poweredby_default_shows_only_pagetop_recognition() {
|
||||||
|
let _app = service::test::init_service(Application::new().test()).await;
|
||||||
|
|
||||||
|
let p = PoweredBy::default();
|
||||||
|
let html = render_component(&p);
|
||||||
|
|
||||||
|
// Debe mostrar el bloque de reconocimiento a PageTop.
|
||||||
|
assert!(html.contains("poweredby__pagetop"));
|
||||||
|
|
||||||
|
// Y NO debe mostrar el bloque de copyright.
|
||||||
|
assert!(!html.contains("poweredby__copyright"));
|
||||||
|
}
|
||||||
|
|
||||||
|
#[pagetop::test]
|
||||||
|
async fn poweredby_new_includes_current_year_and_app_name() {
|
||||||
|
let _app = service::test::init_service(Application::new().test()).await;
|
||||||
|
|
||||||
|
let p = PoweredBy::new();
|
||||||
|
let html = render_component(&p);
|
||||||
|
|
||||||
|
let year = Utc::now().format("%Y").to_string();
|
||||||
|
assert!(html.contains(&year), "HTML should include the current year");
|
||||||
|
|
||||||
|
// El nombre de la app proviene de `global::SETTINGS.app.name`.
|
||||||
|
let app_name = &global::SETTINGS.app.name;
|
||||||
|
assert!(
|
||||||
|
html.contains(app_name),
|
||||||
|
"HTML should include the application name"
|
||||||
|
);
|
||||||
|
|
||||||
|
// Debe existir el span de copyright.
|
||||||
|
assert!(html.contains("poweredby__copyright"));
|
||||||
|
}
|
||||||
|
|
||||||
|
#[pagetop::test]
|
||||||
|
async fn poweredby_with_copyright_overrides_text() {
|
||||||
|
let _app = service::test::init_service(Application::new().test()).await;
|
||||||
|
|
||||||
|
let custom = "2001 © FooBar Inc.";
|
||||||
|
let p = PoweredBy::default().with_copyright(Some(custom));
|
||||||
|
let html = render_component(&p);
|
||||||
|
|
||||||
|
assert!(html.contains(custom));
|
||||||
|
assert!(html.contains("poweredby__copyright"));
|
||||||
|
}
|
||||||
|
|
||||||
|
#[pagetop::test]
|
||||||
|
async fn poweredby_with_copyright_none_hides_text() {
|
||||||
|
let _app = service::test::init_service(Application::new().test()).await;
|
||||||
|
|
||||||
|
let p = PoweredBy::new().with_copyright(None::<String>);
|
||||||
|
let html = render_component(&p);
|
||||||
|
|
||||||
|
assert!(!html.contains("poweredby__copyright"));
|
||||||
|
// El reconocimiento a PageTop siempre debe aparecer.
|
||||||
|
assert!(html.contains("poweredby__pagetop"));
|
||||||
|
}
|
||||||
|
|
||||||
|
#[pagetop::test]
|
||||||
|
async fn poweredby_link_points_to_crates_io() {
|
||||||
|
let _app = service::test::init_service(Application::new().test()).await;
|
||||||
|
|
||||||
|
let p = PoweredBy::default();
|
||||||
|
let html = render_component(&p);
|
||||||
|
|
||||||
|
assert!(
|
||||||
|
html.contains("https://crates.io/crates/pagetop"),
|
||||||
|
"Link should point to crates.io/pagetop"
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
#[pagetop::test]
|
||||||
|
async fn poweredby_getter_reflects_internal_state() {
|
||||||
|
let _app = service::test::init_service(Application::new().test()).await;
|
||||||
|
|
||||||
|
// Por defecto no hay copyright.
|
||||||
|
let p0 = PoweredBy::default();
|
||||||
|
assert_eq!(p0.copyright(), None);
|
||||||
|
|
||||||
|
// Y `new()` lo inicializa con año + nombre de app.
|
||||||
|
let p1 = PoweredBy::new();
|
||||||
|
let c1 = p1.copyright().expect("Expected copyright to exis");
|
||||||
|
assert!(c1.contains(&Utc::now().format("%Y").to_string()));
|
||||||
|
assert!(c1.contains(&global::SETTINGS.app.name));
|
||||||
|
}
|
||||||
|
|
||||||
|
// HELPERS *****************************************************************************************
|
||||||
|
|
||||||
|
fn render(x: &impl Render) -> String {
|
||||||
|
x.render().into_string()
|
||||||
|
}
|
||||||
|
|
||||||
|
fn render_component<C: Component>(c: &C) -> String {
|
||||||
|
let mut cx = Context::default();
|
||||||
|
let pm = c.prepare_component(&mut cx);
|
||||||
|
render(&pm)
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue