rate-app 0.40.0

RillRate App
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
94
95
96
97
98
99
100
101
102

use crate::alerts::state::{TimedAlert, ALERTS};
use rate_ui::shared_object::SharedObject;
use rate_ui::widget::wired_widget::{SingleFlowMeta, SingleFlowProps, WiredWidget};
use rate_ui::widget::{Context, Widget, WidgetRuntime};
use rill_protocol::io::provider::Path;
use rrpack_prime::transparent::alert::{AlertEvent, AlertState};
use yew::{classes, html, Classes, Html};

pub type AlertCard = WidgetRuntime<AlertCardWidget>;

#[derive(Default)]
pub struct AlertCardWidget {
    // TODO: Add ignored count
    silent: bool,
}

#[derive(Debug, Clone)]
pub enum Msg {
    Toggle,
}

impl Widget for AlertCardWidget {
    type Event = Msg;
    type Tag = Option<Path>;
    type Properties = SingleFlowProps;
    type Meta = SingleFlowMeta<Self>;

    fn init(&mut self, ctx: &mut Context<Self>) {
        self.on_props(ctx);
    }

    fn on_props(&mut self, ctx: &mut Context<Self>) {
        let path = ctx.properties().path.clone().of_server();
        ctx.rewire(path);
    }

    fn on_event(&mut self, event: Self::Event, ctx: &mut Context<Self>) {
        match event {
            Msg::Toggle => {
                self.silent = !self.silent;
                ctx.redraw();
            }
        }
    }

    fn view(&self, ctx: &Context<Self>) -> Html {
        let color = {
            if self.silent {
                "btn-dark"
            } else {
                "btn-warning"
            }
        };
        let (silent, bell) = if self.silent {
            (None, "bi-bell")
        } else {
            (Some("active"), "bi-bell-fill")
        };
        let body = {
            html! {
                <button type="button" class=classes!(Classes::from("btn btn-sm"), color, silent)
                    onclick=ctx.event(Msg::Toggle)
                >
                    { "Alerts: " }<i class=bell></i>
                </button>
            }
        };
        html! {
            <div yew=module_path!() class="text-center pt-3">
                { body }
            </div>
        }
    }
}

impl WiredWidget<SingleFlowMeta<Self>> for AlertCardWidget {
    type Flow = AlertState;

    fn state_changed(&mut self, _reloaded: bool, ctx: &mut Context<Self>) {
        ctx.redraw();
    }

    fn state_update(
        &mut self,
        tag: &Path,
        event: &AlertEvent,
        _reloaded: &mut bool,
        _ctx: &mut Context<Self>,
    ) {
        match event {
            AlertEvent::Notify { text } => {
                if !self.silent {
                    let alerts = ALERTS.with(SharedObject::clone);
                    let mut state = alerts.write();
                    let origin = tag.iter().last().cloned().unwrap_or_default();
                    let alert = TimedAlert::new(origin.into(), text.clone());
                    state.alerts.push_back(alert);
                }
            }
        }
    }
}