wand 0.1.3

Web application UI framework powerered by wasm and canvas 2d
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136


use wasm_bindgen::prelude::*;
use crate::container::*;
use crate::content::*;
use crate::component::*;
use crate::span::*;

use std::cell::RefCell;
use std::rc::{Rc, Weak};

use crate::core::State;

pub type SectionRef = Rc<RefCell<Section>>;
pub type SectionWeak = Weak<RefCell<Section>>;


pub struct Section {
    pub name: String,
    container: Container,

    x: f64,
    y: f64,
    w: f64,
    h: f64,

    pub width: f32,
    pub height: f32,
    pub order: u8,

    state: State
}

impl Section {
    pub fn new(state: State, name: &str, width: f32, height: f32, padding: f32) -> SectionRef {
        Rc::new(RefCell::new(Self {
            name: name.to_string(),
            container: Container::new(padding, padding, 2., 2., 4., 4., Scrollable::None),
            x: 0.,
            y: 0.,
            w: 0.,
            h: 0.,
            width,
            height,
            order: 0,
            state,
        }))
    }

    pub fn new_with_container(state: State, name: &str, width: f32, height: f32, container: Container) -> SectionRef {
        Rc::new(RefCell::new(Self {
            name: name.to_string(),
            container,
            x: 0.,
            y: 0.,
            w: 0.,
            h: 0.,
            width,
            height,
            order: 0,
            state
        }))
    }

    pub fn register_section(&mut self, section: &SectionRef) {
        {
            let mut state = self.state.borrow_mut();
            state.register_section(section);
        }

        self.container.register(Content::Section { section: section.clone() });
    }

    pub fn add_section(&mut self, section: &SectionRef) {
        self.container.register(Content::Section { section: section.clone() });
    }

    pub fn register_span<T: 'static + SpanTrait>(&mut self, span: T) {
        let span = Rc::new(RefCell::new(Box::new(span) as Box<dyn SpanTrait>));
        {
            let mut state = self.state.borrow_mut();
            state.register_span(&span);
        }
        self.container.register(Content::Span { span });
    }
   
    pub fn add_span<T: 'static + SpanTrait>(&mut self, span: T) {
        let span = Box::new(span) as Box<dyn SpanTrait>;
        self.container.register(Content::Span { span: Rc::new(RefCell::new(span)) });
    }

    pub fn on_resize(&mut self, left: f64, top: f64, right: f64, bottom: f64) -> (f64, f64, bool) {
        // log!(&format!("Resizing {}", &self.name));
        log!("Resizing {}", &self.name);
        self.x = left;
        self.y = top;
        self.w = self.width as f64 * (right - left);
        self.h = self.height as f64 * (bottom - top);
        self.container.on_resize(self.x, self.y, self.w, self.h);
        (self.w, self.h, true)
    }
    
    fn draw_outline(&self, ctx: &web_sys::CanvasRenderingContext2d) {
        ctx.set_stroke_style(&JsValue::from_str("#07ce88"));
        ctx.stroke_rect(self.x, self.y, self.w, self.h);
    }

    /// Deprecated
    pub fn draw(&self, ctx: &web_sys::CanvasRenderingContext2d) {
        self.draw_outline(ctx);
        self.container.draw(ctx);
    }

    pub fn render_tick(&self, ctx: &web_sys::CanvasRenderingContext2d) {
        self.draw_outline(ctx);
        self.container.render_tick(ctx);
    }

    pub fn tick(&mut self) {
        self.container.tick();
    }

    fn consume_event(&mut self, ev: &mut Event) {
        log!("mouse on {} ", self.name);
    }

    pub fn dispatch_event(&mut self, ev: &mut Event) {
        if ev.pos.in_rec(self.x, self.y, self.w, self.h) {
            self.container.dispatch_event(ev);
            self.consume_event(ev);
        }
    }
}