Dropdown element

program.odin

@@ -3,8 +3,6 @@ package main
 import rl "libraries/raylib"
 import fixed_pool "libraries/pool"
 import "base:runtime"
-import "core:math"
-import "core:math/linalg"
 import "core:fmt"
 
 WINDOW_WIDTH :: 1280
@@ -25,6 +23,7 @@ FontStyle :: struct {
 Program :: struct {
 	ui_state: UiState,
 	matrix_field_pool: FieldPool(f32),
+	matrix_mode: MatrixType,
 	grid: Grid,
 	font_style: FontStyle,
 }
@@ -99,11 +98,9 @@ draw_text_aligned :: proc(text: cstring, position: v2, style: FontStyle, halign:
 	draw_text(text, position, style, color)
 }
 
-field_pool_add_mat2 :: proc(pool: ^FieldPool(f32), m: mat2) {
-	values, _ := field_pool_get(pool, 4)
-	m := m
-	floats := cast([^]f32)&m[0, 0]
-	#unroll for i in 0..<4 {values[i] = floats[i]}
+UiButton_AddMat2CallbackData :: struct {
+	program: ^Program,
+	mat: mat2,
 }
 
 program_add_mat2 :: proc(data: rawptr) {
@@ -111,9 +108,45 @@ program_add_mat2 :: proc(data: rawptr) {
 	field_pool_add_mat2(&data.program.matrix_field_pool, data.mat)
 }
 
-UiButton_AddMat2CallbackData :: struct {
+field_pool_add_mat2 :: proc(pool: ^FieldPool(f32), m: mat2) {
+	values, _ := field_pool_get(pool, 4)
+	m := m
+	floats := cast([^]f32)&m[0, 0]
+	#unroll for i in 0..<4 {values[i] = floats[i]}
+}
+
+UiButton_AddMat3CallbackData :: struct {
 	program: ^Program,
-	mat: mat2,
+	mat: mat3,
+}
+
+program_add_mat3 :: proc(data: rawptr) {
+	data := cast(^UiButton_AddMat3CallbackData)data
+	field_pool_add_mat3(&data.program.matrix_field_pool, data.mat)
+}
+
+field_pool_add_mat3 :: proc(pool: ^FieldPool(f32), m: mat3) {
+	values, _ := field_pool_get(pool, 9)
+	m := m
+	floats := cast([^]f32)&m[0, 0]
+	#unroll for i in 0..<9 {values[i] = floats[i]}
+}
+
+UiButton_AddMat4CallbackData :: struct {
+	program: ^Program,
+	mat: mat4,
+}
+
+program_add_mat4 :: proc(data: rawptr) {
+	data := cast(^UiButton_AddMat3CallbackData)data
+	field_pool_add_mat3(&data.program.matrix_field_pool, data.mat)
+}
+
+field_pool_add_mat4 :: proc(pool: ^FieldPool(f32), m: mat4) {
+	values, _ := field_pool_get(pool, 16)
+	m := m
+	floats := cast([^]f32)&m[0, 0]
+	#unroll for i in 0..<16 {values[i] = floats[i]}
 }
 
 measure_text :: proc(text: cstring, style: FontStyle) -> v2 {
@@ -161,16 +194,13 @@ init :: proc() {
 }
 
 update :: proc() {
-	if rl.IsMouseButtonPressed(.LEFT) {
-		ui_element_focus_reset(&program.ui_state)
-	}
-
 	matrix_add_button_callback_data := UiButton_AddMat2CallbackData {
 		program = &program,
 		mat = mat2{0, 1, 2, 3},
 	}
 
 	ui_button_size_top_bar := v2{32.0, 32.0}
+	ui_dropdown_size_top_bar := v2{96.0, 32.0}
 	ui_start(&program.ui_state)
 		ui_container_begin({label = ""})
 			ui_button(ui_button_size_top_bar, {label = "#10#", callback = program_add_mat2, callback_data = cast(rawptr)&matrix_add_button_callback_data})
@@ -178,22 +208,22 @@ update :: proc() {
 			ui_button(ui_button_size_top_bar, {label = "#11#"})
 			ui_same_line()
 			ui_button(ui_button_size_top_bar, {label = "#12#"})
+			ui_same_line()
+			matrix_options := enum_to_raygui_options_string(MatrixType, context.temp_allocator)
+			matrix_mode_ref := cast(^i32)&program.matrix_mode
+			ui_dropdown(ui_dropdown_size_top_bar, {label = matrix_options, active = matrix_mode_ref})
 		ui_container_end()
 		ui_container_begin({label = "Matrices"})
 		field_pool := &program.matrix_field_pool
 		if fixed_pool.usage(field_pool.values) == 0 {
 			ui_text({text = "Add matrices", color = rl.WHITE})
 		} else {
-			fields := field_pool_get_allocated_elems(field_pool)
-			matrix_count := len(fields) / 4
-			matrix_field_input_size := v2{48.0, 32.0}
+			inputs := fixed_pool.get_allocated_elements(program.matrix_field_pool.inputs)
+			matrix_count := len(inputs) / 4
+			field_size := v2{48.0, 32.0}
 			for i in 0..<matrix_count {
-				ui_input(matrix_field_input_size, {label = "", min = 0, max = 1000, input = fields[i * 4 + 0].input[:]})
-				ui_same_line()
-				ui_input(matrix_field_input_size, {label = "", min = 0, max = 1000, input = fields[i * 4 + 1].input[:]})
-				ui_input(matrix_field_input_size, {label = "", min = 0, max = 1000, input = fields[i * 4 + 2].input[:]})
-				ui_same_line()
-				ui_input(matrix_field_input_size, {label = "", min = 0, max = 1000, input = fields[i * 4 + 3].input[:]})
+				inputs_slice: [][]byte = {inputs[i * 4 + 0][:], inputs[i * 4 + 1][:], inputs[i * 4 + 2][:], inputs[i * 4 + 3][:]}
+				ui_mat2(field_size, inputs_slice, 0, 1000)
 			}
 		}
 		ui_container_end()
@@ -228,6 +258,16 @@ update :: proc() {
 			data := element.data.(UiElementData_Text)
 			style := program.ui_state.style
 			draw_text(data.text, rect_get_tl(element.area), style.font_style, data.color)
+		case .DropDown:
+			data := element.data.(UiElementData_DropDown)
+			edit_mode := ui_element_is_editing(program.ui_state, element.id)
+			if rl.GuiDropdownBox(element.area, data.label, data.active, edit_mode) {
+				if edit_mode {
+					ui_element_focus_reset(&program.ui_state)
+				} else {
+					ui_element_focus(&program.ui_state, element.id)
+				}
+			}
 		}
 	}