//! Create choices using radio buttons. use crate::{Bus, Css, Element, Widget}; pub use iced_style::radio::{Style, StyleSheet}; use dodrio::bumpalo; /// A circular button representing a choice. /// /// # Example /// ``` /// # use iced_web::Radio; /// /// #[derive(Debug, Clone, Copy, PartialEq, Eq)] /// pub enum Choice { /// A, /// B, /// } /// /// #[derive(Debug, Clone, Copy)] /// pub enum Message { /// RadioSelected(Choice), /// } /// /// let selected_choice = Some(Choice::A); /// /// Radio::new(Choice::A, "This is A", selected_choice, Message::RadioSelected); /// /// Radio::new(Choice::B, "This is B", selected_choice, Message::RadioSelected); /// ``` /// /// ![Radio buttons drawn by Coffee's renderer](https://github.com/hecrj/coffee/blob/bda9818f823dfcb8a7ad0ff4940b4d4b387b5208/images/ui/radio.png?raw=true) #[allow(missing_debug_implementations)] pub struct Radio { is_selected: bool, on_click: Message, label: String, style: Box, } impl Radio { /// Creates a new [`Radio`] button. /// /// It expects: /// * the value related to the [`Radio`] button /// * the label of the [`Radio`] button /// * the current selected value /// * a function that will be called when the [`Radio`] is selected. It /// receives the value of the radio and must produce a `Message`. /// /// [`Radio`]: struct.Radio.html pub fn new( value: V, label: impl Into, selected: Option, f: F, ) -> Self where V: Eq + Copy, F: 'static + Fn(V) -> Message, { Radio { is_selected: Some(value) == selected, on_click: f(value), label: label.into(), style: Default::default(), } } /// Sets the style of the [`Radio`] button. /// /// [`Radio`]: struct.Radio.html pub fn style(mut self, style: impl Into>) -> Self { self.style = style.into(); self } } impl Widget for Radio where Message: 'static + Clone, { fn node<'b>( &self, bump: &'b bumpalo::Bump, bus: &Bus, _style_sheet: &mut Css<'b>, ) -> dodrio::Node<'b> { use dodrio::builder::*; let radio_label = bumpalo::format!(in bump, "{}", self.label); let event_bus = bus.clone(); let on_click = self.on_click.clone(); // TODO: Complete styling label(bump) .attr("style", "display: block; font-size: 20px") .children(vec![ input(bump) .attr("type", "radio") .attr("style", "margin-right: 10px") .bool_attr("checked", self.is_selected) .on("click", move |_root, _vdom, _event| { event_bus.publish(on_click.clone()); }) .finish(), text(radio_label.into_bump_str()), ]) .finish() } } impl<'a, Message> From> for Element<'a, Message> where Message: 'static + Clone, { fn from(radio: Radio) -> Element<'a, Message> { Element::new(radio) } }