2022-01-13 05:24:03 +01:00
function Panel_Inspector(_panel) : PanelContent(_panel) constructor {
context_str = "Inspector";
inspecting = noone;
top_bar_h = 64;
prop_hover = noone;
prop_selecting = noone;
content_w = w - 32;
content_h = h - top_bar_h - 24;
keyframe_dragging = noone;
keyframe_drag_st = 0;
min_w = 160;
2022-09-21 06:09:40 +02:00
lineBreak = true;
2022-01-13 05:24:03 +01:00
tb_node_name = new textBox(TEXTBOX_INPUT.text, function(txt) {
if(inspecting) inspecting.name = txt;
})
addHotkey("Inspector", "Copy property", "C", MOD_KEY.ctrl, function() {propSelectCopy(); });
addHotkey("Inspector", "Paste property", "V", MOD_KEY.ctrl, function() {propSelectPaste(); });
contentPane = new scrollPane(content_w, content_h, function(_y, _m) {
var con_w = contentPane.surface_w;
draw_clear_alpha(c_ui_blue_black, 0);
if(FOCUS == panel)
if(point_in_rectangle(_m[0], _m[1], 0, 0, con_w, content_h) && mouse_check_button_pressed(mb_left))
prop_selecting = noone;
2022-09-21 06:09:40 +02:00
if(!inspecting)
return 0;
inspecting.inspecting = true;
prop_hover = noone;
var jun;
var amo = inspecting.input_display_list == -1? ds_list_size(inspecting.inputs) : max(ds_list_size(inspecting.inputs), array_length(inspecting.input_display_list));
var hh = 16;
for(var i = 0; i < amo; i++) {
var xc = con_w / 2;
var yy = 16 + hh + _y;
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
if(inspecting.input_display_list == -1) {
jun = inspecting.inputs[| i];
} else {
var jun_list_arr = inspecting.input_display_list[i];
if(is_array(jun_list_arr)) {
var txt = jun_list_arr[0];
var coll = jun_list_arr[1];
if(HOVER == panel && point_in_rectangle(_m[0], _m[1], 0, yy, con_w, yy + 32)) {
draw_sprite_stretched_ext(s_node_name, 0, 0, yy, con_w, 32, c_ui_blue_white, 1);
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
if(FOCUS == panel && mouse_check_button_pressed(mb_left)) {
jun_list_arr[@ 1] = !coll;
}
} else
draw_sprite_stretched_ext(s_node_name, 0, 0, yy, con_w, 32, c_ui_blue_ltgrey, 1);
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
draw_sprite_ext(s_arrow_16, 0, 16, yy + 32 / 2, 1, 1, -90 + coll * 90, c_ui_blue_ltgrey, 1);
draw_set_text(f_p0, fa_left, fa_center, c_ui_blue_white);
draw_text(32, yy + 32 / 2, txt);
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
hh += 32 + 8 + 24 * !coll;
if(coll) {
var j = i + 1;
while(j < amo) {
var j_jun = inspecting.input_display_list[j];
if(is_array(j_jun))
break;
else
j++;
}
i = j - 1;
continue;
} else
continue;
} else if(is_struct(jun_list_arr)) {
continue;
2022-01-13 05:24:03 +01:00
}
2022-09-21 06:09:40 +02:00
jun = inspecting.inputs[| inspecting.input_display_list[i]];
}
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
if(!jun.show_in_inspector || jun.type == VALUE_TYPE.surface || jun.type == VALUE_TYPE.object) continue;
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
var index = jun.value_from == noone? jun.value.is_anim : 2;
draw_sprite_ext(s_animate_clock, index, 16, yy, 1, 1, 0, c_white, 0.8);
if(HOVER == panel && point_in_circle(_m[0], _m[1], 16, yy, 12)) {
draw_sprite_ext(s_animate_clock, index, 16, yy, 1, 1, 0, c_white, 1);
TOOLTIP = "Toggle animation";
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
if(mouse_check_button_pressed(mb_left)) {
if(jun.value_from != noone)
jun.removeFrom();
else
jun.value.is_anim = !jun.value.is_anim;
PANEL_ANIMATION.updatePropertyList();
2022-01-13 05:24:03 +01:00
}
2022-09-21 06:09:40 +02:00
}
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
index = jun.visible;
draw_sprite_ext(s_junc_visible, index, 36, yy, 1, 1, 0, c_white, 0.8);
if(HOVER == panel && point_in_circle(_m[0], _m[1], 36, yy, 12)) {
draw_sprite_ext(s_junc_visible, index, 36, yy, 1, 1, 0, c_white, 1);
TOOLTIP = "Visibility";
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
if(mouse_check_button_pressed(mb_left)) {
jun.visible = !jun.visible;
2022-01-13 05:24:03 +01:00
}
2022-09-21 06:09:40 +02:00
}
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
draw_set_text(f_p0, fa_left, fa_center, c_white);
draw_text(56, yy, jun.name);
var labelStringWidth = string_width(jun.name) + 32;
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
#region anim
if(lineBreak && jun.value.is_anim) {
var bx = w - 72;
var by = yy - 12;
if(buttonInstant(s_button_hide, bx, by, 24, 24, _m, FOCUS == panel, HOVER == panel, "", s_prop_keyframe, 2) == 2) {
2022-01-13 05:24:03 +01:00
for(var j = 0; j < ds_list_size(jun.value.values); j++) {
2022-09-21 06:09:40 +02:00
var _key = jun.value.values[| j];
if(_key.time > ANIMATOR.current_frame) {
ANIMATOR.real_frame = _key.time;
ANIMATOR.is_scrubing = true;
2022-01-13 05:24:03 +01:00
break;
}
}
2022-09-21 06:09:40 +02:00
}
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
bx -= 26;
var cc = c_ui_blue_grey;
for(var j = 0; j < ds_list_size(jun.value.values); j++) {
if(jun.value.values[| j].time == ANIMATOR.current_frame) {
cc = c_ui_orange;
break;
}
}
if(buttonInstant(s_button_hide, bx, by, 24, 24, _m, FOCUS == panel, HOVER == panel, cc == c_ui_blue_grey? "Add keyframe" : "Remove keyframe", s_prop_keyframe, 1, cc) == 2) {
var _add = false;
for(var j = 0; j < ds_list_size(jun.value.values); j++) {
var _key = jun.value.values[| j];
if(_key.time == ANIMATOR.current_frame) {
if(ds_list_size(jun.value.values) > 1)
ds_list_delete(jun.value.values, j);
_add = true;
break;
} else if(_key.time > ANIMATOR.current_frame) {
ds_list_insert(jun.value.values, j, new valueKey(ANIMATOR.current_frame, jun.getValue()));
_add = true;
break;
2022-01-13 05:24:03 +01:00
}
}
2022-09-21 06:09:40 +02:00
if(!_add) ds_list_add(jun.value.values, new valueKey(ANIMATOR.current_frame, jun.getValue()));
}
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
bx -= 26;
if(buttonInstant(s_button_hide, bx, by, 24, 24, _m, FOCUS == panel, HOVER == panel, "", s_prop_keyframe, 0) == 2) {
var _t = -1;
for(var j = 0; j < ds_list_size(jun.value.values); j++) {
var _key = jun.value.values[| j];
if(_key.time < ANIMATOR.current_frame) {
_t = _key.time;
2022-01-13 05:24:03 +01:00
}
}
2022-09-21 06:09:40 +02:00
if(_t > -1) ANIMATOR.real_frame = _t;
ANIMATOR.is_scrubing = true;
}
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
draw_set_color(c_ui_blue_dkgrey);
draw_line(bx - 6, by + 4, bx - 6, by + 20);
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
draw_set_color(c_ui_blue_dkgrey);
draw_line(bx - 6, by + 4, bx - 6, by + 20);
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
bx -= 26 + 12;
if(buttonInstant(s_button_hide, bx, by, 24, 24, _m, FOCUS == panel, HOVER == panel, "Looping mode " + ON_END_NAME[jun.on_end], s_prop_on_end, jun.on_end) == 2)
jun.on_end = safe_mod(jun.on_end + 1, sprite_get_number(s_prop_on_end));
}
#endregion
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
var _hsx = 32;
var _hsy = yy + 20;
var _hex = _hsx + w - 80;
var _hey = _hsy + 34;
var padd = lineBreak? 48 : 28;
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
var labelWidth = max(labelStringWidth, min(80 + w * 0.2, 200));
var editBoxW = lineBreak? w - 80 : w - 80 - labelWidth;
var editBoxH = lineBreak? 34 : 30;
var editBoxX = lineBreak? 32 : 32 + labelWidth;
var editBoxY = lineBreak? _hsy : _hsy - 36;
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
var widH = lineBreak? 34 : 16;
if(jun.editWidget) {
jun.editWidget.active = FOCUS == panel;
jun.editWidget.hover = HOVER == panel;
switch(jun.display_type) {
case VALUE_DISPLAY.button :
jun.editWidget.draw(32, _hsy, w - 80, 34, _m);
break;
default :
switch(jun.type) {
case VALUE_TYPE.float :
case VALUE_TYPE.integer :
switch(jun.display_type) {
case VALUE_DISPLAY.enum_button :
case VALUE_DISPLAY._default :
case VALUE_DISPLAY.range :
case VALUE_DISPLAY.vector :
jun.editWidget.draw(editBoxX, editBoxY, editBoxW, editBoxH, jun.showValue(), _m);
break;
case VALUE_DISPLAY.vector_range :
jun.editWidget.draw(editBoxX, editBoxY, editBoxW, editBoxH, jun.showValue(), _m);
widH = 68;
break;
case VALUE_DISPLAY.enum_scroll :
jun.editWidget.draw(editBoxX, editBoxY, editBoxW, editBoxH, jun.display_data[jun.showValue()], _m, 16 + x, top_bar_h + y);
break;
case VALUE_DISPLAY.padding :
editBoxY = _hsy + 50;
jun.editWidget.draw(xc, editBoxY, jun.showValue(), jun.modifier, _m);
padd = 48;
widH = 216;
break;
case VALUE_DISPLAY.rotation :
case VALUE_DISPLAY.rotation_range :
jun.editWidget.draw(xc, _hsy, jun.showValue(), _m);
padd = 48;
widH = 94;
break;
case VALUE_DISPLAY.slider :
case VALUE_DISPLAY.slider_range :
jun.editWidget.draw(editBoxX, editBoxY, editBoxW, editBoxH, jun.showValue(), _m);
break;
case VALUE_DISPLAY.area :
jun.editWidget.draw(xc, _hsy + 40, jun.showValue(), _m);
padd = 48;
widH = 200;
break;
case VALUE_DISPLAY.puppet_control :
jun.editWidget.draw(editBoxX, editBoxY, editBoxW, editBoxH, jun.showValue()[4], _m);
break;
}
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
break;
case VALUE_TYPE.boolean :
editBoxX = lineBreak? editBoxX : (labelWidth + con_w) / 2;
jun.editWidget.draw(editBoxX, editBoxY, jun.showValue(), _m);
widH = lineBreak? 26 : 16;
break;
case VALUE_TYPE.color :
switch(jun.display_type) {
case VALUE_DISPLAY.gradient :
jun.editWidget.draw(editBoxX, editBoxY, editBoxW, editBoxH, jun.showValue(), jun.extra_data, _m);
break;
default :
jun.editWidget.draw(editBoxX, editBoxY, editBoxW, editBoxH, jun.showValue(), _m);
break;
}
break;
case VALUE_TYPE.path :
var val = jun.showValue(), txt = "";
var pathExist = jun.value_validation == VALIDATION.pass;
2022-08-30 07:36:37 +02:00
2022-09-21 06:09:40 +02:00
if(is_array(val))
txt = "[" + string(array_length(val)) + "] " + val[0];
else
txt = val;
2022-08-30 07:36:37 +02:00
2022-09-21 06:09:40 +02:00
jun.editWidget.draw(editBoxX, editBoxY, editBoxW, editBoxH, _m,, pathExist? c_white : c_ui_red);
var icx = editBoxX + editBoxW - 16;
var icy = editBoxY + editBoxH / 2;
draw_sprite_ext(pathExist? s_button_path_icon : s_button_path_not_found_icon, 0, icx, icy, 1, 1, 0, c_white, 1);
draw_set_text(f_p0, fa_left, fa_center, c_white);
draw_text_cut(editBoxX + 8, editBoxY + 17, txt, editBoxW - 60);
2022-08-30 07:36:37 +02:00
2022-09-21 06:09:40 +02:00
if(!pathExist && point_in_rectangle(_m[0], _m[1], icx - 17, icy - 17, icx + 17, icy + 17))
TOOLTIP = "File not exist";
break;
case VALUE_TYPE.surface :
draw_set_color(c_ui_blue_dkgrey);
draw_rectangle(editBoxX, editBoxY, w - 48, yy + 14 + 68, true);
widH = 68;
break;
case VALUE_TYPE.curve :
editBoxH = 160;
jun.editWidget.draw(32, _hsy, w - 80, editBoxH, jun.showValue(), _m);
widH = 136;
padd = 48;
break;
case VALUE_TYPE.text :
var _hh = jun.editWidget.draw(editBoxX, editBoxY, editBoxW, editBoxH, jun.showValue(), _m, jun.display_type);
widH = _hh;
break;
}
2022-01-13 05:24:03 +01:00
}
2022-09-21 06:09:40 +02:00
} else if(jun.display_type == VALUE_DISPLAY.label) {
draw_set_text(f_p1, fa_left, fa_top, c_ui_blue_ltgrey);
draw_text(32, _hsy, jun.display_data);
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
widH = string_height(jun.display_data);
}
_hey = _hsy + widH;
hh += widH + padd;
var _selY = min(yy - 16, editBoxY - 4);
var _selY1 = max(yy + 20, editBoxY + widH + 4);
var _selH = _selY1 - _selY;
if(prop_selecting == jun)
draw_sprite_stretched(s_prop_selecting, 1, 4, _selY, contentPane.surface_w - 8, _selH);
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
if(HOVER == panel && point_in_rectangle(_m[0], _m[1], 4, _selY, contentPane.surface_w - 4, _selY + _selH)) {
draw_sprite_stretched(s_prop_selecting, 0, 4, _selY, contentPane.surface_w - 8, _selH);
prop_hover = jun;
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
if(FOCUS == panel) {
if(mouse_check_button_pressed(mb_left))
prop_selecting = jun;
2022-01-13 05:24:03 +01:00
2022-09-21 06:09:40 +02:00
if(mouse_check_button_pressed(mb_right)) {
__dialog_junction = jun;
var dia = dialogCall(o_dialog_menubox, mouse_mx, mouse_my);
dia.setMenu( [
[ "Reset value", function() {
__dialog_junction.setValue(__dialog_junction.def_val);
}],
[ __dialog_junction.value.is_anim? "Remove animation" : "Add animation", function() {
__dialog_junction.value.is_anim = !__dialog_junction.value.is_anim;
PANEL_ANIMATION.updatePropertyList();
}],
-1,
[ "Copy", function() {
clipboard_set_text(__dialog_junction.getShowString());
}, ["Inspector", "Copy property"]],
[ "Paste", function() {
__dialog_junction.setString(clipboard_get_text());
}, ["Inspector", "Paste property"]],
] );
2022-01-13 05:24:03 +01:00
}
}
}
}
return hh;
});
function propSelectCopy() {
if(!prop_selecting) return;
clipboard_set_text(prop_selecting.getShowString());
}
function propSelectPaste() {
if(!prop_selecting) return;
prop_selecting.setString(clipboard_get_text());
}
2022-01-18 05:31:19 +01:00
function onResize() {
2022-01-13 05:24:03 +01:00
content_w = w - 32;
content_h = h - top_bar_h - 24;
contentPane.resize(content_w, content_h);
}
function drawInspectingNode() {
draw_set_text(f_h5, fa_center, fa_top, c_white);
tb_node_name.font = f_h5;
tb_node_name.hide = true;
tb_node_name.active = FOCUS == panel;
tb_node_name.hover = HOVER == panel;
tb_node_name.align = fa_center;
tb_node_name.draw(64, 14, w - 128, 32, inspecting.name, [mx, my]);
if(!inspecting.auto_update) {
var bx = w - 44;
var by = 12;
if(buttonInstant(s_button_hide, bx, by, 32, 32, [mx, my], FOCUS == panel, HOVER == panel, "Update node", s_refresh_24) == 2)
inspecting.doUpdate();
}
if(inspecting.use_cache) {
var bx = 8;
var by = 12;
if(buttonInstant(s_button_hide, bx, by, 32, 32, [mx, my], FOCUS == panel, HOVER == panel, "This node cache output for performance.\nClick to clear all cached frames in this node.", s_cache) = 2)
inspecting.clearCache();
}
}
function drawContent() {
draw_clear_alpha(c_ui_blue_black, 0);
2022-09-21 06:09:40 +02:00
lineBreak = w < PREF_MAP[? "inspector_line_break_width"];
2022-01-13 05:24:03 +01:00
draw_sprite_stretched(s_ui_panel_bg, 1, 8, top_bar_h - 8, w - 16, h - top_bar_h);
if(inspecting)
drawInspectingNode();
contentPane.active = HOVER == panel;
contentPane.draw(16, top_bar_h, mx - 16, my - top_bar_h);
if(PANEL_GRAPH.node_focus && inspecting != PANEL_GRAPH.node_focus) {
inspecting = PANEL_GRAPH.node_focus;
contentPane.scroll_y = 0;
contentPane.scroll_y_to = 0;
}
}
}
