Manuel Cillero
8978506c39
- 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.
113 lines
3.2 KiB
Rust
113 lines
3.2 KiB
Rust
use pagetop::prelude::*;
|
|
|
|
use crate::theme::Dropdown;
|
|
|
|
type Label = L10n;
|
|
|
|
#[derive(AutoDefault)]
|
|
pub enum ItemType {
|
|
#[default]
|
|
Void,
|
|
Label(Label),
|
|
Link(Label, FnPathByContext),
|
|
LinkBlank(Label, FnPathByContext),
|
|
Dropdown(Typed<Dropdown>),
|
|
}
|
|
|
|
// Item.
|
|
|
|
#[rustfmt::skip]
|
|
#[derive(AutoDefault)]
|
|
pub struct Item {
|
|
item_type: ItemType,
|
|
}
|
|
|
|
impl Component for Item {
|
|
fn new() -> Self {
|
|
Item::default()
|
|
}
|
|
|
|
fn prepare_component(&self, cx: &mut Context) -> PrepareMarkup {
|
|
let description: Option<String> = None;
|
|
|
|
// Obtiene la URL actual desde `cx.request`.
|
|
let current_path = cx.request().map(|request| request.path());
|
|
|
|
match self.item_type() {
|
|
ItemType::Void => PrepareMarkup::None,
|
|
ItemType::Label(label) => PrepareMarkup::With(html! {
|
|
li class="nav-item" {
|
|
span title=[description] {
|
|
//(left_icon)
|
|
(label.using(cx))
|
|
//(right_icon)
|
|
}
|
|
}
|
|
}),
|
|
ItemType::Link(label, path) => {
|
|
let item_path = path(cx);
|
|
let (class, aria) = if current_path == Some(item_path) {
|
|
("nav-item active", Some("page"))
|
|
} else {
|
|
("nav-item", None)
|
|
};
|
|
PrepareMarkup::With(html! {
|
|
li class=(class) aria-current=[aria] {
|
|
a class="nav-link" href=(item_path) title=[description] {
|
|
//(left_icon)
|
|
(label.using(cx))
|
|
//(right_icon)
|
|
}
|
|
}
|
|
})
|
|
}
|
|
ItemType::LinkBlank(label, path) => {
|
|
let item_path = path(cx);
|
|
let (class, aria) = if current_path == Some(item_path) {
|
|
("nav-item active", Some("page"))
|
|
} else {
|
|
("nav-item", None)
|
|
};
|
|
PrepareMarkup::With(html! {
|
|
li class=(class) aria-current=[aria] {
|
|
a class="nav-link" href=(item_path) title=[description] target="_blank" {
|
|
//(left_icon)
|
|
(label.using(cx))
|
|
//(right_icon)
|
|
}
|
|
}
|
|
})
|
|
}
|
|
ItemType::Dropdown(menu) => PrepareMarkup::With(html! { (menu.render(cx)) }),
|
|
}
|
|
}
|
|
}
|
|
|
|
impl Item {
|
|
pub fn label(label: L10n) -> Self {
|
|
Item {
|
|
item_type: ItemType::Label(label),
|
|
..Default::default()
|
|
}
|
|
}
|
|
|
|
pub fn link(label: L10n, path: FnPathByContext) -> Self {
|
|
Item {
|
|
item_type: ItemType::Link(label, path),
|
|
..Default::default()
|
|
}
|
|
}
|
|
|
|
pub fn link_blank(label: L10n, path: FnPathByContext) -> Self {
|
|
Item {
|
|
item_type: ItemType::LinkBlank(label, path),
|
|
..Default::default()
|
|
}
|
|
}
|
|
|
|
// Item GETTERS.
|
|
|
|
pub fn item_type(&self) -> &ItemType {
|
|
&self.item_type
|
|
}
|
|
}
|