1
0
Fork 0
fgdata/Nasal/canvas/gui/dialogs/WidgetsFactoryDialog.nas
James Turner aa57b7992f Canvas: rule lines working with styling
PUI uses these a lot, so good to have them working
2023-01-11 10:57:42 +00:00

112 lines
3.8 KiB
Text

var WidgetsFactoryDialog = {
new: func {
var m = {
parents: [WidgetsFactoryDialog],
window: canvas.Window.new([500, 500], "dialog")
};
m.window.setBool("resize", 1);
m.root = m.window.getCanvas(1)
.set("background", style.getColor("bg_color"))
.createGroup();
m.vbox = VBoxLayout.new();
#m.vbox.setContentsMargin(10);
m.window.setLayout(m.vbox);
m.tabs = gui.widgets.TabWidget.new(m.root, style, {});
m.tabsContent = m.tabs.getContent();
m.vbox.addItem(m.tabs);
m.tab_1 = VBoxLayout.new();
m.tabs.addTab("tab-1", "Tab 1", m.tab_1);
m.label = gui.widgets.Label.new(m.tabsContent, style, {})
.setText("A label")
.setBackground("#ffaaaa");
m.tab_1.addItem(m.label);
var r = gui.widgets.HorizontalRule.new(m.tabsContent, style, {});
r.setText("Checkboxes!");
m.tab_1.addItem(r);
m.checkbox_left = gui.widgets.CheckBox.new(m.tabsContent, style, {"label-position": "right"})
.setText("Wanna check something ?");
m.tab_1.addItem(m.checkbox_left);
m.checkbox_right = gui.widgets.CheckBox.new(m.tabsContent, style, {"label-position": "right"})
.setText("Checkbox with text on the right side");
m.tab_1.addItem(m.checkbox_right);
m.property_checkbox = gui.widgets.PropertyCheckBox.new(props.globals.getNode("/controls/lighting/nav-lights"), m.tabsContent, style, {})
.setText("Nav lights");
m.tab_1.addItem(m.property_checkbox);
var r2 = gui.widgets.HorizontalRule.new(m.tabsContent, style, {});
m.tab_1.addItem(r2);
m.tab_2 = VBoxLayout.new();
m.tabs.addTab("tab-2", "Tab 2", m.tab_2);
m.button = gui.widgets.Button.new(m.tabsContent, style, {})
.setText("A button")
.setFixedSize(60, 30)
.listen("clicked", func {
InputDialog.getText("You clicked the button …", "Enter some text:", func (button, text) {
MessageBox.information("You clicked the button …", "… and entered '" ~ (text != nil ? text : "nothing") ~ "' !");
});
});
m.tab_2.addItem(m.button);
m.image = gui.widgets.Label.new(m.tabsContent, style, {})
.setImage("Textures/Splash1.png")
.setVisible(0)
.setFixedSize(128, 128);
m.tab_2.addItem(m.image);
m.image._view._root.addEventListener("mousedown", func (e) {
logprint(LOG_INFO, "Image was clicked at:" ~ e.localX ~ "," ~ e.localY);
logprint(LOG_INFO, "Client pos:" ~ e.clientX ~ "," ~ e.clientY);
logprint(LOG_INFO, "Screen pos:" ~ e.screenX ~ "," ~ e.screenY);
var img = m.image._view._root;
var localPos = [e.localX, e.localY];
var canvasPos = img.localToCanvas(localPos);
logprint(LOG_INFO, "computed canvasPos pos:" ~ canvasPos[0] ~ "," ~ canvasPos[1]);
var screenPos = m.window.toScreenPosition(canvasPos);
logprint(LOG_INFO, "computed screen pos:" ~ screenPos[0] ~ "," ~ screenPos[1]);
});
m.checkable_button = gui.widgets.Button.new(m.tabsContent, style, {})
.setCheckable(1)
.setChecked(0)
.setText("Checkable button")
.setFixedSize(120, 30)
.listen("toggled", func (e) {
m.image.setVisible(int(e.detail.checked));
});
m.tab_2.addItem(m.checkable_button);
m.resize_button = gui.widgets.Button.new(m.tabsContent, style, {})
.setText("Resize this window")
.setFixedSize(130, 30)
.listen("clicked", func {
var s = m.window.getSize();
m.window.setSize(s[0] + 100, s[1] + 100);
});
m.tab_2.addItem(m.resize_button, 5);
m.numericControlsTab = VBoxLayout.new();
m.tabs.addTab("ncTab", "Numeric Controls", m.numericControlsTab);
m.slider = gui.widgets.Slider.new(m.tabsContent, style,
{"max-value" : 100,
"page-step" : 20,
"tick-count" : 10})
.setValue(42);
m.numericControlsTab.addItem(m.slider);
return m;
},
del: func {
me.property_checkbox.del();
me.window.del();
}
};