freya-devtools-app 0.4.0-rc.16

Devtools App for Freya app
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

use freya::prelude::*;
use freya_devtools::AttributeType;

use crate::property::{
    BorderProperty,
    ColorProperty,
    GradientProperty,
    Property,
    ShadowProperty,
    TextShadowProperty,
};

pub fn attributes_list(attributes: Vec<(&str, AttributeType)>) -> Element {
    ScrollView::new()
        .children(
            attributes
                .into_iter()
                .enumerate()
                .filter_map(|(i, (name, attribute))| {
                    let background = if i % 2 == 0 {
                        Color::from_af32rgb(0.1, 255, 255, 255)
                    } else {
                        Color::TRANSPARENT
                    };
                    let element = attribute_element(name, attribute)?;
                    Some(
                        rect()
                            .key(i)
                            .background(background)
                            .padding((5., 16.))
                            .child(element)
                            .into(),
                    )
                }),
        )
        .into()
}

pub fn attribute_element(name: &str, attribute: AttributeType<'_>) -> Option<Element> {
    match attribute {
        AttributeType::Measure(measure) => Some(Property::new(name, measure.to_string()).into()),
        AttributeType::OptionalMeasure(measure) => Some(
            Property::new(
                name,
                measure
                    .map(|measure| measure.to_string())
                    .unwrap_or_else(|| "inherit".to_string()),
            )
            .into(),
        ),
        AttributeType::Measures(measures) => Some(Property::new(name, measures.pretty()).into()),
        AttributeType::CornerRadius(radius) => Some(Property::new(name, radius.pretty()).into()),
        AttributeType::Size(size) => Some(Property::new(name, size.pretty()).into()),
        AttributeType::VisibleSize(visible_size) => {
            Some(Property::new(name, visible_size.pretty()).into())
        }
        AttributeType::Color(color) => Some(ColorProperty::new(name, color).into()),
        AttributeType::OptionalColor(fill) => {
            fill.map(|color| ColorProperty::new(name, color).into())
        }
        AttributeType::Gradient(fill) => Some(GradientProperty::new(name, fill).into()),
        AttributeType::Border(border) => Some(BorderProperty::new(name, border.clone()).into()),
        AttributeType::Text(text) => Some(Property::new(name, text).into()),
        AttributeType::Direction(direction) => Some(Property::new(name, direction.pretty()).into()),
        AttributeType::Position(position) => Some(Property::new(name, position.pretty()).into()),
        AttributeType::Content(content) => Some(Property::new(name, content.pretty()).into()),
        AttributeType::Alignment(alignment) => Some(Property::new(name, alignment.pretty()).into()),
        AttributeType::Shadow(shadow) => Some(ShadowProperty::new(name, shadow.clone()).into()),
        AttributeType::TextShadow(text_shadow) => {
            Some(TextShadowProperty::new(name, *text_shadow).into())
        }
        AttributeType::TextAlignment(text_align) => {
            Some(Property::new(name, text_align.pretty()).into())
        }
        AttributeType::TextOverflow(text_overflow) => {
            Some(Property::new(name, text_overflow.pretty()).into())
        }
        AttributeType::Length(length) => Some(Property::new(name, length.get().to_string()).into()),
        AttributeType::TextHeightBehavior(text_height) => {
            Some(Property::new(name, text_height.pretty()).into())
        }
        AttributeType::FontSlant(font_slant) => {
            Some(Property::new(name, font_slant.pretty()).into())
        }
        AttributeType::TextDecoration(text_decoration) => {
            Some(Property::new(name, text_decoration.pretty()).into())
        }
        AttributeType::Layer(layer) => Some(Property::new(name, layer.to_string()).into()),
        AttributeType::CursorMode(cursor_mode) => {
            Some(Property::new(name, cursor_mode.pretty()).into())
        }
        AttributeType::VerticalAlign(vertical_align) => {
            Some(Property::new(name, vertical_align.pretty()).into())
        }
    }
}