mirror of
https://github.com/Ttanasart-pt/Pixel-Composer.git
synced 2024-11-10 20:45:35 +01:00
359 lines
12 KiB
Plaintext
359 lines
12 KiB
Plaintext
enum INSP_VIEW_MODE {
|
|
compact,
|
|
spacious
|
|
}
|
|
|
|
function drawWidgetInit() {
|
|
anim_toggling = false;
|
|
anim_hold = noone;
|
|
visi_hold = noone;
|
|
|
|
min_w = ui(160);
|
|
viewMode = PREFERENCES.inspector_view_default;
|
|
|
|
tooltip_loop_type = new tooltipSelector(__txtx("panel_animation_looping_mode", "Looping mode"), global.junctionEndName);
|
|
}
|
|
|
|
function drawWidget(xx, yy, ww, _m, jun, global_var = true, _hover = false, _focus = false, _scrollPane = noone, rx = 0, ry = 0) {
|
|
var con_w = ww - ui(4);
|
|
var xc = xx + ww / 2;
|
|
var _font = viewMode == INSP_VIEW_MODE.spacious? f_p0 : f_p2;
|
|
|
|
var breakLine = viewMode || jun.expUse;
|
|
var lb_h = line_get_height(_font) + ui(8);
|
|
var lb_y = yy + lb_h / 2;
|
|
|
|
var _name = jun.getName();
|
|
var wid = jun.editWidget;
|
|
|
|
switch(instanceof(wid)) { #region
|
|
case "textArea" :
|
|
case "paddingBox" :
|
|
case "areaBox" :
|
|
case "controlPointBox" :
|
|
case "cornerBox" :
|
|
case "rotator" :
|
|
case "rotatorRandom" :
|
|
case "rotatorRange" :
|
|
breakLine = true;
|
|
} #endregion
|
|
|
|
var butx = xx;
|
|
if(jun.connect_type == JUNCTION_CONNECT.input && jun.isAnimable() && !jun.expUse) { #region animation
|
|
var index = jun.hasJunctionFrom()? 2 : jun.is_anim;
|
|
|
|
var cc = c_white;
|
|
if(jun.is_anim) cc = COLORS._main_value_positive;
|
|
if(index == 2) cc = COLORS._main_accent;
|
|
|
|
draw_sprite_ui_uniform(THEME.animate_clock, index, butx, lb_y, 1, cc, 0.8);
|
|
if(_hover && point_in_circle(_m[0], _m[1], butx, lb_y, ui(10))) {
|
|
if(anim_hold != noone)
|
|
jun.setAnim(anim_hold);
|
|
|
|
draw_sprite_ui_uniform(THEME.animate_clock, index, butx, lb_y, 1, index == 2? COLORS._main_accent : c_white, 1);
|
|
TOOLTIP = jun.hasJunctionFrom()? __txtx("panel_inspector_remove_link", "Remove link") : __txtx("panel_inspector_toggle_anim", "Toggle animation");
|
|
|
|
if(mouse_press(mb_left, _focus)) {
|
|
if(jun.value_from != noone)
|
|
jun.removeFrom();
|
|
else {
|
|
recordAction(ACTION_TYPE.var_modify, jun.animator, [ jun.is_anim, "is_anim", _name + " animation" ]);
|
|
jun.setAnim(!jun.is_anim);
|
|
anim_hold = jun.is_anim;
|
|
}
|
|
}
|
|
}
|
|
} #endregion
|
|
|
|
if(anim_hold != noone && mouse_release(mb_left))
|
|
anim_hold = noone;
|
|
|
|
butx += ui(20);
|
|
if(!global_var) { #region visibility
|
|
index = jun.visible;
|
|
draw_sprite_ui_uniform(THEME.junc_visible, index, butx, lb_y, 1,, 0.8);
|
|
if(_hover && point_in_circle(_m[0], _m[1], butx, lb_y, ui(10))) {
|
|
if(visi_hold != noone && jun.visible != visi_hold) {
|
|
jun.visible = visi_hold;
|
|
jun.node.setHeight();
|
|
}
|
|
|
|
draw_sprite_ui_uniform(THEME.junc_visible, index, butx, lb_y, 1,, 1);
|
|
TOOLTIP = __txt("Visibility");
|
|
|
|
if(mouse_press(mb_left, _focus)) {
|
|
jun.visible = !jun.visible;
|
|
visi_hold = jun.visible;
|
|
jun.node.setHeight();
|
|
}
|
|
}
|
|
#endregion
|
|
} else
|
|
draw_sprite_ui_uniform(THEME.node_use_expression, 0, butx, lb_y, 1,, 0.8);
|
|
|
|
if(visi_hold != noone && mouse_release(mb_left))
|
|
visi_hold = noone;
|
|
|
|
var cc = COLORS._main_text;
|
|
if(jun.expUse) {
|
|
var expValid = jun.expTree != noone && jun.expTree.validate();
|
|
cc = expValid? COLORS._main_value_positive : COLORS._main_value_negative;
|
|
}
|
|
|
|
if(global_var) {
|
|
if(string_pos(" ", _name)) cc = COLORS._main_value_negative;
|
|
} else {
|
|
if(jun.is_anim) cc = COLORS._main_value_positive;
|
|
if(jun.hasJunctionFrom()) cc = COLORS._main_accent;
|
|
}
|
|
|
|
draw_set_text(_font, fa_left, fa_center, cc);
|
|
var lb_w = string_width(_name) + ui(48);
|
|
var lb_x = xx + ui(40);
|
|
|
|
if(jun.color != -1) { #region
|
|
draw_sprite_ext(THEME.timeline_color, 1, lb_x + ui(8), lb_y, 1, 1, 0, jun.color, 1);
|
|
lb_x += ui(24);
|
|
lb_w += ui(24);
|
|
} #endregion
|
|
|
|
if(!jun.active) { #region
|
|
draw_set_text(_font, fa_left, fa_center, COLORS._main_text_sub_inner);
|
|
draw_text_add(lb_x, lb_y - ui(2), _name);
|
|
|
|
if(jun.active_tooltip != "") {
|
|
var tx = xx + ui(40) + string_width(_name) + ui(16);
|
|
var ty = lb_y - ui(1);
|
|
|
|
if(point_in_circle(_m[0], _m[1], tx, ty, ui(10))) {
|
|
TOOLTIP = jun.active_tooltip;
|
|
draw_sprite_ui(THEME.info, 0, tx, ty,,,, COLORS._main_icon_light, 1);
|
|
} else
|
|
draw_sprite_ui(THEME.info, 0, tx, ty,,,, COLORS._main_icon_light, 0.75);
|
|
}
|
|
|
|
return [ 0, true ];
|
|
} #endregion
|
|
|
|
draw_text_over(lb_x, lb_y, _name);
|
|
|
|
#region tooltip
|
|
if(jun.tooltip != "") {
|
|
var tx = xx + ui(40) + string_width(_name) + ui(16);
|
|
var ty = lb_y - ui(1);
|
|
|
|
if(point_in_circle(_m[0], _m[1], tx, ty, ui(10))) {
|
|
if(is_string(jun.tooltip))
|
|
TOOLTIP = jun.tooltip;
|
|
else if(mouse_click(mb_left, _focus))
|
|
dialogCall(jun.tooltip);
|
|
draw_sprite_ui(THEME.info, 0, tx, ty,,,, COLORS._main_icon_light, 1);
|
|
} else
|
|
draw_sprite_ui(THEME.info, 0, tx, ty,,,, COLORS._main_icon_light, 0.75);
|
|
|
|
lb_w += ui(56);
|
|
}
|
|
#endregion
|
|
|
|
#region anim
|
|
if(jun.connect_type == JUNCTION_CONNECT.input && breakLine && jun.is_anim) {
|
|
var bx = xx + ww - ui(12);
|
|
var by = lb_y;
|
|
if(buttonInstant(THEME.button_hide, bx - ui(12), by - ui(12), ui(24), ui(24), _m, _focus, _hover, "", THEME.prop_keyframe, 2) == 2) {
|
|
for(var j = 0; j < ds_list_size(jun.animator.values); j++) {
|
|
var _key = jun.animator.values[| j];
|
|
if(_key.time > CURRENT_FRAME) {
|
|
PROJECT.animator.setFrame(_key.time);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
bx -= ui(26);
|
|
var cc = COLORS.panel_animation_keyframe_unselected;
|
|
var kfFocus = false;
|
|
for(var j = 0; j < ds_list_size(jun.animator.values); j++) {
|
|
if(jun.animator.values[| j].time == CURRENT_FRAME) {
|
|
cc = COLORS.panel_animation_keyframe_selected;
|
|
kfFocus = true;
|
|
break;
|
|
}
|
|
}
|
|
|
|
if(buttonInstant(THEME.button_hide, bx - ui(12), by - ui(12), ui(24), ui(24), _m, _focus, _hover, kfFocus? __txtx("panel_inspector_remove_key", "Remove keyframe") :
|
|
__txtx("panel_inspector_add_key", "Add keyframe"), THEME.prop_keyframe, 1, cc) == 2) {
|
|
var _add = false;
|
|
for(var j = 0; j < ds_list_size(jun.animator.values); j++) {
|
|
var _key = jun.animator.values[| j];
|
|
if(_key.time == CURRENT_FRAME) {
|
|
if(ds_list_size(jun.animator.values) > 1)
|
|
ds_list_delete(jun.animator.values, j);
|
|
_add = true;
|
|
break;
|
|
} else if(_key.time > CURRENT_FRAME) {
|
|
ds_list_insert(jun.animator.values, j, new valueKey(CURRENT_FRAME, jun.showValue(), jun.animator));
|
|
_add = true;
|
|
break;
|
|
}
|
|
}
|
|
if(!_add) ds_list_add(jun.animator.values, new valueKey(CURRENT_FRAME, jun.showValue(), jun.animator));
|
|
}
|
|
|
|
bx -= ui(26);
|
|
if(buttonInstant(THEME.button_hide, bx - ui(12), by - ui(12), ui(24), ui(24), _m, _focus, _hover, "", THEME.prop_keyframe, 0) == 2) {
|
|
var _t = -1;
|
|
for(var j = 0; j < ds_list_size(jun.animator.values); j++) {
|
|
var _key = jun.animator.values[| j];
|
|
if(_key.time < CURRENT_FRAME)
|
|
_t = _key.time;
|
|
}
|
|
if(_t > -1) PROJECT.animator.setFrame(_t);
|
|
}
|
|
|
|
var lhf = lb_h / 2 - 4;
|
|
draw_set_color(COLORS.panel_inspector_key_separator);
|
|
draw_line(bx - ui(20), by - lhf, bx - ui(20), by + lhf);
|
|
|
|
draw_set_color(COLORS.panel_inspector_key_separator);
|
|
draw_line(bx - ui(20), by - lhf, bx - ui(20), by + lhf);
|
|
|
|
bx -= ui(26 + 12);
|
|
tooltip_loop_type.index = jun.on_end;
|
|
if(buttonInstant(THEME.button_hide, bx - ui(12), by - ui(12), ui(24), ui(24), _m, _focus, _hover, tooltip_loop_type, THEME.prop_on_end, jun.on_end) == 2)
|
|
jun.on_end = safe_mod(jun.on_end + 1, sprite_get_number(THEME.prop_on_end));
|
|
}
|
|
#endregion
|
|
|
|
#region expression, pop up editor
|
|
if(jun.connect_type == JUNCTION_CONNECT.input && breakLine && !jun.is_anim && !global_var) {
|
|
var bx = xx + ww + ui(16);
|
|
var by = lb_y;
|
|
|
|
bx -= ui(28);
|
|
if(jun.is_modified) {
|
|
if(buttonInstant(THEME.button_hide, bx - ui(12), by - ui(12), ui(24), ui(24), _m, _focus, _hover, __txtx("panel_inspector_reset", "Reset value"), THEME.refresh_16, 0, COLORS._main_icon) == 2)
|
|
jun.resetValue();
|
|
} else
|
|
draw_sprite_ui(THEME.refresh_16, 0, bx, by,,,, COLORS._main_icon, 0.5);
|
|
|
|
bx -= ui(28);
|
|
var ic_b = jun.expUse? c_white : COLORS._main_icon;
|
|
if(buttonInstant(THEME.button_hide, bx - ui(12), by - ui(12), ui(24), ui(24), _m, _focus, _hover, __txtx("panel_inspector_use_expression", "Use expression"), THEME.node_use_expression, jun.expUse, ic_b) == 2) {
|
|
jun.setUseExpression(!jun.expUse);
|
|
|
|
if(!jun.expUse) WIDGET_CURRENT = noone;
|
|
}
|
|
|
|
if(jun.expUse) {
|
|
bx -= ui(28);
|
|
var cc = NODE_DROPPER_TARGET == jun? COLORS._main_value_positive : COLORS._main_icon;
|
|
if(buttonInstant(THEME.button_hide, bx - ui(12), by - ui(12), ui(24), ui(24), _m, _focus, _hover, __txtx("panel_inspector_dropper", "Node Dropper"), THEME.node_dropper, 0, cc) == 2)
|
|
NODE_DROPPER_TARGET = NODE_DROPPER_TARGET == jun? noone : jun;
|
|
}
|
|
|
|
if(jun.expUse || jun.type == VALUE_TYPE.text) {
|
|
bx -= ui(28);
|
|
var cc = jun.popup_dialog == noone? COLORS._main_icon : COLORS._main_value_positive;
|
|
if(buttonInstant(THEME.button_hide, bx - ui(12), by - ui(12), ui(24), ui(24), _m, _focus, _hover, __txtx("panel_inspector_pop_text", "Pop up Editor"), THEME.text_popup, 0, cc) == 2) {
|
|
if(jun.expUse) jun.popup_dialog = dialogPanelCall(new Panel_Text_Editor(jun.express_edit, function() { return context.expression; }, jun));
|
|
else jun.popup_dialog = dialogPanelCall(new Panel_Text_Editor(jun.editWidget, function() { return context.showValue(); }, jun));
|
|
jun.popup_dialog.content.title = $"{jun.node.name} - {_name}";
|
|
}
|
|
}
|
|
}
|
|
#endregion
|
|
|
|
var _hsy = yy + lb_h;
|
|
var padd = ui(8);
|
|
|
|
var labelWidth = max(lb_w, min(ui(80) + ww * 0.2, ui(200)));
|
|
var editBoxX = xx + !breakLine * labelWidth;
|
|
var editBoxY = breakLine? _hsy : yy;
|
|
|
|
var editBoxW = (xx + ww) - editBoxX;
|
|
var editBoxH = breakLine? TEXTBOX_HEIGHT : lb_h;
|
|
|
|
var widH = breakLine? editBoxH : 0;
|
|
var mbRight = true;
|
|
|
|
if(jun.expUse) { #region expression editor
|
|
var expValid = jun.expTree != noone && jun.expTree.validate();
|
|
jun.express_edit.boxColor = expValid? COLORS._main_value_positive : COLORS._main_value_negative;
|
|
jun.express_edit.rx = rx;
|
|
jun.express_edit.ry = ry;
|
|
|
|
jun.express_edit.setFocusHover(_focus, _hover);
|
|
if(_focus) jun.express_edit.register(_scrollPane);
|
|
|
|
var wd_h = jun.express_edit.draw(editBoxX, editBoxY, editBoxW, editBoxH, jun.expression, _m);
|
|
widH = wd_h - (TEXTBOX_HEIGHT * !breakLine);
|
|
#endregion
|
|
} else if(wid && jun.display_type != VALUE_DISPLAY.none) { #region edit widget
|
|
wid.setFocusHover(_focus, _hover);
|
|
|
|
if(jun.connect_type == JUNCTION_CONNECT.input) {
|
|
wid.setInteract(!jun.hasJunctionFrom());
|
|
if(_focus) wid.register(_scrollPane);
|
|
|
|
if(jun.value_tag == "dimension") {
|
|
var _proj = jun.node.attributes.use_project_dimension;
|
|
|
|
wid.side_button.icon_index = _proj;
|
|
wid.side_button.icon_blend = _proj? c_white : COLORS._main_icon;
|
|
}
|
|
} else {
|
|
wid.setInteract(false);
|
|
}
|
|
|
|
var _show = jun.showValue();
|
|
var param = new widgetParam(editBoxX, editBoxY, editBoxW, editBoxH, _show, jun.display_data, _m, rx, ry);
|
|
|
|
switch(jun.type) {
|
|
case VALUE_TYPE.integer :
|
|
case VALUE_TYPE.float :
|
|
switch(jun.display_type) {
|
|
case VALUE_DISPLAY.padding : param.h = ui(192); break;
|
|
case VALUE_DISPLAY.corner : param.h = ui(192); break;
|
|
case VALUE_DISPLAY.area : param.h = ui(204); break;
|
|
case VALUE_DISPLAY.rotation : param.halign = fa_center; break;
|
|
}
|
|
break;
|
|
|
|
case VALUE_TYPE.boolean :
|
|
if(is_instanceof(wid, checkBoxActive)) break;
|
|
param.halign = breakLine? fa_left : fa_center;
|
|
param.s = breakLine? ui(24) : editBoxH;
|
|
|
|
if(!breakLine) {
|
|
param.w = ui(128);
|
|
param.x = param.x + editBoxW - param.w;
|
|
}
|
|
break;
|
|
|
|
case VALUE_TYPE.d3Material :
|
|
case VALUE_TYPE.surface :
|
|
param.h = breakLine? ui(96) : ui(48);
|
|
break;
|
|
|
|
case VALUE_TYPE.curve :
|
|
param.h = breakLine? ui(160) : ui(100);
|
|
if(point_in_rectangle(_m[0], _m[1], ui(32), _hsy, ui(32) + ww - ui(16), _hsy + param.h))
|
|
mbRight = false;
|
|
break;
|
|
}
|
|
|
|
var _widH = wid.drawParam(param) ?? 0;
|
|
widH = _widH - (TEXTBOX_HEIGHT * !breakLine);
|
|
#endregion
|
|
} else if(jun.display_type == VALUE_DISPLAY.label) { #region label
|
|
draw_set_text(f_p1, fa_left, fa_top, COLORS._main_text_sub);
|
|
draw_text_add(xx + ui(16), _hsy, jun.display_data.data);
|
|
|
|
widH = string_height(jun.display_data.data);
|
|
#endregion
|
|
} else
|
|
widH = 0;
|
|
|
|
return [ widH, mbRight ];
|
|
} |