kayrx-ui 0.1.0

The Kayrx-UI Framework
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93

use serde::{Deserialize, Serialize};
use std::time::Duration;
use yew::{
    prelude::*,
    services::timeout::{TimeoutService, TimeoutTask},
};

pub enum Msg {
    RemoveShow,
}

#[derive(Clone, Serialize, Deserialize)]
pub enum ToastStatus {
    Success,
    Error,
}

impl std::fmt::Display for ToastStatus {
    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
        let s = match self {
            ToastStatus::Success => "success",
            ToastStatus::Error => "error",
        };
        write!(f, "{}", s)
    }
}

#[derive(Clone, Serialize, Deserialize)]
pub struct ToastBody {
    pub status: ToastStatus,
    pub title: String,
    pub delay: u64,
}

#[derive(Clone, Properties)]
pub struct Props {
    pub body: ToastBody,
}

pub struct Toast {
    body: ToastBody,
    #[allow(dead_code)]
    timeout_task: Option<TimeoutTask>,
    toast_show: bool,
}

impl Component for Toast {
    type Message = Msg;
    type Properties = Props;

    fn create(props: Self::Properties, link: ComponentLink<Self>) -> Toast {
        let mut timeout_service = TimeoutService::new();
        let callback = link.callback(|_| Msg::RemoveShow);
        let timeout_task = timeout_service.spawn(Duration::from_millis(500), callback);

        Toast {
            body: props.body,
            timeout_task: Some(timeout_task),
            toast_show: true,
        }
    }

    fn update(&mut self, msg: Self::Message) -> ShouldRender {
        match msg {
            Msg::RemoveShow => {
                self.toast_show = false;
            }
        }
        true
    }

    fn view(&self) -> Html {
        let toast_class = format!("toast toast-{} {}", self.body.status, self.toast_show());

        html! {
            <div class=toast_class>
                <div class="toast-header">
                    { self.body.title.clone() }
                </div>
            </div>
        }
    }
}

impl Toast {
    fn toast_show(&self) -> &str {
        if self.toast_show {
            "toast-show"
        } else {
            ""
        }
    }
}