Manuel Cillero
82837c622e
- Se incorpora nuevo componente Dropdown. - Se crea un componente Navbar con soporte para marca, elementos de navegación. - Se implementa el componente Offcanvas con opciones de posición, visibilidad y fondo personalizables. - Mejora el manejo de imágenes con un nuevo componente de Image. - Se reorganizan los componentes del tema para una mejor estructura y usabilidad.
75 lines
1.5 KiB
Rust
75 lines
1.5 KiB
Rust
use pagetop::prelude::*;
|
|
|
|
use crate::theme::navbar;
|
|
|
|
#[rustfmt::skip]
|
|
#[derive(AutoDefault)]
|
|
pub struct Nav {
|
|
id : AttrId,
|
|
classes: AttrClasses,
|
|
items : Children,
|
|
}
|
|
|
|
impl Component for Nav {
|
|
fn new() -> Self {
|
|
Nav::default()
|
|
}
|
|
|
|
fn id(&self) -> Option<String> {
|
|
self.id.get()
|
|
}
|
|
|
|
fn setup_before_prepare(&mut self, _cx: &mut Context) {
|
|
self.alter_classes(ClassesOp::Prepend, "navbar-nav");
|
|
}
|
|
|
|
fn prepare_component(&self, cx: &mut Context) -> PrepareMarkup {
|
|
let items = self.items().render(cx);
|
|
if items.is_empty() {
|
|
return PrepareMarkup::None;
|
|
}
|
|
|
|
PrepareMarkup::With(html! {
|
|
ul id=[self.id()] class=[self.classes().get()] {
|
|
(items)
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
impl Nav {
|
|
// Nav BUILDER.
|
|
|
|
#[builder_fn]
|
|
pub fn with_id(mut self, id: impl AsRef<str>) -> Self {
|
|
self.id.alter_value(id);
|
|
self
|
|
}
|
|
|
|
#[builder_fn]
|
|
pub fn with_classes(mut self, op: ClassesOp, classes: impl AsRef<str>) -> Self {
|
|
self.classes.alter_value(op, classes);
|
|
self
|
|
}
|
|
|
|
pub fn with_item(mut self, item: navbar::Item) -> Self {
|
|
self.items.add(Child::with(item));
|
|
self
|
|
}
|
|
|
|
#[builder_fn]
|
|
pub fn with_items(mut self, op: TypedOp<navbar::Item>) -> Self {
|
|
self.items.alter_typed(op);
|
|
self
|
|
}
|
|
|
|
// Nav GETTERS.
|
|
|
|
pub fn classes(&self) -> &AttrClasses {
|
|
&self.classes
|
|
}
|
|
|
|
pub fn items(&self) -> &Children {
|
|
&self.items
|
|
}
|
|
}
|