module ugui; import std::io; import std::math; const short SCROLLBAR_DIM = 5; // div element struct ElemDiv { Layout layout; struct scroll_x { bool enabled; bool on; float value; } struct scroll_y { bool enabled; bool on; float value; } int z_index; Rect children_bounds; // current frame children bounds Rect pcb; // previous frame children bounds Point origin_r, origin_c; } // begin a widget container, or div, the size determines the offset (x,y) width and height. // if the width or height are zero the width or height are set to the maximum available. // if the width or height are negative the width or height will be calculated based on the children size // sort similar to a flexbox, and the minimum size is set by the negative of the width or height // FIXME: there is a bug if the size.w or size.h == -0 fn void? Ctx.div_begin(&ctx, String label, Rect size, bool scroll_x = false, bool scroll_y = false) { Id id = ctx.gen_id(label)!; Elem* parent = ctx.get_parent()!; Elem* elem = ctx.get_elem(id)!; isz div_node = ctx.tree.add(id, ctx.active_div)!; ctx.active_div = div_node; bool is_new = elem.flags.is_new; if (elem.flags.is_new) { elem.type = ETYPE_DIV; } else if (elem.type != ETYPE_DIV) { return WRONG_ELEMENT_TYPE?; } elem.div.scroll_x.enabled = scroll_x; elem.div.scroll_y.enabled = scroll_y; elem.div.z_index = parent.div.z_index + 1; // 2. layout the element Rect wanted_size = { .x = size.x, .y = size.y, .w = size.w < 0 ? max(elem.div.pcb.w, (short)-size.w) : size.w, .h = size.h < 0 ? max(elem.div.pcb.h, (short)-size.h) : size.h, }; elem.bounds = ctx.position_element(parent, wanted_size); elem.div.children_bounds = {}; // update the ctx scissor ctx.div_scissor = elem.bounds; ctx.push_scissor(elem.bounds, elem.div.z_index)!; // 4. Fill the div fields elem.div.origin_c = { .x = elem.bounds.x, .y = elem.bounds.y }; elem.div.origin_r = elem.div.origin_c; elem.div.layout = parent.div.layout; // Add the background to the draw stack bool do_border = parent.div.layout == LAYOUT_FLOATING; ctx.push_rect(elem.bounds, ctx.style.bgcolor, elem.div.z_index, do_border: do_border)!; elem.events = ctx.get_elem_events(elem); // TODO: check active // TODO: check resizeable } fn void? Ctx.div_end(&ctx) { // swap the children bounds Elem* parent = ctx.get_parent()!; Elem* elem = ctx.get_elem_by_tree_idx(ctx.active_div)!; elem.div.pcb = elem.div.children_bounds; // FIXME: this causes all elements inside the div to loose focus since the mouse press happens // both inside the element and inside the div bounds //elem.events = ctx.get_elem_events(elem); Rect cb = elem.div.pcb; // children bounds bottom-right corner Point cbc = { .x = cb.x + cb.w, .y = cb.y + cb.h, }; // div bounds bottom-right corner Point bc = { .x = elem.bounds.x + elem.bounds.w, .y = elem.bounds.y + elem.bounds.h, }; // set the scrollbar flag, is used in layout // horizontal overflow elem.div.scroll_x.on = cbc.x > bc.x && elem.div.scroll_x.enabled; // vertical overflow elem.div.scroll_y.on = cbc.y > bc.y && elem.div.scroll_y.enabled; Id hsid = ctx.gen_id("div_scrollbar_horizontal")!; Id vsid = ctx.gen_id("div_scrollbar_vertical")!; short wdim = elem.div.scroll_y.on ? (ctx.focus_id == vsid || ctx.is_hovered(ctx.find_elem(vsid)) ? SCROLLBAR_DIM*3 : SCROLLBAR_DIM) : 0; short hdim = elem.div.scroll_x.on ? (ctx.focus_id == hsid || ctx.is_hovered(ctx.find_elem(hsid)) ? SCROLLBAR_DIM*3 : SCROLLBAR_DIM) : 0; if (elem.div.scroll_y.on) { if (ctx.input.events.mouse_scroll && ctx.hover_id == elem.id) { elem.div.scroll_y.value += ctx.input.mouse.scroll.y * 0.07f; elem.div.scroll_y.value = math::clamp(elem.div.scroll_y.value, 0.0f, 1.0f); } Rect vslider = { .x = elem.bounds.x + elem.bounds.w - wdim, .y = elem.bounds.y, .w = wdim, .h = elem.bounds.h - hdim, }; Layout prev_l = elem.div.layout; elem.div.layout = LAYOUT_ABSOLUTE; ctx.slider_ver("div_scrollbar_vertical", vslider, &elem.div.scroll_y.value, max((float)bc.y / cbc.y, (float)0.15))!; elem.div.layout = prev_l; } if (elem.div.scroll_x.on) { if (ctx.input.events.mouse_scroll && ctx.hover_id == elem.id) { elem.div.scroll_x.value += ctx.input.mouse.scroll.x * 0.07f; elem.div.scroll_x.value = math::clamp(elem.div.scroll_x.value, 0.0f, 1.0f); } Rect hslider = { .x = elem.bounds.x, .y = elem.bounds.y + elem.bounds.h - hdim, .w = elem.bounds.w - wdim, .h = hdim, }; Layout prev_l = elem.div.layout; elem.div.layout = LAYOUT_ABSOLUTE; ctx.slider_hor("div_scrollbar_horizontal", hslider, &elem.div.scroll_x.value, max((float)bc.x / cbc.x, (float)0.15))!; elem.div.layout = prev_l; } // the active_div returns to the parent of the current one ctx.active_div = ctx.tree.parentof(ctx.active_div)!; }