📱 Actualiza el funcionamiento de temas

pagetop-bootsier/src/lib.rs

@@ -2,7 +2,7 @@ use pagetop::prelude::*;
 
 define_handle!(THEME_BOOTSIER);
 
-define_locale!(LOCALE_BOOTSIER, "src/locales");
+define_locale!(LOCALE_BOOTSIER, "static/locales");
 
 include!(concat!(env!("OUT_DIR"), "/bootsier.rs"));
 
@@ -27,6 +27,21 @@ impl ModuleTrait for Bootsier {
 }
 
 impl ThemeTrait for Bootsier {
+    #[rustfmt::skip]
+    fn regions(&self) -> Vec<(&'static str, L10n)> {
+        vec![
+            ("header",         L10n::t("header",         &LOCALE_BOOTSIER)),
+            ("nav_branding",   L10n::t("nav_branding",   &LOCALE_BOOTSIER)),
+            ("nav_main",       L10n::t("nav_main",       &LOCALE_BOOTSIER)),
+            ("nav_additional", L10n::t("nav_additional", &LOCALE_BOOTSIER)),
+            ("breadcrumb",     L10n::t("breadcrumb",     &LOCALE_BOOTSIER)),
+            ("content",        L10n::t("breadcrumb",     &LOCALE_BOOTSIER)),
+            ("sidebar_first",  L10n::t("sidebar_first",  &LOCALE_BOOTSIER)),
+            ("sidebar_second", L10n::t("sidebar_second", &LOCALE_BOOTSIER)),
+            ("footer",         L10n::t("footer",         &LOCALE_BOOTSIER)),
+        ]
+    }
+
     fn before_render_page(&self, page: &mut Page) {
         page.alter_favicon(Some(Favicon::new().with_icon("/theme/favicon.ico")))
             .alter_context(ContextOp::AddStyleSheet(
@@ -42,6 +57,66 @@ impl ThemeTrait for Bootsier {
         pagetop_jquery::JQuery::add_jquery(page.context());
     }
 
+    fn render_page_body(&self, page: &mut Page) -> Markup {
+        match page.template() {
+            "admin" => html! {
+                body class=[page.body_classes().get()] {
+                    @for region in &[
+                        "top-menu",
+                        "side-menu",
+                        "content"
+                    ] {
+                        @if let Some(content) = page.render_region(region) {
+                            #(region) { (content) }
+                        }
+                    }
+                }
+            },
+            _ => {
+                let header         = page.render_region("header");
+                let nav_branding   = page.render_region("nav_branding");
+                let nav_main       = page.render_region("nav_main");
+                let nav_additional = page.render_region("nav_additional");
+                let breadcrumb     = page.render_region("breadcrumb");
+                let content        = page.render_region("content");
+                let sidebar_first  = page.render_region("sidebar_first");
+                let sidebar_second = page.render_region("sidebar_second");
+                let footer         = page.render_region("footer");
+                html! {
+                    body class=[page.body_classes().get()] {
+                        @if header.is_some() {
+                            #header { (header.unwrap()) }
+                        }
+                        @if nav_branding.is_some() {
+                            #nav_branding { (nav_branding.unwrap()) }
+                        }
+                        @if nav_main.is_some() {
+                            #nav_main { (nav_main.unwrap()) }
+                        }
+                        @if nav_additional.is_some() {
+                            #nav_additional { (nav_additional.unwrap()) }
+                        }
+                        @if breadcrumb.is_some() {
+                            #breadcrumb { (breadcrumb.unwrap()) }
+                        }
+                        @if content.is_some() {
+                            #content { (content.unwrap()) }
+                        }
+                        @if sidebar_first.is_some() {
+                            #sidebar_first { (sidebar_first.unwrap()) }
+                        }
+                        @if sidebar_second.is_some() {
+                            #sidebar_second { (sidebar_second.unwrap()) }
+                        }
+                        @if footer.is_some() {
+                            #footer { (footer.unwrap()) }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
     fn render_component(
         &self,
         component: &dyn ComponentTrait,

pagetop-bootsier/static/locales/en-US/regions.ftl

@@ -1,13 +1,9 @@
 header = Header
-primary_menu = Primary menu
-secondary_menu = Secondary menu
-hero = Hero (full width)
-highlighted = Highlighted
+nav_branding = Navigation branding region
+nav_main = Main navigation region
+nav_additional = Additional navigation region (eg search form, social icons, etc)
 breadcrumb = Breadcrumb
-social = Social Bar
-content_above = Content Above
-content = Content
-sidebar = Sidebar
-content_below = Content Below
-footer_top = Footer Top
-footer_bottom = Footer Bottom
+content = Main content
+sidebar_first = Sidebar first
+sidebar_second = Sidebar second
+footer = Footer

pagetop-bootsier/static/locales/es-ES/regions.ftl

@@ -1,13 +1,9 @@
 header = Cabecera
-primary_menu = Menú principal
-secondary_menu = Menú secundario
-hero = Hero (ancho completo)
-highlighted = Destacado
-breadcrumb = Ruta de navegación
-social = Enlaces sociales
-content_above = Antes del contenido
-content = Contenido
-sidebar = Barra lateral
-content_below = Después del contenido
-footer_top = Pie de página (superior)
-footer_bottom = Pie de página (inferior)
+nav_branding = Navegación y marca
+nav_main = Navegación principal
+nav_additional = Navegación adicional (p.e. formulario de búsqueda, iconos sociales, etc.)
+breadcrumb = Ruta de posicionamiento
+content = Contenido principal
+sidebar_first = Barra lateral primera
+sidebar_second = Barra lateral segunda
+footer = Pie