armorpaint/paint/sources/ui_box.ts

let ui_box_show: bool         = false;
let ui_box_draggable: bool    = true;
let ui_box_hwnd: ui_handle_t  = ui_handle_create();
let ui_box_title: string      = "";
let ui_box_text: string       = "";
let ui_box_commands: () => void  = null;
let ui_box_click_to_hide: bool   = true;
let ui_box_modalw: i32           = 400;
let ui_box_modalh: i32           = 170;
let ui_box_modal_on_hide: () => void = null;
let ui_box_draws: i32                = 0;
let ui_box_copyable: bool            = false;
let ui_box_tween_alpha: f32          = 0.0;

function ui_box_init() {
	ui_box_hwnd.redraws  = 2;
	ui_box_hwnd.drag_x   = 0;
	ui_box_hwnd.drag_y   = 0;
	ui_box_show          = true;
	ui_box_draws         = 0;
	ui_box_click_to_hide = true;
}

function ui_box_render() {
	if (!ui_menu_show) {
		let in_use: bool    = ui.combo_selected_handle != null;
		let is_escape: bool = ui.is_escape_down;
		if (ui_box_draws > 2 && (ui.input_released || is_escape) && !in_use && !ui.is_typing) {
			let appw: i32   = iron_window_width();
			let apph: i32   = iron_window_height();
			let mw: i32     = math_floor(ui_box_modalw * UI_SCALE());
			let mh: i32     = math_floor(ui_box_modalh * UI_SCALE());
			let left: f32   = (appw / 2 - mw / 2) + ui_box_hwnd.drag_x;
			let right: f32  = (appw / 2 + mw / 2) + ui_box_hwnd.drag_x;
			let top: f32    = (apph / 2 - mh / 2) + ui_box_hwnd.drag_y;
			let bottom: f32 = (apph / 2 + mh / 2) + ui_box_hwnd.drag_y;
			let mx: i32     = mouse_x;
			let my: i32     = mouse_y;
			if ((ui_box_click_to_hide && (mx < left || mx > right || my < top || my > bottom)) || is_escape) {
				ui_box_hide();
			}
		}
	}

	if (config_raw.touch_ui) { // Darken bg
		draw_begin();
		/// if (arm_android || arm_ios)
		draw_set_color(color_from_floats(0, 0, 0, ui_box_tween_alpha));
		/// else
		draw_set_color(color_from_floats(0, 0, 0, 0.5));
		/// end
		draw_filled_rect(0, 0, iron_window_width(), iron_window_height());
		draw_end();
	}

	let appw: i32 = iron_window_width();
	let apph: i32 = iron_window_height();
	let mw: i32   = math_floor(ui_box_modalw * UI_SCALE());
	let mh: i32   = math_floor(ui_box_modalh * UI_SCALE());
	if (mw > appw) {
		mw = appw;
	}
	if (mh > apph) {
		mh = apph;
	}
	let left: i32 = math_floor(appw / 2 - mw / 2);
	let top: i32  = math_floor(apph / 2 - mh / 2);

	if (ui_box_commands == null) {
		ui_begin(ui);
		if (ui_window(ui_box_hwnd, left, top, mw, mh, ui_box_draggable)) {
			ui._y += 10;
			let tab_vertical: bool = config_raw.touch_ui;
			if (ui_tab(ui_handle(__ID__), ui_box_title, tab_vertical)) {
				let htext: ui_handle_t = ui_handle(__ID__);
				htext.text             = ui_box_text;
				if (ui_box_copyable) {
					ui_text_area(htext, ui_align_t.LEFT, false);
				}
				else {
					ui_text(ui_box_text);
				}
				ui_end_element();

				/// if (arm_windows || arm_linux || arm_macos)
				if (ui_box_copyable) {
					ui_row3();
				}
				else {
					let row: f32[] = [ 2 / 3, 1 / 3 ];
					ui_row(row);
				}
				/// else
				let row: f32[] = [ 2 / 3, 1 / 3 ];
				ui_row(row);
				/// end

				ui_end_element();

				/// if (arm_windows || arm_linux || arm_macos)
				if (ui_box_copyable && ui_button(tr("Copy"))) {
					iron_copy_to_clipboard(ui_box_text);
				}
				/// end
				if (ui_button(tr("OK"))) {
					ui_box_hide();
				}
			}
			ui_box_window_border();
		}
		ui_end();
	}
	else {
		ui_begin(ui);
		ui.input_enabled = !ui_menu_show && ui.combo_selected_handle == null;
		if (ui_window(ui_box_hwnd, left, top, mw, mh, ui_box_draggable)) {
			ui._y += 10;
			ui_box_commands();
			ui_box_window_border();
		}
		ui.input_enabled = true;
		ui_end();
	}

	ui_box_draws++;
}

function ui_box_show_message(title: string, text: string, copyable: bool = false) {
	ui_box_init();
	ui_box_modalw    = 400;
	ui_box_modalh    = 210;
	ui_box_title     = title;
	ui_box_text      = text;
	ui_box_commands  = null;
	ui_box_copyable  = copyable;
	ui_box_draggable = true;
	/// if (arm_android || arm_ios)
	ui_box_tween_in();
	/// end
}

function ui_box_show_custom(commands: () => void = null, mw: i32 = 400, mh: i32 = 200, on_hide: () => void = null, draggable: bool = true) {
	ui_box_init();
	ui_box_modalw        = mw;
	ui_box_modalh        = mh;
	ui_box_modal_on_hide = on_hide;
	ui_box_commands      = commands;
	ui_box_draggable     = draggable;
	/// if (arm_android || arm_ios)
	ui_box_tween_in();
	/// end
}

function ui_box_hide() {
	/// if (arm_android || arm_ios)
	ui_box_tween_out();
	/// else
	ui_box_hide_internal();
	/// end
}

function ui_box_hide_internal() {
	if (ui_box_modal_on_hide != null) {
		ui_box_modal_on_hide();
	}
	ui_box_show = false;
	base_redraw_ui();
}

function ui_box_tween_in() {
	tween_reset();

	let a: tween_anim_t = {target : ADDRESS(ui_box_tween_alpha), to : 0.5, duration : 0.2, ease : ease_t.EXPO_OUT};
	tween_to(a);

	ui_box_hwnd.drag_y = math_floor(iron_window_height() / 2);
	a                  = {target : ADDRESS(ui_box_hwnd.drag_y), to : 0.0, duration : 0.2, ease : ease_t.EXPO_OUT, tick : ui_box_tween_tick};
	tween_to(a);
}

function ui_box_tween_out() {
	let a: tween_anim_t = {target : ADDRESS(ui_box_tween_alpha), to : 0.0, duration : 0.2, ease : ease_t.EXPO_IN, done : ui_box_hide_internal};
	tween_to(a);

	a = {target : ADDRESS(ui_box_hwnd.drag_y), to : iron_window_height() / 2, duration : 0.2, ease : ease_t.EXPO_IN};
	tween_to(a);
}

function ui_box_tween_tick() {
	base_redraw_ui();
}

function ui_box_window_border() {
	if (ui.scissor) {
		ui.scissor = false;
		gpu_disable_scissor();
	}
	// Border
	draw_set_color(ui.ops.theme.SEPARATOR_COL);
	draw_filled_rect(0, 0, 1, ui._window_h);
	draw_filled_rect(0 + ui._window_w - 1, 0, 1, ui._window_h);
	draw_filled_rect(0, 0 + ui._window_h - 1, ui._window_w, 1);
}