diff options
Diffstat (limited to 'src/ui.c')
| -rw-r--r-- | src/ui.c | 1544 |
1 files changed, 0 insertions, 1544 deletions
diff --git a/src/ui.c b/src/ui.c deleted file mode 100644 index d8d3a16..0000000 --- a/src/ui.c +++ /dev/null @@ -1,1544 +0,0 @@ -/* -* BSD 2-Clause “Simplified” License -* Copyright (c) 2019, Aldrik Ramaekers, aldrik.ramaekers@protonmail.com -* All rights reserved. -*/ - -inline void ui_begin(s32 id) -{ - global_ui_context.item_hovered = false; - global_ui_context.next_id = id * 100; - global_ui_context.layout.offset_x = 0; - global_ui_context.layout.offset_y = 0; - global_ui_context.layout.width = global_ui_context.layout.active_window->width; - global_ui_context.layout.height = global_ui_context.layout.active_window->height; - global_ui_context.layout.active_dropdown_state = 0; -} - -inline void ui_end() -{ - -} - -inline checkbox_state ui_create_checkbox(bool selected) -{ - checkbox_state state; - state.state = selected; - - return state; -} - -inline textbox_state ui_create_textbox(u16 max_len) -{ - assert(max_len > 0); - assert(max_len <= MAX_INPUT_LENGTH); - - textbox_state state; - state.max_len = max_len; - state.buffer = mem_alloc(max_len+1); - state.buffer[0] = 0; - state.state = false; - state.text_offset_x = 0; - state.history = array_create(sizeof(textbox_history_entry)); - state.future = array_create(sizeof(textbox_history_entry)); - array_reserve(&state.history, 100); - state.history.reserve_jump = 100; - array_reserve(&state.future, 100); - state.future.reserve_jump = 100; - state.selection_start_index = 0; - state.double_clicked_to_select = false; - state.double_clicked_to_select_cursor_index = 0; - state.diff = 0; - state.last_click_cursor_index = -1; - state.attempting_to_select = false; - state.deselect_on_enter = true; - - return state; -} - -void ui_destroy_textbox(textbox_state *state) -{ - for (s32 i = 0; i < state->history.length; i++) - { - char **history_entry = array_at(&state->history, i); - mem_free(*history_entry); - } - array_destroy(&state->history); - array_destroy(&state->future); - - mem_free(state->buffer); -} - -inline button_state ui_create_button() -{ - button_state state; - state.state = 0; - - return state; -} - -inline scroll_state ui_create_scroll(s32 scroll) -{ - scroll_state state; - state.scroll = 0; - state.height = scroll; - - return state; -} - -void ui_set_textbox_text(textbox_state *textbox, char *text) -{ - if (global_ui_context.current_active_textbox == textbox) - { - keyboard_set_input_text(global_ui_context.keyboard, text); - } - - string_copyn(textbox->buffer, text, textbox->max_len); -} - -inline dropdown_state ui_create_dropdown() -{ - dropdown_state state; - state.state = 0; - state.selected_index = 0; - return state; -} - -void ui_set_style(u16 style) -{ - global_ui_context.style.id = style; - if (style == UI_STYLE_LIGHT) - { - global_ui_context.style.hypertext_foreground = rgb(66, 134, 244); - global_ui_context.style.hypertext_hover_foreground = rgb(221, 93, 202); - global_ui_context.style.image_outline_tint = rgb(200,200,200); - global_ui_context.style.scrollbar_handle_background = rgb(225,225,225); - global_ui_context.style.info_bar_background = rgb(225,225,225); - global_ui_context.style.error_foreground = rgb(224,79,95); - global_ui_context.style.item_hover_background = rgb(240,220,220); - global_ui_context.style.scrollbar_background = rgb(255,255,255); - global_ui_context.style.background = rgb(255,255,255); - global_ui_context.style.menu_hover_background = rgb(200,200,200); - global_ui_context.style.menu_background = rgb(225,225,225); - global_ui_context.style.widget_hover_background = rgb(200,200,200); - global_ui_context.style.widget_background = rgb(225,225,225); - global_ui_context.style.border = rgb(180,180,180); - global_ui_context.style.foreground = rgb(10, 10, 10); - global_ui_context.style.textbox_background = rgb(240,240,240); - global_ui_context.style.textbox_foreground = rgb(10,10,10); - global_ui_context.style.textbox_placeholder_foreground = rgb(80,80,80); - global_ui_context.style.textbox_active_border = rgb(66, 134, 244); - } - if (style == UI_STYLE_DARK) - { - global_ui_context.style.hypertext_foreground = rgb(66, 134, 244); - global_ui_context.style.hypertext_hover_foreground = rgb(221, 93, 202); - global_ui_context.style.scrollbar_handle_background = rgb(50,50,50); - global_ui_context.style.menu_hover_background = rgb(60,60,60); - global_ui_context.style.item_hover_background = rgb(80,60,60); - global_ui_context.style.image_outline_tint = rgb(200,200,200); - global_ui_context.style.error_foreground = rgb(224,79,95); - global_ui_context.style.scrollbar_background = rgb(80,80,80); - global_ui_context.style.widget_hover_background = rgb(50,50,50); - global_ui_context.style.widget_background = rgb(65,65,65); - global_ui_context.style.info_bar_background = rgb(65,65,65); - global_ui_context.style.menu_background = rgb(65,65,65); - global_ui_context.style.background = rgb(80, 80, 80); - global_ui_context.style.border = rgb(60,60,60); - global_ui_context.style.foreground = rgb(240,240,240); - global_ui_context.style.textbox_background = rgb(65,65,65); - global_ui_context.style.textbox_foreground = rgb(240, 240,240); - global_ui_context.style.textbox_active_border = rgb(66, 134, 244); - } -} - -static scroll_state empty_scroll; -inline void ui_create(platform_window *window, keyboard_input *keyboard, mouse_input *mouse, camera *camera, font *font_small) -{ - ui_set_style(UI_STYLE_LIGHT); - - global_ui_context.layout.layout_direction = LAYOUT_VERTICAL; - global_ui_context.layout.offset_x = 0; - global_ui_context.layout.offset_y = 0; - global_ui_context.layout.active_window = window; - global_ui_context.layout.width = global_ui_context.layout.active_window->width; - empty_scroll = ui_create_scroll(1); - global_ui_context.layout.scroll = &empty_scroll; - - global_ui_context.keyboard = keyboard; - global_ui_context.mouse = mouse; - global_ui_context.font_small = font_small; - global_ui_context.active_menus = array_create(sizeof(s32)); - global_ui_context.menu_item_count = 0; - global_ui_context.camera = camera; - - array_reserve(&global_ui_context.active_menus, 100); -} - -static void ui_pop_scissor() -{ - if (global_ui_context.layout.scroll->in_scroll) - { - s32 w = global_ui_context.layout.width; - s32 h = global_ui_context.layout.height; - s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y - WIDGET_PADDING; - - render_set_scissor(global_ui_context.layout.active_window, - 0,y,global_ui_context.layout.active_window->width,h); - } - else - { - render_reset_scissor(); - } -} - -inline void ui_block_begin(layout_direction direction) -{ - global_ui_context.layout.layout_direction = direction; - global_ui_context.layout.block_height = 0; - global_ui_context.layout.start_offset_y = global_ui_context.layout.offset_y; - global_ui_context.layout.start_offset_x = global_ui_context.layout.offset_x; - - ui_pop_scissor(); -} - -inline void ui_block_end() -{ - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - { - global_ui_context.layout.offset_y += global_ui_context.layout.block_height + WIDGET_PADDING; - } - global_ui_context.layout.offset_x = global_ui_context.layout.start_offset_x; -} - -inline void ui_set_active_window(platform_window *window) -{ - global_ui_context.layout.active_window = window; -} - -inline void ui_begin_menu_bar() -{ - s32 w = global_ui_context.layout.width; - s32 h = global_ui_context.layout.active_window->height; - s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y; - - global_ui_context.layout.offset_x = 0; - global_ui_context.layout.layout_direction = LAYOUT_HORIZONTAL; - - render_rectangle(0, y, w, MENU_BAR_HEIGHT, global_ui_context.style.menu_background); - render_rectangle(0, y, w, 1, global_ui_context.style.border); - global_ui_context.layout.menu_offset_y = 0; -} - -inline bool ui_is_menu_active(u32 id) -{ - for (int i = 0; i < global_ui_context.active_menus.length; i++) - { - s32 *iid = array_at(&global_ui_context.active_menus, i); - if (*iid == id) return true; - } - return false; -} - -inline u32 ui_get_id() -{ - return global_ui_context.next_id++; -} - -inline void ui_push_separator() -{ - s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y; - s32 w = global_ui_context.layout.width; - - render_rectangle(x, y, w, 1, global_ui_context.style.border); - global_ui_context.layout.offset_y += 1 + WIDGET_PADDING; -} - -void ui_push_vertical_dragbar() -{ - s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x + global_ui_context.layout.width; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y - WIDGET_PADDING; - s32 h = global_ui_context.layout.height; - - render_rectangle(x, y, 5, h, global_ui_context.style.border); -} - -inline void ui_push_menu_item_separator() -{ - global_ui_context.layout.menu_offset_y += 1; -} - -static s32 ui_get_scroll() -{ - if (global_ui_context.layout.scroll->in_scroll) - { - return global_ui_context.layout.scroll->scroll; - } - - return 0; -} - -bool ui_push_color_button(char *text, bool selected, color c) -{ - bool result = false; - - s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll(); - s32 text_x = x + BUTTON_HORIZONTAL_TEXT_PADDING; - s32 text_y = y + (BUTTON_HEIGHT/2) - (global_ui_context.font_small->px_h/2); - s32 total_w = - BUTTON_HORIZONTAL_TEXT_PADDING + BUTTON_HORIZONTAL_TEXT_PADDING; - s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x; - s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y; - s32 h = BUTTON_HEIGHT; - - if (global_ui_context.layout.block_height < h) - global_ui_context.layout.block_height = h; - - color bg_color = c; - - s32 virt_top = y; - s32 virt_bottom = y + h; - if (global_ui_context.layout.scroll->in_scroll) - { - s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height; - if (bottom < virt_bottom) - virt_bottom = bottom; - s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING; - if (top > virt_top) - virt_top = top; - } - - if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered) - { - platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER); - bg_color.r-=20; - bg_color.g-=20; - bg_color.b-=20; - - if (is_left_clicked(global_ui_context.mouse)) - { - global_ui_context.mouse->left_state &= ~MOUSE_CLICK; - result = true; - } - } - - if (selected) - { - render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color); - render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 4, global_ui_context.style.border); - } - else - { - render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color); - render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border); - } - - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w + WIDGET_PADDING; - else - global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING; - - return result; -} - -bool ui_push_dropdown_item(image *icon, char *title, s32 index) -{ - bool result = false; - - set_render_depth(30); - - u32 id = ui_get_id(); - global_ui_context.layout.dropdown_item_count++; - s32 h = BUTTON_HEIGHT; - s32 x = global_ui_context.layout.dropdown_x + WIDGET_PADDING + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() + ((global_ui_context.layout.dropdown_item_count)*h-(1*global_ui_context.layout.dropdown_item_count)); - s32 text_x = x + BUTTON_HORIZONTAL_TEXT_PADDING; - s32 text_y = y + (BUTTON_HEIGHT/2) - (global_ui_context.font_small->px_h / 2); - s32 total_w = DROPDOWN_ITEM_WIDTH - + BUTTON_HORIZONTAL_TEXT_PADDING + BUTTON_HORIZONTAL_TEXT_PADDING; - s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x; - s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y; - - color bg_color = global_ui_context.style.widget_background; - - if (mouse_x >= x && mouse_x < x + total_w && mouse_y > y && mouse_y < y + h) - { - global_ui_context.item_hovered = true; - - platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER); - if (is_left_clicked(global_ui_context.mouse)) - { - global_ui_context.layout.active_dropdown_state->selected_index = index; - result = true; - } - - bg_color = global_ui_context.style.widget_hover_background; - } - - - render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color); - render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border); - if (icon) - { - render_image(icon, x+(BUTTON_HORIZONTAL_TEXT_PADDING/2), - y + (h - (h-10))/2, h-10, h-10); - text_x += h-10; - } - render_text(global_ui_context.font_small, text_x+(BUTTON_HORIZONTAL_TEXT_PADDING/2)-5, text_y, title, global_ui_context.style.foreground); - - -#if 0 - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w + WIDGET_PADDING; - else - global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING; -#endif - set_render_depth(1); - - return result; -} - -bool ui_push_dropdown(dropdown_state *state, char *title) -{ - bool result = false; - - global_ui_context.layout.active_dropdown_state = state; - - u32 id = ui_get_id(); - global_ui_context.layout.dropdown_item_count = 0; - s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll(); - s32 text_x = x + BUTTON_HORIZONTAL_TEXT_PADDING; - s32 text_y = y + (BUTTON_HEIGHT/2) - (global_ui_context.font_small->px_h/2); - s32 total_w = DROPDOWN_WIDTH + BUTTON_HORIZONTAL_TEXT_PADDING + BUTTON_HORIZONTAL_TEXT_PADDING; - s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x; - s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y; - s32 h = BUTTON_HEIGHT; - - if (global_ui_context.layout.block_height < h) - global_ui_context.layout.block_height = h; - - color bg_color = global_ui_context.style.widget_background; - - if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= y && mouse_y < y + h && !global_ui_context.item_hovered) - { - global_ui_context.item_hovered = true; - platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER); - if (is_left_clicked(global_ui_context.mouse)) - { - state->state = !state->state; - } - - bg_color = global_ui_context.style.widget_hover_background; - } - else if (is_left_down(global_ui_context.mouse) && state->state) - { - state->state = false; - // render dropdown this frame so item can be selected - result = true; - } - - render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color); - render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border); - render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground); - - render_triangle(x+total_w - h, y+(h-(h-12))/2, h-12, h-12, global_ui_context.style.border); - global_ui_context.layout.dropdown_x = global_ui_context.layout.offset_x; - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w + WIDGET_PADDING; - else - global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING; - - return result || state->state; -} - -bool ui_push_menu(char *title) -{ - bool result = false; - - global_ui_context.layout.menu_offset_y = 0; - global_ui_context.menu_item_count = 0; - u32 id = ui_get_id(); - - s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x; - s32 w = calculate_text_width(global_ui_context.font_small, title) + - (MENU_HORIZONTAL_PADDING*2); - s32 text_h = global_ui_context.font_small->px_h; - s32 h = MENU_BAR_HEIGHT-1; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y+1; - s32 text_y = global_ui_context.layout.offset_y - (text_h / 2) + (h / 2) + global_ui_context.camera->y; - s32 text_x = x + MENU_HORIZONTAL_PADDING; - - s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x; - s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y; - - color bg_color = global_ui_context.style.menu_background; - - bool is_open = ui_is_menu_active(id); - result = is_open; - - if (mouse_x >= x && mouse_x < x + w && mouse_y >= y && mouse_y < y + h) - { - platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER); - if (is_left_clicked(global_ui_context.mouse)) - { - if (is_open) - array_remove_by(&global_ui_context.active_menus, &id); - else - array_push(&global_ui_context.active_menus, &id); - - result = !is_open; - is_open = result; - } - - bg_color = global_ui_context.style.menu_hover_background; - } - else if (is_left_down(global_ui_context.mouse)) - { - if (is_open) - array_remove_by(&global_ui_context.active_menus, &id); - is_open = false; - } - if (!global_ui_context.layout.active_window->has_focus && is_open) - { - array_remove_by(&global_ui_context.active_menus, &id); - is_open = false; - } - - render_rectangle(x, y, w, h, bg_color); - render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground); - - global_ui_context.layout.prev_offset_x = global_ui_context.layout.offset_x; - global_ui_context.layout.offset_x += w; - - return result; -} - -static void ui_set_active_textbox(textbox_state *state) -{ - if (global_ui_context.current_active_textbox && global_ui_context.current_active_textbox != state) - { - global_ui_context.current_active_textbox->state = false; - } - global_ui_context.current_active_textbox = state; -} - -void ui_set_textbox_active(textbox_state *textbox) -{ - ui_set_active_textbox(textbox); - keyboard_set_input_text(global_ui_context.keyboard, textbox->buffer); - textbox->state = true; - global_ui_context.mouse->left_state &= ~MOUSE_CLICK; - global_ui_context.keyboard->take_input = textbox->state; -} - -bool ui_push_textbox(textbox_state *state, char *placeholder) -{ - bool result = false; - static u64 cursor_tick = 0; - static u64 last_cursor_pos = -1; - - if (!global_ui_context.layout.active_window->has_focus) - state->state = false; - - s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll(); - s32 text_x = x + 5; - s32 text_y = y + (TEXTBOX_HEIGHT/2) - (global_ui_context.font_small->px_h/2); - s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x; - s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y; - - if (global_ui_context.layout.block_height < TEXTBOX_HEIGHT) - global_ui_context.layout.block_height = TEXTBOX_HEIGHT; - - bool has_text = state->buffer[0] != 0; - - if (!state->state) - { - render_rectangle(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, global_ui_context.style.textbox_background); - render_rectangle_outline(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, 1, global_ui_context.style.border); - } - else - { - cursor_tick++; - render_rectangle(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, global_ui_context.style.textbox_background); - render_rectangle_outline(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, 1, global_ui_context.style.textbox_active_border); - } - - s32 virt_top = y; - s32 virt_bottom = y + TEXTBOX_HEIGHT; - if (global_ui_context.layout.scroll->in_scroll) - { - s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height; - if (bottom < virt_bottom) - virt_bottom = bottom; - s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING; - if (top > virt_top) - virt_top = top; - } - - ///////////////////////////////////////////// - ///////////////////////////////////////////// - ///////////////////////////////////////////// - - bool is_selecting = false; - bool clicked_to_select = false; - bool double_clicked_to_select_first = false; - bool clicked_to_set_cursor = false; - if (mouse_x >= x && mouse_x < x + TEXTBOX_WIDTH && mouse_y >= virt_top && mouse_y < virt_bottom) - { - if (is_left_double_clicked(global_ui_context.mouse) && has_text) - { - ui_set_active_textbox(state); - - global_ui_context.keyboard->selection_begin_offset = 0; - global_ui_context.keyboard->selection_length = utf8len(global_ui_context.keyboard->input_text); - global_ui_context.keyboard->has_selection = true; - state->selection_start_index = 0; - - global_ui_context.mouse->left_state &= ~MOUSE_DOUBLE_CLICK; - global_ui_context.mouse->left_state &= ~MOUSE_CLICK; - - state->double_clicked_to_select = true; - double_clicked_to_select_first = true; - } - if (is_left_clicked(global_ui_context.mouse)) - { - ui_set_active_textbox(state); - - keyboard_set_input_text(global_ui_context.keyboard, state->buffer); - cursor_tick = 0; - - if (global_ui_context.keyboard->has_selection) - { - global_ui_context.keyboard->has_selection = false; - } - - clicked_to_set_cursor = true; - - state->state = true; - global_ui_context.mouse->left_state &= ~MOUSE_CLICK; - result = true; - - global_ui_context.keyboard->take_input = state->state; - } - } - else if (is_left_clicked(global_ui_context.mouse)) - { - if (state->state) - { - global_ui_context.keyboard->has_selection = false; - } - - state->state = false; - } - - if (is_left_released(global_ui_context.mouse)) - { - state->attempting_to_select = false; - } - - if (state->state && global_ui_context.keyboard->has_selection && is_left_down(global_ui_context.mouse)) - is_selecting = true; - - if (keyboard_is_key_pressed(global_ui_context.keyboard, KEY_ENTER) && state->deselect_on_enter) - { - global_ui_context.keyboard->has_selection = false; - state->state = false; - } - - // calculate scissor rectangle - if (global_ui_context.layout.scroll->in_scroll) - { - vec4 v = render_get_scissor(); - s32 scissor_x = v.x + WIDGET_PADDING + 5; - s32 scissor_y = global_ui_context.layout.scroll->scroll_start_offset_y; - s32 scissor_w = v.w; - s32 scissor_h = global_ui_context.layout.scroll->height - 2; - - render_set_scissor(global_ui_context.layout.active_window, scissor_x, - scissor_y, scissor_w, scissor_h); - } - else - { - s32 scissor_x = x - global_ui_context.camera->x+3; - s32 scissor_y = y - global_ui_context.camera->y; - s32 scissor_w = TEXTBOX_WIDTH - 5; - s32 scissor_h = TEXTBOX_HEIGHT; - - render_set_scissor(global_ui_context.layout.active_window, - scissor_x, scissor_y, scissor_w, scissor_h); - } - - s32 cursor_text_w; - s32 cursor_x = 0; - - //if (!global_ui_context.keyboard->has_selection) - //state->diff = 0; - - // select first character on click - if (clicked_to_set_cursor) - { - global_ui_context.keyboard->cursor = calculate_cursor_position(global_ui_context.font_small, - state->buffer, mouse_x + state->diff - text_x); - - state->last_click_cursor_index = global_ui_context.keyboard->cursor; - state->attempting_to_select = true; - - global_ui_context.keyboard->selection_begin_offset = global_ui_context.keyboard->cursor; - -#if 0 - global_ui_context.keyboard->has_selection = true; - global_ui_context.keyboard->selection_begin_offset = calculate_cursor_position(global_ui_context.font_small, - state->buffer, mouse_x + state->diff - text_x); - global_ui_context.keyboard->selection_length = 1; - state->selection_start_index = global_ui_context.keyboard->selection_begin_offset; -#endif - } - - if (state->state) - { - s32 len = utf8len(global_ui_context.keyboard->input_text); - s32 old_len = utf8len(state->buffer); - - // check if text changes, add to history if true - bool is_lctrl_down = global_ui_context.keyboard->keys[KEY_LEFT_CONTROL]; - - // go to previous state - if (is_lctrl_down && keyboard_is_key_pressed(global_ui_context.keyboard, KEY_Z) && state->history.length) - { - textbox_history_entry history_entry; - history_entry.text = mem_alloc(strlen(state->buffer)+1); - history_entry.cursor_offset = last_cursor_pos; - string_copyn(history_entry.text, state->buffer, MAX_INPUT_LENGTH); - array_push(&state->future, &history_entry); - - global_ui_context.keyboard->text_changed = true; - - textbox_history_entry *old_text = array_at(&state->history, state->history.length-1); - string_copyn(state->buffer, old_text->text, MAX_INPUT_LENGTH); - keyboard_set_input_text(global_ui_context.keyboard, state->buffer); - - mem_free(old_text->text); - array_remove_at(&state->history, state->history.length-1); - - global_ui_context.keyboard->cursor = old_text->cursor_offset; - } - else if (is_lctrl_down && - keyboard_is_key_pressed(global_ui_context.keyboard, KEY_Y) && state->future.length) - { - textbox_history_entry history_entry; - history_entry.text = mem_alloc(strlen(state->buffer)+1); - history_entry.cursor_offset = last_cursor_pos; - string_copyn(history_entry.text, state->buffer, MAX_INPUT_LENGTH); - array_push(&state->history, &history_entry); - - global_ui_context.keyboard->text_changed = true; - - textbox_history_entry *old_text = array_at(&state->future, state->future.length-1); - string_copyn(state->buffer, old_text->text, MAX_INPUT_LENGTH); - keyboard_set_input_text(global_ui_context.keyboard, state->buffer); - - mem_free(old_text->text); - array_remove_at(&state->future, state->future.length-1); - - global_ui_context.keyboard->cursor = old_text->cursor_offset; - } - else - { - if (global_ui_context.keyboard->text_changed) - { - if (last_cursor_pos != -1) - { - textbox_history_entry history_entry; - history_entry.text = mem_alloc(strlen(state->buffer)+1); - history_entry.cursor_offset = last_cursor_pos; - string_copyn(history_entry.text, state->buffer, MAX_INPUT_LENGTH); - array_push(&state->history, &history_entry); - } - } - - string_copyn(state->buffer, global_ui_context.keyboard->input_text, state->max_len); - if (global_ui_context.keyboard->cursor > state->max_len) - { - global_ui_context.keyboard->cursor = state->max_len; - utf8_str_replace_at(global_ui_context.keyboard->input_text,global_ui_context.keyboard->cursor, 0); - } - } - - // cursor ticking after text change - if (last_cursor_pos != global_ui_context.keyboard->cursor || global_ui_context.keyboard->text_changed) - cursor_tick = 0; - - // draw cursor - cursor_text_w = calculate_text_width_upto(global_ui_context.font_small, - state->buffer, global_ui_context.keyboard->cursor); - - s32 text_w = calculate_text_width(global_ui_context.font_small, state->buffer); - - cursor_x = text_x + cursor_text_w - state->diff; - - // change offset after cursor position change - if (!is_selecting && !global_ui_context.keyboard->has_selection) - { - if (cursor_text_w < state->diff) - { - state->diff = cursor_text_w; - } - if (cursor_text_w - state->diff > TEXTBOX_WIDTH - 10) - { - state->diff = (cursor_text_w) - (TEXTBOX_WIDTH - 10); - } - } - - // make sure offset is recalculated when text changes or a portion of text is changed so the textbox doesnt end up half empty -#if 1 - if (!clicked_to_select && !clicked_to_set_cursor && !is_selecting && !global_ui_context.keyboard->has_selection && global_ui_context.keyboard->text_changed) - { - if ((text_w > TEXTBOX_WIDTH -10) && (global_ui_context.keyboard->text_changed || global_ui_context.keyboard->cursor != last_cursor_pos)) - { - state->diff = text_w - TEXTBOX_WIDTH + 10; - } - else if ((text_w <= TEXTBOX_WIDTH -10)) - { - state->diff = 0; - } - } -#endif - } - - s32 curr_index = calculate_cursor_position(global_ui_context.font_small, - state->buffer, mouse_x + state->diff - text_x); - - ////////////////////////////////// - { - if (curr_index != state->last_click_cursor_index && state->attempting_to_select) - { - clicked_to_select = true; - state->attempting_to_select = false; - } - } - - - // select first character on click - if (clicked_to_select) - { -#if 1 - global_ui_context.keyboard->has_selection = true; - //global_ui_context.keyboard->selection_begin_offset = calculate_cursor_position(global_ui_context.font_small, - //state->buffer, mouse_x + state->diff - text_x); - global_ui_context.keyboard->selection_length = 0; - state->selection_start_index = global_ui_context.keyboard->selection_begin_offset; - - state->selection_start_index--; -#endif - } - - - if (is_selecting) - { - // move text offset x when selecting so we can select more text than available on screen. - if (global_ui_context.mouse->x < x + 10) - { - s32 text_w = calculate_text_width(global_ui_context.font_small, state->buffer); - if (text_w > TEXTBOX_WIDTH-10) - { - state->diff -= TEXTBOX_SCROLL_X_SPEED; - if (state->diff < 0) state->diff = 0; - } - } - if (global_ui_context.mouse->x > x + TEXTBOX_WIDTH - 10) - { - s32 text_w = calculate_text_width(global_ui_context.font_small, state->buffer); - s32 diff = text_w - TEXTBOX_WIDTH + 10; - - if (text_w > TEXTBOX_WIDTH-10) - { - state->diff += TEXTBOX_SCROLL_X_SPEED; - if (state->diff > diff) - state->diff = diff; - } - } - /////////////////////////////////////////////////////////// - } - - // change selection area based on cursor position. - // if double clicked to select the entire textbox we should only - // do this when the mouse has moved enough to select a new character -#if 1 - if (is_selecting) - { - s32 index = calculate_cursor_position(global_ui_context.font_small, - state->buffer, mouse_x + state->diff - text_x)+1; - - if (double_clicked_to_select_first) - state->double_clicked_to_select_cursor_index = index; - - if (!state->double_clicked_to_select || (state->double_clicked_to_select && index != state->double_clicked_to_select_cursor_index)) - { - if (index <= state->selection_start_index+1) - { - global_ui_context.keyboard->selection_begin_offset = index - 1; - global_ui_context.keyboard->selection_length = state->selection_start_index - index + 2; - } - else if (index > state->selection_start_index) - { - global_ui_context.keyboard->selection_begin_offset = state->selection_start_index+1; - global_ui_context.keyboard->selection_length = index - state->selection_start_index-2; - } - - state->double_clicked_to_select = false; - } - } - - // render cursor - if (state->state) - { - last_cursor_pos = global_ui_context.keyboard->cursor; - - s32 cursor_y = y + 4; - s32 cursor_h = TEXTBOX_HEIGHT - 8; - s32 cursor_w = 2; - - if (cursor_tick % 40 < 20 && !global_ui_context.keyboard->has_selection) - render_rectangle(cursor_x, cursor_y, cursor_w, cursor_h, global_ui_context.style.textbox_foreground); - } - - - // render selection area - if (global_ui_context.keyboard->has_selection && state->state) - { - char tmp_buffer[MAX_INPUT_LENGTH]; - utf8_str_copy_upto(state->buffer, - global_ui_context.keyboard->selection_begin_offset, - tmp_buffer); - - s32 selection_start_x = calculate_text_width(global_ui_context.font_small, - tmp_buffer); - - utf8_str_copy_upto( - utf8_str_upto( - state->buffer, - global_ui_context.keyboard->selection_begin_offset), - global_ui_context.keyboard->selection_length, - tmp_buffer); - - s32 selection_width = calculate_text_width(global_ui_context.font_small, - tmp_buffer); - - render_rectangle(text_x - state->diff + selection_start_x, y+4, selection_width, TEXTBOX_HEIGHT-8, global_ui_context.style.textbox_active_border); - } -#endif - - if (!has_text) - { - render_text(global_ui_context.font_small, text_x - state->diff, text_y, - placeholder, global_ui_context.style.textbox_placeholder_foreground); - } - else - { - render_text(global_ui_context.font_small, text_x - state->diff, text_y, - state->buffer, global_ui_context.style.foreground); - } - - ui_pop_scissor(); - - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += TEXTBOX_WIDTH + WIDGET_PADDING; - else - global_ui_context.layout.offset_y += TEXTBOX_HEIGHT + WIDGET_PADDING; - - return result || state->state; -} - -bool ui_push_hypertext_link(char *text) -{ - bool result = false; - - s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2; - s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() - spacing_y; - s32 text_x = x + WIDGET_PADDING; - s32 text_h = global_ui_context.font_small->px_h; - s32 text_y = y + (BLOCK_HEIGHT/2) - (global_ui_context.font_small->px_h/2) + spacing_y; - s32 total_w = calculate_text_width(global_ui_context.font_small, text) + - WIDGET_PADDING + WIDGET_PADDING; - s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x; - s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y; - - if (global_ui_context.layout.block_height < global_ui_context.font_small->px_h) - global_ui_context.layout.block_height = global_ui_context.font_small->px_h; - - color bg_color = global_ui_context.style.hypertext_foreground; - if (mouse_x >= text_x && mouse_x < text_x + total_w && mouse_y >= text_y && mouse_y < text_y+text_h && !global_ui_context.item_hovered) - { - if (is_left_clicked(global_ui_context.mouse)) - { - result = true; - } - bg_color = global_ui_context.style.hypertext_hover_foreground; - } - - s32 text_width = render_text(global_ui_context.font_small, text_x, text_y, text, bg_color); - - if (result) - render_rectangle(text_x, text_y + text_h-1, text_width, 1, bg_color); - - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w; - else - global_ui_context.layout.offset_y += CHECKBOX_SIZE + WIDGET_PADDING; - - return result; -} - -void ui_push_textf(font *f, char *text) -{ - s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2; - s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() - spacing_y; - s32 text_x = x + WIDGET_PADDING; - s32 text_y = y + (BLOCK_HEIGHT/2) - (f->px_h/2) + spacing_y; - s32 total_w = calculate_text_width(f, text) + - WIDGET_PADDING + WIDGET_PADDING; - - if (global_ui_context.layout.block_height < f->px_h) - global_ui_context.layout.block_height = f->px_h+5; - - render_text(f, text_x, text_y, text, global_ui_context.style.foreground); - - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w; - else - global_ui_context.layout.offset_y += CHECKBOX_SIZE + WIDGET_PADDING; -} - - -void ui_push_textf_width(font *f, char *text, s32 maxw) -{ - s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2; - s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() - spacing_y; - s32 text_x = x + WIDGET_PADDING; - s32 text_y = y + (BLOCK_HEIGHT/2) - (f->px_h/2) + spacing_y; - s32 total_w = maxw + - WIDGET_PADDING + WIDGET_PADDING; - maxw -= (WIDGET_PADDING*2); - if (global_ui_context.layout.block_height < f->px_h) - global_ui_context.layout.block_height = f->px_h+5; - - render_text_ellipsed(f, text_x, text_y, maxw, text, global_ui_context.style.foreground); - - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w; - else - global_ui_context.layout.offset_y += CHECKBOX_SIZE + WIDGET_PADDING; -} - - -void ui_push_text(char *text) -{ - s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2; - s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() - spacing_y; - s32 text_x = x + WIDGET_PADDING; - s32 text_y = y + (BLOCK_HEIGHT/2) - (global_ui_context.font_small->px_h/2) + spacing_y; - s32 total_w = calculate_text_width(global_ui_context.font_small, text) + - WIDGET_PADDING + WIDGET_PADDING; - - if (global_ui_context.layout.block_height < global_ui_context.font_small->px_h) - global_ui_context.layout.block_height = global_ui_context.font_small->px_h+5; - - render_text(global_ui_context.font_small, text_x, text_y, text, global_ui_context.style.foreground); - - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w; - else - global_ui_context.layout.offset_y += CHECKBOX_SIZE + WIDGET_PADDING; -} - -void ui_push_rect(s32 w, color c) -{ - s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2; - s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll(); - s32 total_w = w + - WIDGET_PADDING + WIDGET_PADDING; - s32 h = BUTTON_HEIGHT; - - if (global_ui_context.layout.block_height < h) - global_ui_context.layout.block_height = h; - - { - render_rectangle(x+WIDGET_PADDING,y,w,h,c); - } - - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w; - else - global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING; -} - -bool ui_push_text_width(char *text, s32 maxw, bool active) -{ - bool result = false; - - s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2; - s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() - spacing_y; - s32 text_x = x + WIDGET_PADDING; - s32 h = BUTTON_HEIGHT; - s32 text_y = y + (BLOCK_HEIGHT/2) - (global_ui_context.font_small->px_h/2) + spacing_y; - s32 total_w = maxw + - WIDGET_PADDING + WIDGET_PADDING; - s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x; - s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y; - s32 virt_top = y; - s32 virt_bottom = y + h; - - if (global_ui_context.layout.block_height < global_ui_context.font_small->px_h) - global_ui_context.layout.block_height = global_ui_context.font_small->px_h+5; - maxw -= (WIDGET_PADDING*2); - if (active) - { - bool hovered = false; - if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered) - { - hovered = true; - platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER); - if (is_left_clicked(global_ui_context.mouse)) - { - result = true; - } - } - - if (hovered) - { - render_rectangle_outline(x-1,y+spacing_y,total_w, h, 1, global_ui_context.style.textbox_active_border); - } - } - - render_text_ellipsed(global_ui_context.font_small, text_x, text_y, maxw, text, global_ui_context.style.foreground); - - - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w; - else - global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING; - - return result; -} - -bool ui_push_checkbox(checkbox_state *state, char *title) -{ - bool result = false; - - s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2; - s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() - spacing_y; - s32 text_x = x + CHECKBOX_SIZE + WIDGET_PADDING; - s32 text_y = y + (BLOCK_HEIGHT/2) - (global_ui_context.font_small->px_h/2) + spacing_y; - s32 total_w = calculate_text_width(global_ui_context.font_small, title) + - CHECKBOX_SIZE + WIDGET_PADDING + WIDGET_PADDING; - s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x; - s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y; - - if (global_ui_context.layout.block_height < CHECKBOX_SIZE) - global_ui_context.layout.block_height = CHECKBOX_SIZE; - - render_rectangle_outline(x, y, CHECKBOX_SIZE, CHECKBOX_SIZE, 1, global_ui_context.style.border); - - s32 virt_top = y; - s32 virt_bottom = y + CHECKBOX_SIZE; - if (global_ui_context.layout.scroll->in_scroll) - { - s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height; - if (bottom < virt_bottom) - virt_bottom = bottom; - s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING; - if (top > virt_top) - virt_top = top; - } - - if (mouse_x >= x && mouse_x < x + CHECKBOX_SIZE && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered) - { - platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER); - if (is_left_clicked(global_ui_context.mouse)) - { - state->state = !state->state; - result = true; - } - } - - if (state->state) - { - s32 spacing = 2; - render_rectangle(x+spacing, y+spacing, CHECKBOX_SIZE-(spacing*2), CHECKBOX_SIZE-(spacing*2), global_ui_context.style.border); - } - - render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground); - - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w; - else - global_ui_context.layout.offset_y += CHECKBOX_SIZE + WIDGET_PADDING; - - return result; -} - -inline bool is_shortcut_down(s32 shortcut_keys[2]) -{ - return keyboard_is_key_down(global_ui_context.keyboard, shortcut_keys[0]) && - keyboard_is_key_pressed(global_ui_context.keyboard, shortcut_keys[1]); -} - -bool ui_push_menu_item(char *title, char *shortcut) -{ - bool result = false; - - set_render_depth(30); - - global_ui_context.menu_item_count++; - - s32 x = global_ui_context.layout.prev_offset_x + global_ui_context.camera->x; - s32 w = MENU_ITEM_WIDTH; - s32 text_h = global_ui_context.font_small->px_h; - s32 h = MENU_BAR_HEIGHT; - s32 y = global_ui_context.layout.offset_y + (global_ui_context.menu_item_count * h)+1 + - global_ui_context.layout.menu_offset_y + global_ui_context.camera->y; - s32 text_y = y - (text_h / 2) + (h / 2); - s32 text_x = x + MENU_HORIZONTAL_PADDING; - s32 text_2_x = x + w - MENU_HORIZONTAL_PADDING - - calculate_text_width(global_ui_context.font_small, shortcut); - - s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x; - s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y; - - if (global_ui_context.layout.block_height < h) - global_ui_context.layout.block_height = h; - - color bg_color = global_ui_context.style.menu_background; - - if ((mouse_x >= x && mouse_x < x + w && mouse_y >= y && mouse_y < y + h)) - { - platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER); - bg_color = global_ui_context.style.menu_hover_background; - global_ui_context.item_hovered = true; - - if (is_left_clicked(global_ui_context.mouse)) - { - global_ui_context.mouse->left_state &= ~MOUSE_CLICK; - result = true; - } - } - - render_rectangle(x, y, w, h, bg_color); - render_rectangle(x, y+MENU_BAR_HEIGHT, w, 1, global_ui_context.style.border); - - // borders - render_rectangle(x, y, w, 1, bg_color); - render_rectangle(x, y, 1, MENU_BAR_HEIGHT, global_ui_context.style.border); - render_rectangle(x+w, y, 1, MENU_BAR_HEIGHT+1, global_ui_context.style.border); - - render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground); - render_text(global_ui_context.font_small, text_2_x, text_y, shortcut, global_ui_context.style.foreground); - - set_render_depth(1); - - return result; -} - -bool ui_push_image(image *img, s32 w, s32 h, s32 outline, color tint) -{ - bool result = false; - - if (!img->loaded) return result; - - s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll(); - s32 total_w = w; - s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x; - s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y; - - if (global_ui_context.layout.block_height < h) - global_ui_context.layout.block_height = h; - - s32 virt_top = y; - s32 virt_bottom = y + h; - if (global_ui_context.layout.scroll->in_scroll) - { - s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height; - if (bottom < virt_bottom) - virt_bottom = bottom; - s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING; - if (top > virt_top) - virt_top = top; - } - - if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered) - { - platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER); - - if (is_left_clicked(global_ui_context.mouse)) - { - global_ui_context.mouse->left_state &= ~MOUSE_CLICK; - } - if (is_left_released(global_ui_context.mouse)) - { - result = true; - } - } - - render_image_tint(img,x,y,w,h,global_ui_context.style.image_outline_tint); - render_image_tint(img,x+outline,y+outline,w-(outline*2),h-(outline*2),tint); - - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w + WIDGET_PADDING; - else - global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING; - - return result; -} - -bool ui_push_button(button_state *state, char *title) -{ - bool result = false; - - s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll(); - s32 text_x = x + BUTTON_HORIZONTAL_TEXT_PADDING; - s32 text_y = y + (BUTTON_HEIGHT/2) - (global_ui_context.font_small->px_h/2); - s32 total_w = calculate_text_width(global_ui_context.font_small, title) + - BUTTON_HORIZONTAL_TEXT_PADDING + BUTTON_HORIZONTAL_TEXT_PADDING; - s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x; - s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y; - s32 h = BUTTON_HEIGHT; - - if (global_ui_context.layout.block_height < h) - global_ui_context.layout.block_height = h; - - color bg_color = global_ui_context.style.widget_background; - - s32 virt_top = y; - s32 virt_bottom = y + h; - if (global_ui_context.layout.scroll->in_scroll) - { - s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height; - if (bottom < virt_bottom) - virt_bottom = bottom; - s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING; - if (top > virt_top) - virt_top = top; - } - - if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered) - { - platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER); - bg_color = global_ui_context.style.widget_hover_background; - - if (is_left_clicked(global_ui_context.mouse)) - { - global_ui_context.mouse->left_state &= ~MOUSE_CLICK; - state->state = 1; - } - if (is_left_released(global_ui_context.mouse) && state->state) - { - state->state = 0; - result = true; - } - } - if (is_left_released(global_ui_context.mouse)) - { - //state->state = 0; - } - - render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color); - render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border); - render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground); - - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w + WIDGET_PADDING; - else - global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING; - - return result; -} - - -bool ui_push_button_image(button_state *state, char *title, image *img) -{ - bool result = false; - - s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll(); - s32 text_x = x + BUTTON_HORIZONTAL_TEXT_PADDING; - s32 text_y = y + (BUTTON_HEIGHT/2) - (global_ui_context.font_small->px_h/2); - s32 text_w = calculate_text_width(global_ui_context.font_small, title); - s32 total_w = text_w + BUTTON_HORIZONTAL_TEXT_PADDING; - s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x; - s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y; - s32 h = BUTTON_HEIGHT; - - if (title[0] == 0) - { - total_w = 0; - } - - color bg_color = global_ui_context.style.widget_background; - - if (global_ui_context.layout.block_height < h) - global_ui_context.layout.block_height = h; - - int icon_w = 1; - int icon_h = 1; - if (img->loaded) - { - float max_icon_size = BUTTON_HEIGHT - (BUTTON_IMAGE_PADDING*2); - float scale = 1.0f; - if (img->width >= img->height) - { - scale = img->width / max_icon_size; - - icon_w = img->width / scale; - icon_h = icon_w; - } - else if (img->height >= img->width) - { - scale = img->height / max_icon_size; - - icon_h = img->height / scale; - icon_w = icon_h; - } - - total_w += icon_w + (BUTTON_IMAGE_SPACING*2); - } - - s32 virt_top = y; - s32 virt_bottom = y + h; - if (global_ui_context.layout.scroll->in_scroll) - { - s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height; - if (bottom < virt_bottom) - virt_bottom = bottom; - s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING; - if (top > virt_top) - virt_top = top; - } - - if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered) - { - platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER); - bg_color = global_ui_context.style.widget_hover_background; - - if (is_left_clicked(global_ui_context.mouse)) - { - global_ui_context.mouse->left_state &= ~MOUSE_CLICK; - state->state = 1; - } - if (is_left_released(global_ui_context.mouse) && state->state) - { - state->state = 0; - result = true; - } - } - if (is_left_released(global_ui_context.mouse)) - { - state->state = 0; - } - - render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color); - render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border); - render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground); - render_image(img, x + total_w - icon_w - BUTTON_IMAGE_SPACING, y + BUTTON_IMAGE_PADDING, img->width, img->height); - - if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL) - global_ui_context.layout.offset_x += total_w + WIDGET_PADDING; - else - global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING; - - return result; -} - -inline void ui_end_menu_bar() -{ - global_ui_context.layout.layout_direction = LAYOUT_VERTICAL; - global_ui_context.layout.offset_x = 0; - global_ui_context.layout.offset_y += MENU_BAR_HEIGHT; - - ui_push_separator(); -} - -inline void ui_destroy() -{ - array_destroy(&global_ui_context.active_menus); -} - -void ui_scroll_begin(scroll_state *state) -{ - global_ui_context.layout.scroll = state; - global_ui_context.layout.scroll->in_scroll = true; - //global_ui_context.layout.scroll->height = height; - - s32 w = global_ui_context.layout.width; - s32 h = state->height; - s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x; - s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y - WIDGET_PADDING; - - //global_ui_context.layout.offset_x += WIDGET_PADDING; - global_ui_context.layout.start_offset_x = global_ui_context.layout.offset_x; - //global_ui_context.layout.offset_y += WIDGET_PADDING; - global_ui_context.layout.scroll->scroll_start_offset_y = global_ui_context.layout.offset_y; - - //render_rectangle_outline(x, y, w, h, 1, global_ui_context.style.border); - render_set_scissor(global_ui_context.layout.active_window, x, y, w, h); -} - -void ui_scroll_end() -{ - s32 max_scroll = (global_ui_context.layout.scroll->scroll_start_offset_y - - global_ui_context.layout.offset_y) + global_ui_context.layout.scroll->height; - - //global_ui_context.layout.offset_x -= WIDGET_PADDING; - global_ui_context.layout.offset_y = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height; - global_ui_context.layout.offset_y += WIDGET_PADDING; - - // draw scrollbar - if (max_scroll < 0) - { - s32 scroll_y = 0; - if (global_ui_context.mouse->scroll_state == SCROLL_UP) - scroll_y+=SCROLL_SPEED; - if (global_ui_context.mouse->scroll_state == SCROLL_DOWN) - scroll_y-=SCROLL_SPEED; - global_ui_context.layout.scroll->scroll += scroll_y; - if (global_ui_context.layout.scroll->scroll > 0) - global_ui_context.layout.scroll->scroll = 0; - if (global_ui_context.layout.scroll->scroll < max_scroll) - global_ui_context.layout.scroll->scroll = max_scroll; - - float percentage = global_ui_context.layout.scroll->scroll / - (float)max_scroll; - - float scrollbar_height_percentage = -(max_scroll - global_ui_context.layout.scroll->height) / (float)global_ui_context.layout.scroll->height; - - s32 scrollbar_height = global_ui_context.layout.scroll->height / scrollbar_height_percentage; - s32 scrollbar_pos_y = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING; - - s32 tw = global_ui_context.layout.width - WIDGET_PADDING*2; - s32 tx = global_ui_context.layout.offset_x + global_ui_context.camera->x + WIDGET_PADDING; - - s32 scrollbar_pos_x = tx + tw + WIDGET_PADDING - 10; - - scrollbar_pos_y += (global_ui_context.layout.scroll->height - - scrollbar_height + WIDGET_PADDING - 2) * percentage; - - render_reset_scissor(); - render_rectangle(scrollbar_pos_x, scrollbar_pos_y, 10, scrollbar_height, global_ui_context.style.scrollbar_handle_background); - } - render_reset_scissor(); - global_ui_context.layout.scroll->in_scroll = false; -} |