manuelcillero/pagetop
manuelcillero/pagetop
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

✨ Add new helper trait for components' classes

Browse source
This commit is contained in:
Manuel Cillero 2023-11-19 00:20:38 +01:00
parent ed495121dd
commit 04286f1875
18 changed files with 294 additions and 341 deletions
Download patch file Download diff file Expand all files Collapse all files

128
pagetop-bootsier/src/lib.rs
View file

@ -84,162 +84,96 @@ impl ThemeTrait for Bootsier {
fn before_prepare_component(&self, component: &mut dyn ComponentTrait, _cx: &mut Context) {
match component.handle() {
COMPONENT_BASE_ICON => {
if let Some(icon) = component_as_mut::<Icon>(component) {
match icon.font_size() {
if let Some(i) = component_as_mut::<Icon>(component) {
match i.font_size() {
FontSize::ExtraLarge => {
icon.alter_classes(
ClassesOp::Replace(icon.font_size().to_string()),
"fs-1",
);
i.replace_classes(i.font_size().to_string(), "fs-1");
}
FontSize::XxLarge => {
icon.alter_classes(
ClassesOp::Replace(icon.font_size().to_string()),
"fs-2",
);
i.replace_classes(i.font_size().to_string(), "fs-2");
}
FontSize::XLarge => {
icon.alter_classes(
ClassesOp::Replace(icon.font_size().to_string()),
"fs-3",
);
i.replace_classes(i.font_size().to_string(), "fs-3");
}
FontSize::Large => {
icon.alter_classes(
ClassesOp::Replace(icon.font_size().to_string()),
"fs-4",
);
i.replace_classes(i.font_size().to_string(), "fs-4");
}
FontSize::Medium => {
icon.alter_classes(
ClassesOp::Replace(icon.font_size().to_string()),
"fs-5",
);
i.replace_classes(i.font_size().to_string(), "fs-5");
}
_ => {}
};
}
}
COMPONENT_BASE_BUTTON => {
if let Some(button) = component_as_mut::<Button>(component) {
match button.font_size() {
if let Some(b) = component_as_mut::<Button>(component) {
match b.font_size() {
FontSize::ExtraLarge => {
button.alter_classes(
ClassesOp::Replace(button.font_size().to_string()),
"fs-1",
);
b.replace_classes(b.font_size().to_string(), "fs-1");
}
FontSize::XxLarge => {
button.alter_classes(
ClassesOp::Replace(button.font_size().to_string()),
"fs-2",
);
b.replace_classes(b.font_size().to_string(), "fs-2");
}
FontSize::XLarge => {
button.alter_classes(
ClassesOp::Replace(button.font_size().to_string()),
"fs-3",
);
b.replace_classes(b.font_size().to_string(), "fs-3");
}
FontSize::Large => {
button.alter_classes(
ClassesOp::Replace(button.font_size().to_string()),
"fs-4",
);
b.replace_classes(b.font_size().to_string(), "fs-4");
}
FontSize::Medium => {
button.alter_classes(
ClassesOp::Replace(button.font_size().to_string()),
"fs-5",
);
b.replace_classes(b.font_size().to_string(), "fs-5");
}
_ => {}
};
match button.button_type() {
match b.button_type() {
ButtonType::Link => {
button.alter_classes(
ClassesOp::Replace(button.button_type().to_string()),
"btn btn-link",
);
b.replace_classes(b.button_type().to_string(), "btn btn-link");
}
ButtonType::Primary => {
button.alter_classes(
ClassesOp::Replace(button.button_type().to_string()),
"btn btn-primary",
);
b.replace_classes(b.button_type().to_string(), "btn btn-primary");
}
};
}
}
COMPONENT_BASE_HEADING => {
if let Some(heading) = component_as_mut::<Heading>(component) {
match heading.display() {
if let Some(h) = component_as_mut::<Heading>(component) {
match h.display() {
HeadingDisplay::ExtraLarge => {
heading.alter_classes(
ClassesOp::Replace(heading.display().to_string()),
"display-1",
);
h.replace_classes(h.display().to_string(), "display-1");
}
HeadingDisplay::XxLarge => {
heading.alter_classes(
ClassesOp::Replace(heading.display().to_string()),
"display-2",
);
h.replace_classes(h.display().to_string(), "display-2");
}
HeadingDisplay::XLarge => {
heading.alter_classes(
ClassesOp::Replace(heading.display().to_string()),
"display-3",
);
h.replace_classes(h.display().to_string(), "display-3");
}
HeadingDisplay::Large => {
heading.alter_classes(
ClassesOp::Replace(heading.display().to_string()),
"display-4",
);
h.replace_classes(h.display().to_string(), "display-4");
}
HeadingDisplay::Medium => {
heading.alter_classes(
ClassesOp::Replace(heading.display().to_string()),
"display-5",
);
h.replace_classes(h.display().to_string(), "display-5");
}
_ => {}
};
}
}
COMPONENT_BASE_PARAGRAPH => {
if let Some(paragraph) = component_as_mut::<Paragraph>(component) {
match paragraph.font_size() {
if let Some(p) = component_as_mut::<Paragraph>(component) {
match p.font_size() {
FontSize::ExtraLarge => {
paragraph.alter_classes(
ClassesOp::Replace(paragraph.font_size().to_string()),
"fs-1",
);
p.replace_classes(p.font_size().to_string(), "fs-1");
}
FontSize::XxLarge => {
paragraph.alter_classes(
ClassesOp::Replace(paragraph.font_size().to_string()),
"fs-2",
);
p.replace_classes(p.font_size().to_string(), "fs-2");
}
FontSize::XLarge => {
paragraph.alter_classes(
ClassesOp::Replace(paragraph.font_size().to_string()),
"fs-3",
);
p.replace_classes(p.font_size().to_string(), "fs-3");
}
FontSize::Large => {
paragraph.alter_classes(
ClassesOp::Replace(paragraph.font_size().to_string()),
"fs-4",
);
p.replace_classes(p.font_size().to_string(), "fs-4");
}
FontSize::Medium => {
paragraph.alter_classes(
ClassesOp::Replace(paragraph.font_size().to_string()),
"fs-5",
);
p.replace_classes(p.font_size().to_string(), "fs-5");
}
_ => {}
};