98 lines
2.4 KiB
Rust
98 lines
2.4 KiB
Rust
mod group;
|
|
mod props;
|
|
mod toolbar;
|
|
|
|
use self::props::Props;
|
|
pub use self::{group::ButtonGroup, toolbar::ButtonToolbar};
|
|
use crate::{prelude::*, render};
|
|
use std::fmt::{Display, Formatter, Result};
|
|
use yew::prelude::*;
|
|
|
|
#[derive(Clone, PartialEq)]
|
|
pub enum ButtonType {
|
|
Button,
|
|
Submit,
|
|
Reset,
|
|
}
|
|
|
|
impl Default for ButtonType {
|
|
fn default() -> Self {
|
|
ButtonType::Button
|
|
}
|
|
}
|
|
|
|
impl Display for ButtonType {
|
|
fn fmt(&self, f: &mut Formatter) -> Result {
|
|
use ButtonType::*;
|
|
match self {
|
|
Submit => write!(f, "submit"),
|
|
Reset => write!(f, "reset"),
|
|
_ => write!(f, "button"),
|
|
}
|
|
}
|
|
}
|
|
|
|
pub struct Button {
|
|
link: ComponentLink<Self>,
|
|
props: Props,
|
|
}
|
|
|
|
impl Component for Button {
|
|
type Properties = Props;
|
|
type Message = ();
|
|
|
|
fn create(props: Self::Properties, link: ComponentLink<Self>) -> Self {
|
|
Self { link, props }
|
|
}
|
|
|
|
fn update(&mut self, _: Self::Message) -> ShouldRender {
|
|
self.props.on_click.emit(());
|
|
false
|
|
}
|
|
|
|
fn change(&mut self, props: Self::Properties) -> ShouldRender {
|
|
render_if_ne(&mut self.props, props)
|
|
}
|
|
|
|
fn view(&self) -> Html {
|
|
let html = html! {
|
|
<button
|
|
button=self.props.button_type
|
|
onclick=self.link.callback(|_| ())
|
|
disabled=self.props.disabled.unwrap_or_default()
|
|
>
|
|
{ self.props.children.clone() }
|
|
</button>
|
|
};
|
|
render::render_with_prefix(&self.props, self.calculate_prefix(), html)
|
|
}
|
|
}
|
|
|
|
impl Button {
|
|
fn calculate_prefix(&self) -> Classes {
|
|
let mut prefix = Classes::from("btn");
|
|
if self.props.active.unwrap_or_default() {
|
|
prefix.push("active");
|
|
}
|
|
if let Some(ref color) = self.props.color {
|
|
prefix.push(&color.with_prefix("btn"));
|
|
}
|
|
if let Some(ref outline) = self.props.outline {
|
|
prefix.push(&outline.with_prefix("btn-outline"));
|
|
}
|
|
if self.props.text_nowrap.unwrap_or_default() {
|
|
prefix.push("text-nowrap");
|
|
}
|
|
if self.props.small.unwrap_or_default() {
|
|
prefix.push("btn-sm");
|
|
}
|
|
if self.props.large.unwrap_or_default() {
|
|
prefix.push("btn-lg");
|
|
}
|
|
if self.props.block.unwrap_or_default() {
|
|
prefix.push("btn-block");
|
|
}
|
|
prefix
|
|
}
|
|
}
|