mirror of
https://github.com/Ttanasart-pt/Pixel-Composer.git
synced 2024-12-26 06:56:45 +01:00
482 lines
No EOL
16 KiB
Text
482 lines
No EOL
16 KiB
Text
function Panel_Collection() : PanelContent() constructor {
|
|
title = __txt("Collections");
|
|
expandable = false;
|
|
|
|
group_w = ui(180);
|
|
group_w_dragging = false;
|
|
group_w_sx = false;
|
|
group_w_mx = false;
|
|
|
|
static initSize = function() {
|
|
content_w = w - ui(8) - group_w;
|
|
content_h = h - ui(40) - ui(16);
|
|
}
|
|
initSize();
|
|
|
|
min_w = group_w + ui(40);
|
|
min_h = ui(40);
|
|
|
|
roots = [ ["Collections", COLLECTIONS] , ["Assets", global.ASSETS] ];
|
|
mode = 0;
|
|
root = roots[mode][1];
|
|
context = root;
|
|
|
|
search_list = ds_list_create();
|
|
|
|
file_dragging = noone;
|
|
_menu_node = noone;
|
|
|
|
updated_path = noone;
|
|
updated_prog = 0;
|
|
data_path = "";
|
|
|
|
static initMenu = function() { #region
|
|
if(_menu_node == noone) return;
|
|
var meta = _menu_node.getMetadata();
|
|
|
|
contentMenu = [];
|
|
|
|
if(meta == noone || !meta.steam) {
|
|
contentMenu = [
|
|
menuItem(__txtx("panel_collection_replace", "Replace with selected"), function() {
|
|
var _path = filename_dir(_menu_node.path);
|
|
var _name = filename_name(_menu_node.path);
|
|
|
|
saveCollection(PANEL_INSPECTOR.getInspecting(), _path, _name, false, _menu_node.meta);
|
|
}),
|
|
menuItem(__txtx("panel_collection_edit_meta", "Edit metadata") + "...", function() {
|
|
var dia = dialogCall(o_dialog_file_name_collection, mouse_mx + ui(8), mouse_my + ui(-320));
|
|
var meta = _menu_node.getMetadata();
|
|
if(meta != noone && meta != undefined)
|
|
dia.meta = meta;
|
|
|
|
dia.node = PANEL_INSPECTOR.getInspecting();
|
|
dia.data_path = data_path;
|
|
dia.updating = _menu_node;
|
|
dia.doExpand();
|
|
}),
|
|
menuItem(__txtx("panel_collection_update_thumbnail", "Update thumbnail"), function() {
|
|
var _path = _menu_node.path;
|
|
var preview_surface = PANEL_PREVIEW.getNodePreviewSurface();
|
|
if(!is_surface(preview_surface)) {
|
|
noti_warning("Please send any node to preview panel to use as a thumbnail.")
|
|
return;
|
|
}
|
|
|
|
var icon_path = string_replace(_path, filename_ext(_path), "") + ".png";
|
|
surface_save_safe(preview_surface, icon_path);
|
|
|
|
refreshContext();
|
|
}),
|
|
-1,
|
|
menuItem(__txt("Delete"), function() {
|
|
file_delete(_menu_node.path);
|
|
refreshContext();
|
|
})
|
|
];
|
|
|
|
if(STEAM_ENABLED)
|
|
array_push(contentMenu, -1);
|
|
}
|
|
|
|
if(STEAM_ENABLED) {
|
|
if(!meta.steam) {
|
|
array_push(contentMenu, menuItem(__txtx("panel_collection_workshop_upload", "Upload to Steam Workshop") + "...", function() {
|
|
var s = PANEL_PREVIEW.getNodePreviewSurface();
|
|
if(!is_surface(s)) {
|
|
noti_warning("Please send any node to preview panel to use as a thumbnail.")
|
|
return;
|
|
}
|
|
|
|
var dia = dialogCall(o_dialog_file_name_collection, mouse_mx + ui(8), mouse_my + ui(-320));
|
|
var meta = _menu_node.getMetadata();
|
|
if(meta != noone && meta != undefined)
|
|
dia.meta = meta;
|
|
|
|
dia.node = PANEL_INSPECTOR.getInspecting();
|
|
dia.data_path = data_path;
|
|
dia.ugc = 1;
|
|
dia.updating = _menu_node;
|
|
dia.doExpand();
|
|
}));
|
|
} else {
|
|
if(meta.author_steam_id == STEAM_USER_ID && meta.file_id != 0) {
|
|
array_push(contentMenu, menuItem(__txtx("panel_collection_workshop_update", "Update Steam Workshop content") + "...", function() {
|
|
var dia = dialogCall(o_dialog_file_name_collection, mouse_mx + ui(8), mouse_my + ui(-320));
|
|
var meta = _menu_node.getMetadata();
|
|
if(meta != noone && meta != undefined)
|
|
dia.meta = meta;
|
|
|
|
dia.node = PANEL_INSPECTOR.getInspecting();
|
|
dia.data_path = data_path;
|
|
dia.ugc = 2;
|
|
dia.updating = _menu_node;
|
|
dia.doExpand();
|
|
}));
|
|
}
|
|
|
|
array_push(contentMenu, menuItem(__txt("Unsubscribe"), function() {
|
|
var meta = _menu_node.getMetadata();
|
|
var del_id = meta.file_id;
|
|
|
|
for( var i = 0; i < ds_list_size(STEAM_COLLECTION); i++ ) {
|
|
print(STEAM_COLLECTION[| i].meta.file_id);
|
|
if(STEAM_COLLECTION[| i].getMetadata().file_id == del_id) {
|
|
ds_list_delete(STEAM_COLLECTION, i);
|
|
break;
|
|
}
|
|
}
|
|
steam_ugc_unsubscribe_item(del_id);
|
|
}));
|
|
}
|
|
}
|
|
} #endregion
|
|
initMenu();
|
|
|
|
search_string = "";
|
|
tb_search = new textBox(TEXTBOX_INPUT.text, function(str) {
|
|
search_string = string(str);
|
|
searchCollection(search_list, search_string);
|
|
});
|
|
tb_search.auto_update = true;
|
|
|
|
contentView = 0;
|
|
contentPane = new scrollPane(content_w - ui(6), content_h, function(_y, _m) { #region
|
|
draw_clear_alpha(COLORS._main_text_inner, 0);
|
|
|
|
var nodes = search_string == ""? context.content : search_list;
|
|
if(mode == 0 && context == root) nodes = STEAM_COLLECTION;
|
|
var steamNode = [];
|
|
for( var i = 0; i < ds_list_size(STEAM_COLLECTION); i++ ) {
|
|
var meta = STEAM_COLLECTION[| i].meta;
|
|
if(array_exists(meta.tags, context.name))
|
|
array_push(steamNode, STEAM_COLLECTION[| i]);
|
|
}
|
|
|
|
var node_list = ds_list_size(nodes);
|
|
var node_count = node_list + array_length(steamNode);
|
|
var hh = 0;
|
|
var frame = current_time * PREF_MAP[? "collection_preview_speed"] / 3000;
|
|
var _cw = contentPane.surface_w;
|
|
var _hover = pHOVER && contentPane.hover;
|
|
|
|
updated_prog = lerp_linear(updated_prog, 0, 0.01);
|
|
|
|
if(contentView == 0) {
|
|
var grid_size = ui(64);
|
|
var grid_width = ui(80);
|
|
var grid_space = ui(12);
|
|
var col = max(1, floor(_cw / (grid_width + grid_space)));
|
|
var row = ceil(node_count / col);
|
|
var yy = _y + grid_space;
|
|
var name_height = 0;
|
|
|
|
grid_width = round(contentPane.surface_w - grid_space) / col - grid_space;
|
|
|
|
hh += grid_space;
|
|
|
|
for(var i = 0; i < row; i++) {
|
|
name_height = 0;
|
|
for(var j = 0; j < col; j++) {
|
|
var index = i * col + j;
|
|
if(index >= node_count) break;
|
|
|
|
var _node = index < node_list? nodes[| index] : steamNode[index - node_list];
|
|
var _nx = grid_space + (grid_width + grid_space) * j;
|
|
var _boxx = _nx + (grid_width - grid_size) / 2;
|
|
_boxx = round(_boxx);
|
|
|
|
var gr_x1 = _boxx + grid_size;
|
|
var gr_y1 = yy + grid_size;
|
|
|
|
BLEND_OVERRIDE;
|
|
draw_sprite_stretched(THEME.node_bg, 0, _boxx, yy, grid_size, grid_size);
|
|
BLEND_NORMAL;
|
|
|
|
var meta = noone;
|
|
if(variable_struct_exists(_node, "getMetadata"))
|
|
meta = _node.getMetadata();
|
|
|
|
if(_hover && point_in_rectangle(_m[0], _m[1], _nx, yy, _nx + grid_width, yy + grid_size)) {
|
|
draw_sprite_stretched_ext(THEME.node_active, 0, _boxx, yy, grid_size, grid_size, COLORS._main_accent, 1);
|
|
if(mouse_press(mb_left, pFOCUS))
|
|
DRAGGING = { type : _node.type == FILE_TYPE.collection? "Collection" : "Asset", data : _node }
|
|
|
|
if(!DEMO && mouse_press(mb_right, pFOCUS)) {
|
|
_menu_node = _node;
|
|
initMenu();
|
|
menuCall("collection_menu",,, contentMenu,, _menu_node);
|
|
}
|
|
|
|
if(!instance_exists(o_dialog_menubox) && meta != noone && meta != undefined)
|
|
TOOLTIP = meta;
|
|
}
|
|
|
|
if(_node.path == updated_path && updated_prog > 0)
|
|
draw_sprite_stretched_ext(THEME.node_glow, 0, _boxx - 9, yy - 9, grid_size + 18, grid_size + 18, COLORS._main_value_positive, updated_prog);
|
|
|
|
if(variable_struct_exists(_node, "getSpr")) _node.getSpr();
|
|
|
|
if(sprite_exists(_node.spr)) {
|
|
var sw = sprite_get_width(_node.spr);
|
|
var sh = sprite_get_height(_node.spr);
|
|
var ss = ui(32) / max(sw, sh);
|
|
|
|
var xo = (sprite_get_xoffset(_node.spr) - sw / 2) * ss;
|
|
var yo = (sprite_get_yoffset(_node.spr) - sh / 2) * ss;
|
|
var sx = _boxx + grid_size / 2 + xo;
|
|
var sy = yy + grid_size / 2 + yo;
|
|
|
|
draw_sprite_ext(_node.spr, frame, sx, sy, ss, ss, 0, c_white, 1);
|
|
} else
|
|
draw_sprite_ui_uniform(THEME.group, 0, _boxx + grid_size / 2, yy + grid_size / 2, 1, c_white);
|
|
|
|
if(meta != noone && mode == 0) {
|
|
if(struct_try_get(meta, "steam")) {
|
|
draw_sprite_ui_uniform(THEME.steam, 0, _boxx + ui(12), yy + ui(12), 1, COLORS._main_icon_dark, 1);
|
|
if(meta.author_steam_id == STEAM_USER_ID) {
|
|
draw_sprite_ui_uniform(THEME.steam_creator, 0, _boxx + grid_size - ui(8), yy + ui(12), 1, COLORS._main_icon_dark, 1);
|
|
if(point_in_rectangle(_m[0], _m[1], gr_x1 - ui(24), yy, gr_x1, yy + ui(24)))
|
|
TOOLTIP = __txtx("panel_collection_you_created", "You created this item");
|
|
}
|
|
}
|
|
|
|
if(meta.version != SAVE_VERSION) {
|
|
draw_set_color(COLORS._main_accent);
|
|
draw_circle_prec(_boxx + grid_size - ui(8), yy + grid_size - ui(8), 3, false);
|
|
}
|
|
}
|
|
|
|
draw_set_text(f_p3, fa_center, fa_top, COLORS._main_text_inner);
|
|
name_height = max(name_height, string_height_ext(_node.name, -1, grid_width) + 8);
|
|
draw_text_ext_add(_boxx + grid_size / 2, yy + grid_size + ui(4), _node.name, -1, grid_width);
|
|
}
|
|
|
|
var hght = grid_size + name_height + ui(8);
|
|
hh += hght;
|
|
yy += hght;
|
|
}
|
|
} else {
|
|
var list_width = _cw;
|
|
var list_height = ui(28);
|
|
var yy = _y + list_height / 2;
|
|
hh += list_height;
|
|
|
|
for(var i = 0; i < node_count; i++) {
|
|
var _node = i < node_list? nodes[| i] : steamNode[i - node_list];
|
|
if(!_node) continue;
|
|
|
|
if(i % 2) {
|
|
BLEND_OVERRIDE;
|
|
draw_sprite_stretched_ext(THEME.node_bg, 0, ui(4), yy, list_width - 8, list_height, c_white, 0.2);
|
|
BLEND_NORMAL;
|
|
}
|
|
|
|
if(_hover && point_in_rectangle(_m[0], _m[1], 0, yy, list_width, yy + list_height - 1)) {
|
|
draw_sprite_stretched_ext(THEME.node_active, 0, ui(4), yy, list_width - ui(8), list_height, COLORS._main_accent, 1);
|
|
if(mouse_press(mb_left, pFOCUS))
|
|
DRAGGING = { type : _node.type == FILE_TYPE.collection? "Collection" : "Asset", data : _node }
|
|
|
|
if(!DEMO && mouse_press(mb_right, pFOCUS)) {
|
|
_menu_node = _node;
|
|
initMenu();
|
|
menuCall("collection_menu",,, contentMenu,, _menu_node);
|
|
}
|
|
}
|
|
|
|
var spr_x = list_height / 2 + ui(14);
|
|
var spr_y = yy + list_height / 2;
|
|
var spr_s = list_height - ui(8);
|
|
if(variable_struct_exists(_node, "getSpr")) _node.getSpr();
|
|
if(sprite_exists(_node.spr)) {
|
|
var sw = sprite_get_width(_node.spr);
|
|
var sh = sprite_get_height(_node.spr);
|
|
var ss = spr_s / max(sw, sh);
|
|
|
|
var xo = (sprite_get_xoffset(_node.spr) - sw / 2) * ss;
|
|
var yo = (sprite_get_yoffset(_node.spr) - sh / 2) * ss;
|
|
var sx = spr_x + xo;
|
|
var sy = spr_y + yo;
|
|
|
|
draw_sprite_ext(_node.spr, frame, sx, sy, ss, ss, 0, c_white, 1);
|
|
} else
|
|
draw_sprite_ui_uniform(THEME.group, 0, spr_x, spr_y, 0.75, c_white);
|
|
|
|
draw_set_text(f_p3, fa_left, fa_center, COLORS._main_text_inner);
|
|
draw_text_add(list_height + ui(20), yy + list_height / 2, _node.name);
|
|
|
|
yy += list_height;
|
|
hh += list_height;
|
|
}
|
|
}
|
|
|
|
return hh;
|
|
}); #endregion
|
|
|
|
folderPane = new scrollPane(group_w - ui(8), content_h, function(_y, _m) { #region
|
|
draw_clear_alpha(COLORS.panel_bg_clear, 0);
|
|
draw_sprite_stretched(THEME.ui_panel_bg, 1, ui(8), 0, folderPane.surface_w - ui(8), folderPane.surface_h);
|
|
var hh = ui(8);
|
|
_y += ui(8);
|
|
|
|
for(var i = 0; i < ds_list_size(root.subDir); i++) {
|
|
var hg = root.subDir[| i].draw(self, ui(8 + in_dialog * 8), _y, _m, folderPane.w - ui(20), pHOVER && folderPane.hover, pFOCUS, root);
|
|
hh += hg;
|
|
_y += hg;
|
|
}
|
|
|
|
return hh;
|
|
}); #endregion
|
|
|
|
function onFocusBegin() { PANEL_COLLECTION = self; }
|
|
|
|
function onResize() { #region
|
|
initSize();
|
|
|
|
folderPane.resize(group_w - ui(8), content_h);
|
|
contentPane.resize(content_w - ui(6), content_h);
|
|
} #endregion
|
|
|
|
function setContext(cont) { #region
|
|
context = cont;
|
|
contentPane.scroll_y_raw = 0;
|
|
contentPane.scroll_y_to = 0;
|
|
} #endregion
|
|
|
|
function refreshContext() { #region
|
|
if(mode == 0) context.scan([ ".json", ".pxcc" ]);
|
|
else if(mode == 1) context.scan([ ".png", ".jpg", ".gif" ]);
|
|
|
|
if(STEAM_ENABLED)
|
|
steamUCGload();
|
|
} #endregion
|
|
|
|
function drawContent(panel) { #region
|
|
draw_clear_alpha(COLORS.panel_bg_clear, 0);
|
|
|
|
var content_y = ui(48);
|
|
draw_sprite_stretched(THEME.ui_panel_bg, 1, group_w, content_y, content_w, content_h);
|
|
contentPane.setFocusHover(pFOCUS, pHOVER);
|
|
contentPane.draw(group_w, content_y, mx - group_w, my - content_y);
|
|
|
|
folderPane.setFocusHover(pFOCUS, pHOVER);
|
|
folderPane.draw(0, content_y, mx, my - content_y);
|
|
|
|
#region resize width
|
|
if(group_w_dragging) {
|
|
CURSOR = cr_size_we;
|
|
|
|
var _gw = group_w_sx + (mx - group_w_mx);
|
|
_gw = max(ui(180), _gw);
|
|
group_w = _gw;
|
|
|
|
onResize();
|
|
|
|
if(mouse_release(mb_left)) {
|
|
group_w_dragging = false;
|
|
}
|
|
}
|
|
|
|
if(pHOVER && point_in_rectangle(mx, my, group_w - ui(2), content_y, group_w + ui(2), content_y + content_h)) {
|
|
CURSOR = cr_size_we;
|
|
if(pFOCUS && mouse_press(mb_left)) {
|
|
group_w_dragging = true;
|
|
group_w_mx = mx;
|
|
group_w_sx = group_w;
|
|
}
|
|
}
|
|
#endregion
|
|
|
|
var _x = ui(20);
|
|
var _y = ui(24);
|
|
var bh = line_get_height(f_p0b, 8);
|
|
var rootx = 0;
|
|
|
|
for( var i = 0, n = array_length(roots); i < n; i++ ) {
|
|
var r = roots[i];
|
|
var b = buttonInstant(THEME.button_hide_fill, _x - ui(8), _y - bh / 2, string_width(r[0]) + ui(20), bh, [mx, my], pFOCUS, pHOVER);
|
|
if(b == 2) {
|
|
mode = i;
|
|
root = r[1];
|
|
context = root;
|
|
}
|
|
|
|
draw_set_text(f_p0b, fa_left, fa_center, i == mode? COLORS._main_text : COLORS._main_text_sub);
|
|
draw_text(_x, _y, __txt(r[0]));
|
|
|
|
_x += string_width(r[0]) + ui(24);
|
|
}
|
|
|
|
rootx = _x;
|
|
|
|
var bx = w - ui(44);
|
|
var by = ui(12);
|
|
var bs = ui(32);
|
|
|
|
if(search_string == "") {
|
|
if(bx > rootx) {
|
|
var txt = contentView? __txtx("view_grid", "Grid view") : __txtx("view_list", "List view");
|
|
if(buttonInstant(THEME.button_hide, bx, by, bs, bs, [mx, my], pFOCUS, pHOVER, txt, THEME.view_mode, contentView) == 2) {
|
|
contentView = !contentView;
|
|
}
|
|
}
|
|
bx -= ui(36);
|
|
|
|
if(mode == 0 && !DEMO) {
|
|
if(bx > rootx) {
|
|
if(context != root) {
|
|
var txt = __txtx("panel_collection_add_node", "Add selecting node as collection");
|
|
if(buttonInstant(THEME.button_hide, bx, by, bs, bs, [mx, my], pFOCUS, pHOVER, txt, THEME.add, 0, COLORS._main_value_positive) == 2) {
|
|
if(PANEL_INSPECTOR.getInspecting() != noone) {
|
|
data_path = context.path;
|
|
var dia = dialogCall(o_dialog_file_name_collection, mouse_mx + ui(8), mouse_my + ui(8));
|
|
if(PANEL_INSPECTOR.getInspecting()) {
|
|
dia.meta.name = PANEL_INSPECTOR.getInspecting().display_name;
|
|
dia.node = PANEL_INSPECTOR.getInspecting();
|
|
dia.data_path = data_path;
|
|
}
|
|
}
|
|
}
|
|
} else
|
|
draw_sprite_ui_uniform(THEME.add, 0, bx + bs / 2, by + bs / 2, 1, COLORS._main_icon_dark);
|
|
}
|
|
bx -= ui(36);
|
|
|
|
if(bx > rootx) {
|
|
var txt = __txtx("panel_collection_add_folder", "Add folder");
|
|
if(buttonInstant(THEME.button_hide, bx, by, bs, bs, [mx, my], pFOCUS, pHOVER, txt) == 2) {
|
|
var dia = dialogCall(o_dialog_file_name, mouse_mx + 8, mouse_my + 8);
|
|
dia.onModify = function (txt) {
|
|
directory_create(txt);
|
|
refreshContext();
|
|
};
|
|
dia.path = context.path + "/";
|
|
}
|
|
draw_sprite_ui_uniform(THEME.folder_add, 0, bx + bs / 2, by + bs / 2, 1, COLORS._main_icon);
|
|
draw_sprite_ui_uniform(THEME.folder_add, 1, bx + bs / 2, by + bs / 2, 1, COLORS._main_value_positive);
|
|
}
|
|
bx -= ui(36);
|
|
}
|
|
|
|
if(bx > rootx) {
|
|
var txt = __txtx("panel_collection_open_file", "Open in file explorer");
|
|
if(buttonInstant(THEME.button_hide, bx, by, bs, bs, [mx, my], pFOCUS, pHOVER, txt, THEME.folder) == 2)
|
|
shellOpenExplorer(context.path);
|
|
}
|
|
bx -= ui(36);
|
|
|
|
if(bx > rootx) {
|
|
var txt = __txt("Refresh");
|
|
if(buttonInstant(THEME.button_hide, bx, by, bs, bs, [mx, my], pFOCUS, pHOVER, txt, THEME.refresh) == 2)
|
|
refreshContext();
|
|
}
|
|
bx -= ui(36);
|
|
} else {
|
|
var tb_w = ui(200);
|
|
var tb_x = w - ui(10) - tb_w;
|
|
var tb_y = ui(10);
|
|
|
|
tb_search.draw(tb_x, tb_y, tb_w, TEXTBOX_HEIGHT, search_string, [mx, my]);
|
|
}
|
|
} #endregion
|
|
} |