luboslenco
271 lines
7.2 KiB
TypeScript
271 lines
7.2 KiB
TypeScript
|
|
let box_projects_htab: zui_handle_t = zui_handle_create();
|
|
let box_projects_hsearch: zui_handle_t = zui_handle_create();
|
|
let box_projects_icon_map: map_t<string, image_t> = null;
|
|
|
|
function box_projects_show() {
|
|
if (box_projects_icon_map != null) {
|
|
let keys: string[] = map_keys_to_array(box_projects_icon_map);
|
|
for (let i: i32 = 0; i < keys.length; ++i) {
|
|
let handle: string = keys[i];
|
|
data_delete_image(handle);
|
|
}
|
|
box_projects_icon_map = null;
|
|
}
|
|
|
|
let draggable: bool;
|
|
///if (krom_android || krom_ios)
|
|
draggable = false;
|
|
///else
|
|
draggable = true;
|
|
///end
|
|
|
|
ui_box_show_custom(function (ui: zui_t) {
|
|
///if (krom_android || krom_ios)
|
|
box_projects_align_to_fullscreen();
|
|
///end
|
|
|
|
///if (krom_android || krom_ios)
|
|
box_projects_tab(ui);
|
|
box_projects_get_started_tab(ui);
|
|
///else
|
|
box_projects_recent_tab(ui);
|
|
///end
|
|
|
|
}, 600, 400, null, draggable);
|
|
}
|
|
|
|
function box_projects_tab(ui: zui_t) {
|
|
if (zui_tab(box_projects_htab, tr("Projects"), true)) {
|
|
zui_begin_sticky();
|
|
|
|
box_projects_draw_badge(ui);
|
|
|
|
if (zui_button(tr("New"))) {
|
|
project_new();
|
|
viewport_scale_to_bounds();
|
|
ui_box_hide();
|
|
// Pick unique name
|
|
let i: i32 = 0;
|
|
let j: i32 = 0;
|
|
let title: string = tr("untitled") + i;
|
|
while (j < config_raw.recent_projects.length) {
|
|
let base: string = config_raw.recent_projects[j];
|
|
base = substring(base, string_last_index_of(base, path_sep) + 1, string_last_index_of(base, "."));
|
|
j++;
|
|
if (title == base) {
|
|
i++;
|
|
title = tr("untitled") + i;
|
|
j = 0;
|
|
}
|
|
}
|
|
sys_title_set(title);
|
|
}
|
|
zui_end_sticky();
|
|
zui_separator(3, false);
|
|
|
|
let slotw: i32 = math_floor(150 * zui_SCALE(ui));
|
|
let num: i32 = math_floor(sys_width() / slotw);
|
|
let recent_projects: string[] = config_raw.recent_projects;
|
|
let show_asset_names: bool = true;
|
|
|
|
for (let row: i32 = 0; row < math_ceil(recent_projects.length / num); ++row) {
|
|
let mult = show_asset_names ? 2 : 1;
|
|
let ar: f32[] = [];
|
|
for (let i: i32 = 0; i < num * mult; ++i) {
|
|
array_push(ar, 1 / num);
|
|
}
|
|
zui_row(ar);
|
|
|
|
ui._x += 2;
|
|
let off: f32 = show_asset_names ? zui_ELEMENT_OFFSET(ui) * 16.0 : 6;
|
|
if (row > 0) {
|
|
ui._y += off;
|
|
}
|
|
|
|
for (let j: i32 = 0; j < num; ++j) {
|
|
let imgw: i32 = math_floor(128 * zui_SCALE(ui));
|
|
let i: i32 = j + row * num;
|
|
if (i >= recent_projects.length) {
|
|
zui_end_element(imgw);
|
|
if (show_asset_names) {
|
|
zui_end_element(0);
|
|
}
|
|
continue;
|
|
}
|
|
|
|
let path: string = recent_projects[i];
|
|
|
|
///if krom_ios
|
|
let document_directory: string = krom_save_dialog("", "");
|
|
document_directory = substring(document_directory, 0, document_directory.length - 8); // Strip /"untitled"
|
|
path = document_directory + path;
|
|
///end
|
|
|
|
let icon_path: string = substring(path, 0, path.length - 4) + "_icon.png";
|
|
if (box_projects_icon_map == null) {
|
|
box_projects_icon_map = map_create();
|
|
}
|
|
let icon: image_t = map_get(box_projects_icon_map, icon_path);
|
|
if (icon == null) {
|
|
let image: image_t = data_get_image(icon_path);
|
|
icon = image;
|
|
map_set(box_projects_icon_map, icon_path, icon);
|
|
}
|
|
|
|
let uix: i32 = ui._x;
|
|
if (icon != null) {
|
|
zui_fill(0, 0, 128, 128, ui.t.SEPARATOR_COL);
|
|
|
|
let state: i32 = zui_image(icon, 0xffffffff, 128 * zui_SCALE(ui));
|
|
if (state == zui_state_t.RELEASED) {
|
|
let _uix: i32 = ui._x;
|
|
ui._x = uix;
|
|
zui_fill(0, 0, 128, 128, 0x66000000);
|
|
ui._x = _uix;
|
|
let do_import = function () {
|
|
app_notify_on_init(function () {
|
|
ui_box_hide();
|
|
import_arm_run_project(path);
|
|
});
|
|
}
|
|
|
|
///if (krom_android || krom_ios)
|
|
base_notify_on_next_frame(function () {
|
|
console_toast(tr("Opening project"));
|
|
base_notify_on_next_frame(do_import);
|
|
});
|
|
///else
|
|
do_import();
|
|
///end
|
|
}
|
|
|
|
let name: string = substring(path, string_last_index_of(path, path_sep) + 1, string_last_index_of(path, "."));
|
|
if (ui.is_hovered && ui.input_released_r) {
|
|
ui_menu_draw(function (ui: zui_t) {
|
|
// if (menuButton(ui, tr("Duplicate"))) {}
|
|
if (ui_menu_button(ui, tr("Delete"))) {
|
|
app_notify_on_init(function () {
|
|
file_delete(path);
|
|
file_delete(icon_path);
|
|
let data_path: string = substring(path, 0, path.length - 4);
|
|
file_delete(data_path);
|
|
array_splice(recent_projects, i, 1);
|
|
});
|
|
}
|
|
}, 1);
|
|
}
|
|
|
|
if (show_asset_names) {
|
|
ui._x = uix - (150 - 128) / 2;
|
|
ui._y += slotw * 0.9;
|
|
zui_text(name, zui_align_t.CENTER);
|
|
if (ui.is_hovered) {
|
|
zui_tooltip(name);
|
|
}
|
|
ui._y -= slotw * 0.9;
|
|
if (i == recent_projects.length - 1) {
|
|
ui._y += j == num - 1 ? imgw : imgw + zui_ELEMENT_H(ui) + zui_ELEMENT_OFFSET(ui);
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
zui_end_element(0);
|
|
if (show_asset_names) {
|
|
zui_end_element(0);
|
|
}
|
|
ui._x = uix;
|
|
}
|
|
}
|
|
|
|
ui._y += 150;
|
|
}
|
|
}
|
|
}
|
|
|
|
function box_projects_recent_tab(ui: zui_t) {
|
|
if (zui_tab(box_projects_htab, tr("Recent"), true)) {
|
|
|
|
box_projects_draw_badge(ui);
|
|
|
|
ui.enabled = config_raw.recent_projects.length > 0;
|
|
box_projects_hsearch.text = zui_text_input(box_projects_hsearch, tr("Search"), zui_align_t.LEFT, true, true);
|
|
ui.enabled = true;
|
|
|
|
for (let i: i32 = 0; i < config_raw.recent_projects.length; ++i) {
|
|
let path: string = config_raw.recent_projects[i];
|
|
let file: string = path;
|
|
///if krom_windows
|
|
file = string_replace_all(path, "/", "\\");
|
|
///else
|
|
file = string_replace_all(path, "\\", "/");
|
|
///end
|
|
file = substring(file, string_last_index_of(file, path_sep) + 1, file.length);
|
|
|
|
if (string_index_of(to_lower_case(file), to_lower_case(box_projects_hsearch.text)) < 0) {
|
|
continue; // Search filter
|
|
}
|
|
|
|
if (zui_button(file, zui_align_t.LEFT) && file_exists(path)) {
|
|
let current: image_t = _g2_current;
|
|
let g2_in_use: bool = _g2_in_use;
|
|
if (g2_in_use) g2_end();
|
|
|
|
import_arm_run_project(path);
|
|
|
|
if (g2_in_use) g2_begin(current);
|
|
ui_box_hide();
|
|
}
|
|
if (ui.is_hovered) {
|
|
zui_tooltip(path);
|
|
}
|
|
}
|
|
|
|
ui.enabled = config_raw.recent_projects.length > 0;
|
|
if (zui_button(tr("Clear"), zui_align_t.LEFT)) {
|
|
config_raw.recent_projects = [];
|
|
config_save();
|
|
}
|
|
ui.enabled = true;
|
|
|
|
zui_end_element();
|
|
if (zui_button(tr("New .."), zui_align_t.LEFT)) {
|
|
project_new_box();
|
|
}
|
|
if (zui_button(tr("Open..."), zui_align_t.LEFT)) {
|
|
project_open();
|
|
}
|
|
}
|
|
}
|
|
|
|
function box_projects_draw_badge(ui: zui_t) {
|
|
let img: image_t = data_get_image("badge.k");
|
|
zui_image(img);
|
|
zui_end_element();
|
|
}
|
|
|
|
function box_projects_get_started_tab(ui: zui_t) {
|
|
if (zui_tab(box_projects_htab, tr("Get Started"), true)) {
|
|
if (zui_button(tr("Manual"))) {
|
|
file_load_url(manifest_url + "/manual");
|
|
}
|
|
if (zui_button(tr("How To"))) {
|
|
file_load_url(manifest_url + "/howto");
|
|
}
|
|
if (zui_button(tr("What's New"))) {
|
|
file_load_url(manifest_url + "/notes");
|
|
}
|
|
}
|
|
}
|
|
|
|
function box_projects_align_to_fullscreen() {
|
|
ui_box_modalw = math_floor(sys_width() / zui_SCALE(base_ui_box));
|
|
ui_box_modalh = math_floor(sys_height() / zui_SCALE(base_ui_box));
|
|
let appw: i32 = sys_width();
|
|
let apph: i32 = sys_height();
|
|
let mw: i32 = appw;
|
|
let mh: i32 = apph;
|
|
ui_box_hwnd.drag_x = math_floor(-appw / 2 + mw / 2);
|
|
ui_box_hwnd.drag_y = math_floor(-apph / 2 + mh / 2);
|
|
}
|