75 lines
1.9 KiB
Rust
75 lines
1.9 KiB
Rust
mod convert;
|
||
|
||
use crate::prelude::*;
|
||
use yew::{html::Children, prelude::*};
|
||
|
||
pub struct Alert {
|
||
link: ComponentLink<Self>,
|
||
props: Props,
|
||
}
|
||
|
||
#[derive(Properties, Default, Clone, PartialEq)]
|
||
pub struct Props {
|
||
pub on_close: Callback<()>,
|
||
pub color: Color,
|
||
#[prop_or_default]
|
||
pub aria_label: String,
|
||
#[prop_or_default]
|
||
pub role: String,
|
||
#[prop_or_default]
|
||
pub border: Option<Border>,
|
||
#[prop_or_default]
|
||
pub borders: Vec<Border>,
|
||
#[prop_or_default]
|
||
pub margin: Option<Margin>,
|
||
#[prop_or_default]
|
||
pub margins: Vec<Margin>,
|
||
#[prop_or_default]
|
||
pub padding: Option<Padding>,
|
||
#[prop_or_default]
|
||
pub paddings: Vec<Padding>,
|
||
#[prop_or_default]
|
||
pub class: String,
|
||
#[prop_or_default]
|
||
pub style: String,
|
||
#[prop_or_default]
|
||
pub children: Children,
|
||
}
|
||
|
||
impl Component for Alert {
|
||
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_close.emit(());
|
||
true
|
||
}
|
||
|
||
fn change(&mut self, props: Self::Properties) -> ShouldRender {
|
||
render_on_change(&mut self.props, props)
|
||
}
|
||
|
||
fn view(&self) -> Html {
|
||
let color_class = self.props.color.with_prefix("alert-");
|
||
let class = calculate_classes(format!("alert {}", color_class), (&self.props).into());
|
||
html! {
|
||
<div class=class>
|
||
{ self.props.children.render() }
|
||
<button
|
||
type="button"
|
||
class="close"
|
||
data-dismiss="alert"
|
||
aria-label="Close"
|
||
onclick=self.link.callback(|_| ())
|
||
>
|
||
<span aria-hidden="true">{ "×" }</span>
|
||
</button>
|
||
</div>
|
||
}
|
||
}
|
||
}
|