bevy_extended_ui 1.1.0

Create simply ui's with css and html for bevy.
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

use bevy::prelude::*;
use bevy_extended_ui::example_utils::make_app;
use bevy_extended_ui::html::{HtmlEvent, HtmlSource};
use bevy_extended_ui::io::HtmlAsset;
use bevy_extended_ui::registry::UiRegistry;
use bevy_extended_ui::styles::CssID;
use bevy_extended_ui_macros::html_fn;

fn main() {
    let mut app = make_app("Debug Html UI - test");

    app.add_systems(Startup, |mut reg: ResMut<UiRegistry>, asset_server: Res<AssetServer>| {
        let handle: Handle<HtmlAsset> = asset_server.load("examples/check_box.html");
        reg.add_and_use("check_box_test".to_string(), HtmlSource::from_handle(handle));
    });

    app.run();
}

#[html_fn("show_h1")]
fn show_h1(In(_target): In<HtmlEvent>, mut query: Query<(&mut Visibility, &CssID), With<CssID>>) {
    for (mut visibility, id) in query.iter_mut() {
        if id.0.eq("h1") {
            change_visibility(&mut visibility);
        }
    }
}

#[html_fn("show_h2")]
fn show_h2(In(_target): In<HtmlEvent>, mut query: Query<(&mut Visibility, &CssID), With<CssID>>) {
    for (mut visibility, id) in query.iter_mut() {
        if id.0.eq("h2") {
            change_visibility(&mut visibility);
        }
    }
}

fn change_visibility(visibility: &mut Visibility) {
    if *visibility == Visibility::Visible || *visibility == Visibility::Inherited {
        *visibility = Visibility::Hidden;
    } else {
        *visibility = Visibility::Visible;
    }
}