mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-11-23 08:00:20 +00:00
822dc56ef3
This patch replaces the UI-from-JSON mechanism with a more
human-friendly DSL.
The current implementation simply converts the GML into a JSON object
that can be consumed by GUI::Widget::load_from_json(). The parser is
not very helpful if you make a mistake.
The language offers a very simple way to instantiate any registered
Core::Object class by simply saying @ClassName
@GUI::Label {
text: "Hello friends!"
tooltip: ":^)"
}
Layouts are Core::Objects and can be assigned to the "layout" property:
@GUI::Widget {
layout: @GUI::VerticalBoxLayout {
spacing: 2
margins: [8, 8, 8, 8]
}
}
And finally, child objects are simply nested within their parent:
@GUI::Widget {
layout: @GUI::HorizontalBoxLayout {
}
@GUI::Button {
text: "OK"
}
@GUI::Button {
text: "Cancel"
}
}
This feels a *lot* more pleasant to write than the JSON we had. The fact
that no new code was being written with the JSON mechanism was pretty
telling, so let's approach this with developer convenience in mind. :^)
76 lines
1.8 KiB
Text
76 lines
1.8 KiB
Text
@GUI::Widget {
|
|
layout: @GUI::VerticalBoxLayout {
|
|
spacing: 2
|
|
}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::HorizontalBoxLayout {
|
|
spacing: 10
|
|
}
|
|
|
|
vertical_size_policy: "Fixed"
|
|
preferred_height: 25
|
|
|
|
@GUI::Label {
|
|
text: "if..."
|
|
horizontal_size_policy: "Fixed"
|
|
vertical_size_policy: "Fixed"
|
|
preferred_width: 40
|
|
preferred_height: 25
|
|
}
|
|
|
|
@GUI::TextEditor {
|
|
name: "formula_editor"
|
|
horizontal_size_policy: "Fill"
|
|
vertical_size_policy: "Fixed"
|
|
preferred_height: 25
|
|
tooltip: "Use 'value' to refer to the current cell's value"
|
|
}
|
|
}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::HorizontalBoxLayout {
|
|
spacing: 10
|
|
}
|
|
|
|
vertical_size_policy: "Fixed"
|
|
preferred_height: 25
|
|
|
|
@GUI::Label {
|
|
text: "Foreground..."
|
|
horizontal_size_policy: "Fixed"
|
|
vertical_size_policy: "Fixed"
|
|
preferred_width: 150
|
|
preferred_height: 25
|
|
}
|
|
|
|
@GUI::ColorInput {
|
|
name: "foreground_input"
|
|
vertical_size_policy: "Fixed"
|
|
preferred_height: 25
|
|
}
|
|
}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::HorizontalBoxLayout {
|
|
spacing: 10
|
|
}
|
|
|
|
vertical_size_policy: "Fixed"
|
|
preferred_height: 25
|
|
|
|
@GUI::Label {
|
|
text: "Background..."
|
|
horizontal_size_policy: "Fixed"
|
|
vertical_size_policy: "Fixed"
|
|
preferred_width: 150
|
|
preferred_height: 25
|
|
}
|
|
|
|
@GUI::ColorInput {
|
|
name: "background_input"
|
|
vertical_size_policy: "Fixed"
|
|
preferred_height: 25
|
|
}
|
|
}
|
|
}
|