Added more property-synced widgets
This commit is contained in:
parent
da894c87c5
commit
305d88f601
1 changed files with 228 additions and 3 deletions
|
@ -3,15 +3,240 @@
|
|||
# SPDX-FileCopyrightText: (C) 2022 Frederic Croix <thefgfseagle@gmail.com>
|
||||
# SPDX-License-Identifier: GPL-2.0-or-later
|
||||
|
||||
gui.widgets.PropertyCheckBox = {
|
||||
new: func(node, parent, style, cfg) {
|
||||
gui.widgets.PropertySwitch = {
|
||||
new: func(parent, style = nil, cfg = nil) {
|
||||
style = style or canvas.style;
|
||||
cfg = cfg or {};
|
||||
if (cfg["node"] == nil) {
|
||||
die("Missing configuration 'node' field");
|
||||
}
|
||||
if (!isa(cfg["node"], props.Node)) {
|
||||
cfg["node"] = props.globals.getNode(cfg["node"], 1);
|
||||
}
|
||||
|
||||
var m = gui.widgets.Switch.new(parent, style, cfg);
|
||||
m._checkable = 1;
|
||||
m._node = cfg["node"];
|
||||
|
||||
append(m.parents, gui.widgets.PropertySwitch);
|
||||
|
||||
m.setChecked(m._node.getBoolValue());
|
||||
m.listen("toggled", func(e) {
|
||||
m._node.setBoolValue(int(e.detail.checked));
|
||||
});
|
||||
m._listener = setlistener(m._node, func(n) {
|
||||
m.setChecked(n.getBoolValue());
|
||||
}, 1, 0);
|
||||
|
||||
return m;
|
||||
},
|
||||
|
||||
del: func {
|
||||
removelistener(me._listener);
|
||||
},
|
||||
};
|
||||
|
||||
gui.widgets.PropertyButton = {
|
||||
new: func(parent, style = nil, cfg = nil) {
|
||||
style = style or canvas.style;
|
||||
cfg = cfg or {};
|
||||
if (cfg["node"] == nil) {
|
||||
die("Missing configuration 'node' field");
|
||||
}
|
||||
if (!isa(cfg["node"], props.Node)) {
|
||||
cfg["node"] = props.globals.getNode(cfg["node"], 1);
|
||||
}
|
||||
|
||||
var m = gui.widgets.Button.new(parent, style, cfg);
|
||||
m._checkable = 1;
|
||||
m._node = cfg["node"];
|
||||
|
||||
append(m.parents, gui.widgets.PropertyButton);
|
||||
|
||||
m.setChecked(m._node.getBoolValue());
|
||||
m.listen("toggled", func(e) {
|
||||
m._node.setBoolValue(int(e.detail.checked));
|
||||
});
|
||||
m._listener = setlistener(m._node, func(n) {
|
||||
m.setChecked(n.getBoolValue());
|
||||
}, 1, 0);
|
||||
|
||||
return m;
|
||||
},
|
||||
|
||||
del: func {
|
||||
removelistener(me._listener);
|
||||
},
|
||||
};
|
||||
|
||||
gui.widgets.PropertyRadioButtonsGroup = {
|
||||
new: func(node, name = "unnamed") {
|
||||
if (!isa(node, props.Node)) {
|
||||
node = props.globals.getNode(node, 1);
|
||||
}
|
||||
var m = gui.widgets.RadioButtonsGroup.new(name);
|
||||
m.parents = [gui.widgets.PropertyRadioButtonsGroup] ~ m.parents;
|
||||
m._node = node;
|
||||
m._ignore_radio_toggles = 0;
|
||||
m._nodeListener = setlistener(node, func(n) {
|
||||
m._ignore_radio_toggles = 1;
|
||||
var value = node.getValue();
|
||||
foreach (var radio; m.radios) {
|
||||
if (value == radio.getData("property-value")) {
|
||||
radio.setChecked(1);
|
||||
} else {
|
||||
radio.setChecked(0);
|
||||
}
|
||||
}
|
||||
m._ignore_radio_toggles = 0;
|
||||
});
|
||||
},
|
||||
|
||||
_onRadioToggled: func {
|
||||
if (me._ignore_radio_toggles) {
|
||||
return;
|
||||
}
|
||||
var checked = me.getCheckedRadio();
|
||||
foreach (var radio; me.radios) {
|
||||
radio._trigger("group-checked-radio-changed", {checkedRadio: checked});
|
||||
}
|
||||
m._node.setValue(checked != nil ? checked.getData("property-value") : nil);
|
||||
},
|
||||
};
|
||||
|
||||
gui.widgets.PropertyRadioButton = {
|
||||
new: func(parent, style = nil, cfg = nil) {
|
||||
style = style or canvas.style;
|
||||
cfg = cfg or {};
|
||||
cfg["radioButtonGroupClass"] = gui.widgets.PropertyRadioButtonsGroup;
|
||||
if (cfg["node"] == nil) {
|
||||
die("Missing configuration 'node' field");
|
||||
}
|
||||
if (!isa(cfg["node"], props.Node)) {
|
||||
cfg["node"] = props.globals.getNode(cfg["node"], 1);
|
||||
}
|
||||
|
||||
var m = gui.widgets.RadioButton.new(parent, style, cfg);
|
||||
m._checkable = 1;
|
||||
m._node = cfg["node"];
|
||||
|
||||
append(m.parents, gui.widgets.PropertyRadioButton);
|
||||
|
||||
m.setChecked(m._node.getBoolValue());
|
||||
m.listen("toggled", func(e) {
|
||||
m._node.setBoolValue(int(e.detail.checked));
|
||||
});
|
||||
m._listener = setlistener(m._node, func(n) {
|
||||
m.setChecked(n.getBoolValue());
|
||||
}, 1, 0);
|
||||
|
||||
return m;
|
||||
},
|
||||
|
||||
del: func {
|
||||
removelistener(me._listener);
|
||||
},
|
||||
};
|
||||
|
||||
gui.widgets.PropertyList = {
|
||||
new: func(parent, style = nil, cfg = nil) {
|
||||
if (cfg["node"] == nil) {
|
||||
die("Missing configuration 'node' field");
|
||||
}
|
||||
if (!isa(cfg["node"], props.Node)) {
|
||||
cfg["node"] = props.globals.getNode(cfg["node"], 1);
|
||||
}
|
||||
|
||||
var m = gui.widgets.List.new(parent, style, cfg);
|
||||
m._checkable = 1;
|
||||
m._node = cfg["node"];
|
||||
|
||||
append(m.parents, gui.widgets.PropertyList);
|
||||
|
||||
if (str(m.findItemByData(m._node.getValue()))) {
|
||||
m.setItemSelection(m.findItemByData("property-value", m._node.getValue()));
|
||||
}
|
||||
m.listen("selection-changed", func(e) {
|
||||
m._node.setValue(m.getSelectedItems()[0].getData("property-value"));
|
||||
});
|
||||
m._listener = setlistener(m._node, func(n) {
|
||||
if (str(m.findItemByData("property-value", n.getValue()))) {
|
||||
m.setItemSelection(m.findItemByData("property-value", n.getValue()));
|
||||
}
|
||||
}, 1, 0);
|
||||
|
||||
return m;
|
||||
},
|
||||
|
||||
del: func {
|
||||
removelistener(me._listener);
|
||||
},
|
||||
};
|
||||
|
||||
gui.widgets.PropertyLabel = {
|
||||
new: func(parent, style = nil, cfg = nil) {
|
||||
style = style or canvas.style;
|
||||
cfg = cfg or {};
|
||||
if (cfg["node"] == nil) {
|
||||
die("Missing configuration 'node' field");
|
||||
}
|
||||
if (!isa(cfg["node"], props.Node)) {
|
||||
cfg["node"] = props.globals.getNode(cfg["node"], 1);
|
||||
}
|
||||
var m = gui.widgets.Label.new(parent, style, cfg);
|
||||
m._checkable = 1;
|
||||
m._node = cfg["node"];
|
||||
|
||||
append(m.parents, gui.widgets.PropertyLabel);
|
||||
|
||||
m.setText(m._node.getValue());
|
||||
m._listener = setlistener(m._node, func(n) {
|
||||
m.setText(n.getValue());
|
||||
}, 1, 0);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
gui.widgets.PropertyLineEdit = {
|
||||
new: func(parent, style = nil, cfg = nil) {
|
||||
style = style or canvas.style;
|
||||
cfg = cfg or {};
|
||||
if (cfg["node"] == nil) {
|
||||
die("Missing configuration 'node' field");
|
||||
}
|
||||
if (!isa(cfg["node"], props.Node)) {
|
||||
cfg["node"] = props.globals.getNode(cfg["node"], 1);
|
||||
}
|
||||
var m = gui.widgets.LineEdit.new(parent, style, cfg);
|
||||
m._checkable = 1;
|
||||
m._node = cfg["node"];
|
||||
|
||||
append(m.parents, gui.widgets.PropertyLineEdit);
|
||||
|
||||
m.setText(m._node.getValue());
|
||||
m.listen("text-changed", func(e) {
|
||||
m._node.setValue(m.getText());
|
||||
});
|
||||
m._listener = setlistener(m._node, func(n) {
|
||||
m.setText(n.getValue());
|
||||
}, 1, 0);
|
||||
}
|
||||
};
|
||||
|
||||
gui.widgets.PropertyCheckBox = {
|
||||
new: func(parent, style = nil, cfg = nil) {
|
||||
style = style or canvas.style;
|
||||
cfg = cfg or {};
|
||||
if (cfg["node"] == nil) {
|
||||
die("Missing configuration 'node' field");
|
||||
}
|
||||
if (!isa(cfg["node"], props.Node)) {
|
||||
cfg["node"] = props.globals.getNode(cfg["node"], 1);
|
||||
}
|
||||
|
||||
var m = gui.widgets.CheckBox.new(parent, style, cfg);
|
||||
m._checkable = 1;
|
||||
m._node = node;
|
||||
m._node = cfg["node"];
|
||||
|
||||
append(m.parents, gui.widgets.PropertyCheckBox);
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue