add multiple modals example

Cargo.toml

@@ -1,7 +1,10 @@
 [package]
 name = "iced_aw"
 version = "0.7.0"
-authors = ["Kaiden42 <gitlab@tinysn.com>", "Andrew Wheeler <genusistimelord@gmail.com>"]
+authors = [
+ "Kaiden42 <gitlab@tinysn.com>",
+ "Andrew Wheeler <genusistimelord@gmail.com>",
+]
 edition = "2021"
 description = "Additional widgets for the Iced GUI library"
 license = "MIT"
@@ -19,7 +22,7 @@ color_picker = ["icon_text", "iced_widget/canvas"]
 cupertino = ["iced_widget/canvas", "time"]
 floating_element = []
 grid = []
-glow = [] # TODO
+glow = []  # TODO
 icon_text = ["icons"]
 icons = []
 modal = []
@@ -88,6 +91,7 @@ members = [
  "examples/grid",
  "examples/modal",
  "examples/modal_component",
+ "examples/multiple_modals",
  "examples/tab_bar",
  "examples/tabs",
  "examples/time_picker",
@@ -99,7 +103,7 @@ members = [
  "examples/menu",
  "examples/spinner",
  "examples/context_menu",
- "examples/WidgetIDReturn"
+ "examples/WidgetIDReturn",
 ]
 
 [workspace.dependencies.iced]
@@ -111,4 +115,3 @@ features = ["advanced", "lazy", "tokio"]
 [workspace.dependencies.iced_aw]
 path = "./"
 default-features = false
-

examples/multiple_modals/Cargo.toml

@@ -0,0 +1,11 @@
+[package]
+name = "multiple_modals"
+version = "0.1.0"
+authors = ["Luca Trevisani <lucatrv@hotmail.com>"]
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+iced_aw = { workspace = true, features = ["card", "modal"] }
+iced.workspace = true

examples/multiple_modals/src/main.rs

@@ -0,0 +1,179 @@
+use iced::widget::{button, column, container, row, text, vertical_space};
+use iced::{window, Alignment, Element, Length, Sandbox, Settings};
+
+use iced_aw::{card, modal, CardStyles};
+
+fn main() -> iced::Result {
+ MultipleModalsExample::run(Settings {
+ window: window::Settings {
+ size: (500, 200),
+ position: window::Position::Centered,
+ ..Default::default()
+ },
+ ..Default::default()
+ })
+}
+
+enum State {
+ Start,
+ Button1,
+ Button2,
+ Button3,
+ End,
+}
+
+enum ButtonPressed {
+ Correct,
+ Wrong,
+}
+
+struct MultipleModalsExample {
+ state: State,
+ button_pressed: Option<ButtonPressed>,
+}
+
+#[derive(Debug, Clone)]
+enum Message {
+ ButtonStartPressed,
+ Button1Pressed,
+ Button2Pressed,
+ Button3Pressed,
+ CloseOverlay,
+}
+
+impl Sandbox for MultipleModalsExample {
+ type Message = Message;
+
+ fn new() -> Self {
+ Self {
+ state: State::Start,
+ button_pressed: None,
+ }
+ }
+
+ fn title(&self) -> String {
+ String::from("Multiple Modals example")
+ }
+
+ fn update(&mut self, message: Self::Message) {
+ match message {
+ Message::ButtonStartPressed => match self.state {
+ State::Start => self.state = State::Button1,
+ _ => panic!("button `Start` should be shown only with state `Start`"),
+ },
+ Message::Button1Pressed => match self.state {
+ State::Button1 => self.button_pressed = Some(ButtonPressed::Correct),
+ State::Button2 | State::Button3 => self.button_pressed = Some(ButtonPressed::Wrong),
+ _ => panic!(
+ "button 1 should be shown only with states `Button1`, `Button2`, or `Button3`"
+ ),
+ },
+ Message::Button2Pressed => match self.state {
+ State::Button2 => self.button_pressed = Some(ButtonPressed::Correct),
+ State::Button1 | State::Button3 => self.button_pressed = Some(ButtonPressed::Wrong),
+ _ => panic!(
+ "button 2 should be shown only with states `Button1`, `Button2`, or `Button3`"
+ ),
+ },
+ Message::Button3Pressed => match self.state {
+ State::Button3 => self.button_pressed = Some(ButtonPressed::Correct),
+ State::Button1 | State::Button2 => self.button_pressed = Some(ButtonPressed::Wrong),
+ _ => panic!(
+ "button 3 should be shown only with states `Button1`, `Button2`, or `Button3`"
+ ),
+ },
+ Message::CloseOverlay => {
+ match (&self.state, &self.button_pressed) {
+ (State::Button1, Some(ButtonPressed::Correct)) => self.state = State::Button2,
+ (State::Button2, Some(ButtonPressed::Correct)) => self.state = State::Button3,
+ (State::Button3, Some(ButtonPressed::Correct)) => self.state = State::End,
+ (
+ State::Button1 | State::Button2 | State::Button3,
+ Some(ButtonPressed::Wrong),
+ ) => {}
+ _ => panic!(
+ "overlays should open only with states `Button1`, `Button2`, or `Button3`"
+ ),
+ }
+ self.button_pressed = None
+ }
+ }
+ }
+
+ fn view(&self) -> Element<Self::Message> {
+ let underlay_body_string = match self.state {
+ State::Start => "Press the Start button to begin",
+ State::Button1 => "Press Button 1",
+ State::Button2 => "Press Button 2",
+ State::Button3 => "Press Button 3",
+ State::End => "All done!",
+ };
+
+ let underlay_footer_row = match self.state {
+ State::Start => Some(row![button("Start").on_press(Message::ButtonStartPressed)]),
+ State::Button1 | State::Button2 | State::Button3 => Some(row![
+ button("Button 1").on_press(Message::Button1Pressed),
+ button("Button 2").on_press(Message::Button2Pressed),
+ button("Button 3").on_press(Message::Button3Pressed)
+ ]),
+ State::End => None,
+ };
+
+ let underlay = match underlay_footer_row {
+ Some(underlay_footer_row) => container(
+ column![
+ vertical_space(Length::Fill),
+ text(underlay_body_string),
+ vertical_space(Length::Fill),
+ underlay_footer_row.spacing(20)
+ ]
+ .spacing(20)
+ .padding(20)
+ .align_items(Alignment::Center),
+ )
+ .width(Length::Fill)
+ .center_x(),
+ None => container(text(underlay_body_string))
+ .width(Length::Fill)
+ .height(Length::Fill)
+ .center_x()
+ .center_y(),
+ };
+
+ let overlay = self.button_pressed.as_ref().map(|button_pressed| {
+ let overlay_head_string = match button_pressed {
+ ButtonPressed::Correct => "Correct button",
+ ButtonPressed::Wrong => "Wrong button",
+ };
+
+ let overlay_body_string = match button_pressed {
+ ButtonPressed::Correct => match self.state {
+ State::Button1 => "You pressed button 1!\nClose this dialogue to continue.",
+ State::Button2 => "You pressed button 2!\nClose this dialogue to continue.",
+ State::Button3 => "You pressed button 3!\nClose this dialogue to continue.",
+ _ => panic!(
+ "overlays should open only with states `Button1`, `Button2`, or `Button3`"
+ ),
+ },
+ ButtonPressed::Wrong => {
+ "You pressed the wrong button.\nClose this dialogue to continue."
+ }
+ };
+
+ let card_style = match button_pressed {
+ ButtonPressed::Correct => CardStyles::Success,
+ ButtonPressed::Wrong => CardStyles::Danger,
+ };
+
+ card(text(overlay_head_string), text(overlay_body_string))
+ .style(card_style)
+ .max_width(300.0)
+ .on_close(Message::CloseOverlay)
+ });
+
+ modal(underlay, overlay)
+ .backdrop(Message::CloseOverlay)
+ .on_esc(Message::CloseOverlay)
+ .into()
+ }
+}