((STDHEX&0x0000ff00) ) |\
((STDHEX&0x00ff0000)>>16)
+#define UI_TEXTBOX_MULTILINE 0x1
+#define UI_TEXTBOX_WRAP 0x2
+#define UI_TEXTBOX_AUTOFOCUS 0x4
+#define UI_MOUSE_LEFT (SDL_BUTTON(SDL_BUTTON_LEFT))
+#define UI_MOUSE_RIGHT (SDL_BUTTON(SDL_BUTTON_RIGHT))
+#define UI_MOUSE_MIDDLE (SDL_BUTTON(SDL_BUTTON_MIDDLE))
+
struct{
struct ui_vert *vertex_buffer;
u16 *indice_buffer;
k_ui_control_textbox,
}
focused_control_type;
- int cursor_user, cursor_pos, string_length;
- u32 textbuf_len;
+
+ struct ui_textbuf{
+ int cursor_user, cursor_pos;
+ u32 len;
+ u32 flags;
+ }
+ textbox;
+
+ void (*textbuf_on_enter) ( char *buf, u32 len );
+ void (*textbuf_on_up) ( char *buf, u32 len );
+ void (*textbuf_on_down) ( char *buf, u32 len );
+ void (*textbuf_on_change)( char *buf, u32 len );
GLuint tex_glyphs, vao, vbo, ebo;
ui_px mouse[2], mouse_click[2];
u32 mouse_state[2];
u32 ignore_input_frames;
+ int wants_mouse;
ui_rect click_fader, click_fader_end;
float click_fade_opacity;
glBufferSubData( GL_ELEMENT_ARRAY_BUFFER, indice_offset, indice_size,
vg_ui.indice_buffer+vg_ui.indice_start );
+ glDisable( GL_DEPTH_TEST );
glEnable( GL_BLEND );
glBlendFunc( GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA );
glBlendEquation( GL_FUNC_ADD );
{
int length = 0;
const char *_c = str;
- char c;
+ u8 c;
while( (c = *(_c ++)) ){
- if( c >= 32 && c <= 126 )
- length ++;
- else if( c == '\n' )
- break;
+ if( c >= 32 ) length ++;
+ else if( c == '\n' ) break;
}
return length * 8;
{
int height = 1;
const char *_c = str;
- char c;
+ u8 c;
while( (c = *(_c ++)) ){
if( c == '\n' ) height ++;
return 0;
}
-static int ui_click_down(void)
+static int ui_click_down( u32 mask )
{
if( vg_ui.ignore_input_frames ) return 0;
-
- if( (vg_ui.mouse_state[0] & SDL_BUTTON(SDL_BUTTON_LEFT)) &&
- !(vg_ui.mouse_state[1] & SDL_BUTTON(SDL_BUTTON_LEFT)) )
+ if( (vg_ui.mouse_state[0] & mask) &&
+ !(vg_ui.mouse_state[1] & mask) )
return 1;
else
return 0;
}
-static int ui_clicking(void)
+static int ui_clicking( u32 mask )
{
if( vg_ui.ignore_input_frames ) return 0;
- return vg_ui.mouse_state[0] & SDL_BUTTON(SDL_BUTTON_LEFT);
+ return vg_ui.mouse_state[0] & mask;
}
-static int ui_click_up(void)
+static int ui_click_up( u32 mask )
{
if( vg_ui.ignore_input_frames ) return 0;
- if( (vg_ui.mouse_state[1] & SDL_BUTTON(SDL_BUTTON_LEFT)) &&
- !(vg_ui.mouse_state[0] & SDL_BUTTON(SDL_BUTTON_LEFT)) )
+ if( (vg_ui.mouse_state[1] & mask) &&
+ !(vg_ui.mouse_state[0] & mask) )
return 1;
else
return 0;
vg_ui.indice_start = 0;
vg_ui.focused_control_hit = 0;
vg_ui.cursor = k_ui_cursor_default;
+ vg_ui.wants_mouse = 0;
if( vg_ui.ignore_input_frames ){
vg_ui.ignore_input_frames --;
return;
}
- if( ui_click_down() ){
+ if( ui_click_down(UI_MOUSE_LEFT)||ui_click_down(UI_MOUSE_MIDDLE) ){
vg_ui.mouse_click[0] = vg_ui.mouse[0];
vg_ui.mouse_click[1] = vg_ui.mouse[1];
}
else return ui_colour( k_ui_fg+1 );
}
-static void ui_text( ui_rect rect, const char *str, ui_px scale,
+static u32 ui_ntext( ui_rect rect, const char *str, u32 len, ui_px scale,
enum ui_align align, u32 colour )
{
ui_rect text_cursor;
text_cursor[2] = 8*scale;
text_cursor[3] = 14*scale;
+ u32 printed_chars = 0;
+
if( align & (k_ui_align_middle|k_ui_align_bottom) ){
ui_px height = ui_text_string_height( str ) * scale;
}
while( (c = *(_c ++)) ){
+ if( printed_chars >= len ){
+ printed_chars = 0;
+ text_cursor[1] += 14*scale;
+ text_cursor[0] = ui_text_aligned_x( _c, rect, scale, align );
+ text_cursor[0] -= UI_GLYPH_SPACING_X*scale;
+
+ u8 glyph_base[2];
+ u8 glyph_index = '\x90';
+ glyph_base[0] = glyph_index & 0xf;
+ glyph_base[1] = (glyph_index-glyph_base[0])>>4;
+ glyph_base[0] *= 8;
+ glyph_base[1] *= 8;
+
+ ui_fill_rect( text_cursor, 0x00ffffff, (ui_px[4])
+ {
+ glyph_base[0]+2,
+ glyph_base[1]+1,
+ glyph_base[0]+6,
+ glyph_base[1]+8
+ });
+
+ text_cursor[0] += UI_GLYPH_SPACING_X*scale;
+ }
+
if( c == '\n' ){
text_cursor[1] += 14*scale;
text_cursor[0] = ui_text_aligned_x( _c, rect, scale, align );
+ printed_chars = 0;
continue;
}
else if( c >= 33 ){
u8 glyph_index = c;
glyph_base[0] = glyph_index & 0xf;
glyph_base[1] = (glyph_index-glyph_base[0])>>4;
-
glyph_base[0] *= 8;
glyph_base[1] *= 8;
case '3'|'4'<<8: colour = ui_colour( k_ui_blue ); break;
case '3'|'5'<<8: colour = ui_colour( k_ui_purple ); break;
case '3'|'6'<<8: colour = ui_colour( k_ui_aqua ); break;
- case '3'|'7'<<8: colour = ui_colour( 0xffffffff ); break;
+ case '3'|'7'<<8: colour = 0xffffffff; break;
}
colour &= 0x00ffffff;
}
else if( c == '\t' ){
text_cursor[0] += UI_GLYPH_SPACING_X*scale*4;
+ printed_chars += 4;
continue;
}
text_cursor[0] += UI_GLYPH_SPACING_X*scale;
+ printed_chars ++;
}
+
+ return printed_chars;
+}
+
+static void ui_text( ui_rect rect, const char *str, ui_px scale,
+ enum ui_align align, u32 colour )
+{
+ ui_ntext( rect, str, 1024, scale, align, colour );
}
static void ui_image( ui_rect rect, GLuint image )
glActiveTexture( GL_TEXTURE0 );
glBindTexture( GL_TEXTURE_2D, image );
- ui_fill_rect( rect, 0xffffffff, (ui_px[4]){ 0,0, 255,255 } );
+ ui_fill_rect( rect, 0xffffffff, (ui_px[4]){ 0,128, 128, 0 } );
ui_flush( k_ui_shader_image );
}
static void ui_defocus_all(void)
{
if( vg_ui.focused_control_type == k_ui_control_textbox ){
- vg_info( "SDL_StopTextInput()\n" );
SDL_StopTextInput();
}
vg_ui.focused_control_type = k_ui_control_none;
}
-static int ui_button( ui_rect rect, enum ui_scheme_colour colour )
+static int ui_colourbutton( ui_rect rect, enum ui_scheme_colour colour )
{
- int clickup= ui_click_up(),
- click = ui_clicking() | clickup,
+ int clickup= ui_click_up(UI_MOUSE_LEFT),
+ click = ui_clicking(UI_MOUSE_LEFT) | clickup,
target = ui_inside_rect( rect, vg_ui.mouse_click ) && click,
hover = ui_inside_rect( rect, vg_ui.mouse );
}
}
-static int ui_button_text( ui_rect rect, const char *string, ui_px scale,
- enum ui_scheme_colour colour )
+static int ui_colourbutton_text( ui_rect rect, const char *string, ui_px scale,
+ enum ui_scheme_colour colour )
{
- int result = ui_button( rect, colour );
+ int result = ui_colourbutton( rect, colour );
ui_rect t = { 0,0, ui_text_line_width( string )*scale, 14*scale };
ui_rect_center( rect, t );
ui_text( t, string, scale, k_ui_align_left, ui_colourcont(colour) );
return result;
}
+static int ui_button_text( ui_rect rect, const char *string, ui_px scale )
+{
+ return ui_colourbutton_text( rect, string, scale, k_ui_bg+4 );
+}
+
static void ui_postrender(void)
{
if( vg_ui.click_fade_opacity > 0.0f ){
ui_defocus_all();
}
+ if( vg_ui.wants_mouse ){
+ SDL_SetWindowGrab( vg.window, SDL_FALSE );
+ SDL_SetRelativeMouseMode( SDL_FALSE );
+ }
+ else{
+ SDL_SetWindowGrab( vg.window, SDL_TRUE );
+ SDL_SetRelativeMouseMode( SDL_TRUE );
+ }
+
SDL_SetCursor( vg_ui.cursor_map[ vg_ui.cursor ] );
SDL_ShowCursor(1);
}
-
-
static void ui_dev_colourview(void)
{
ui_rect window = {vg.window_x-256,0,256,vg.window_y}, swatch;
}
}
+/*
+ * checkbox
+ * -----------------------------------------------------------------------------
+ */
+static int ui_checkbox( ui_rect rect, const char *str_label, int *data )
+{
+ ui_rect label, box;
+ ui_split_px( rect, k_ui_axis_v, rect[2]-rect[3], 0, label, box );
+ ui_text( label, str_label, 1, k_ui_align_middle_left, 0 );
+ int changed = ui_colourbutton( box, k_ui_bg );
+ if( changed )
+ *data = (*data) ^ 0x1;
+ if( *data ){
+ ui_rect_pad( box, 4 );
+ ui_fill( box, ui_colour( k_ui_orange ) );
+ }
+
+ return changed;
+}
/*
- * text box interface
+ * Textbox chaos
+ * -----------------------------------------------------------------------------
*/
+
static void _ui_textbox_make_selection( int *start, int *end )
{
- *start = VG_MIN( vg_ui.cursor_pos, vg_ui.cursor_user );
- *end = VG_MAX( vg_ui.cursor_pos, vg_ui.cursor_user );
+ *start = VG_MIN( vg_ui.textbox.cursor_pos, vg_ui.textbox.cursor_user );
+ *end = VG_MAX( vg_ui.textbox.cursor_pos, vg_ui.textbox.cursor_user );
}
static void _ui_textbox_move_cursor( int *cursor0, int *cursor1,
int dir, int snap_together )
{
- *cursor0 = VG_MAX( 0, vg_ui.cursor_user + dir );
+ *cursor0 = VG_MAX( 0, vg_ui.textbox.cursor_user + dir );
*cursor0 =
VG_MIN(
- VG_MIN( vg_ui.textbuf_len-1, strlen( vg_ui.textbuf )),
+ VG_MIN( vg_ui.textbox.len-1, strlen( vg_ui.textbuf )),
*cursor0 );
if( snap_together )
static int _ui_textbox_makeroom( int datastart, int length )
{
- int move_to = VG_MIN( datastart+length, vg_ui.textbuf_len-1 );
+ int move_to = VG_MIN( datastart+length, vg_ui.textbox.len-1 );
int move_amount = strlen( vg_ui.textbuf )-datastart;
- int move_end =
- VG_MIN( move_to+move_amount, vg_ui.textbuf_len-1 );
+ int move_end = VG_MIN( move_to+move_amount, vg_ui.textbox.len-1 );
move_amount = move_end-move_to;
if( move_amount )
vg_ui.textbuf[ move_end ] = '\0';
- return VG_MIN( length, vg_ui.textbuf_len-datastart-1 );
+ return VG_MIN( length, vg_ui.textbox.len-datastart-1 );
}
static int _ui_textbox_delete_char( int direction )
int cpylength = _ui_textbox_makeroom( datastart, length );
memcpy( vg_ui.textbuf + datastart, text, cpylength);
- _ui_textbox_move_cursor( &vg_ui.cursor_user,
- &vg_ui.cursor_pos, cpylength, 1 );
+ _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user,
+ &vg_ui.textbox.cursor_pos, cpylength, 1 );
SDL_free( text );
}
static void _ui_textbox_put_char( char c )
{
- vg_ui.cursor_user = _ui_textbox_delete_char(0);
+ vg_ui.textbox.cursor_user = _ui_textbox_delete_char(0);
- if( _ui_textbox_makeroom( vg_ui.cursor_user, 1 ) )
- vg_ui.textbuf[ vg_ui.cursor_user ] = c;
+ if( _ui_textbox_makeroom( vg_ui.textbox.cursor_user, 1 ) )
+ vg_ui.textbuf[ vg_ui.textbox.cursor_user ] = c;
- _ui_textbox_move_cursor( &vg_ui.cursor_user, &vg_ui.cursor_pos, 1, 1 );
+ _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user,
+ &vg_ui.textbox.cursor_pos, 1, 1 );
}
/* Receed secondary cursor */
static void _ui_textbox_left_select(void)
{
- _ui_textbox_move_cursor( &vg_ui.cursor_user, NULL, -1, 0 );
+ _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, NULL, -1, 0 );
}
/* Match and receed both cursors */
static void _ui_textbox_left(void)
{
- int cursor_diff = vg_ui.cursor_pos - vg_ui.cursor_user? 0: 1;
+ int cursor_diff = vg_ui.textbox.cursor_pos - vg_ui.textbox.cursor_user? 0: 1;
+
+ _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user,
+ &vg_ui.textbox.cursor_pos, -cursor_diff, 1 );
+}
+
+static void _ui_textbox_up(void)
+{
+ if( vg_ui.textbox.flags & UI_TEXTBOX_MULTILINE ){
+ int line_begin = vg_ui.textbox.cursor_user;
+
+ while( line_begin ){
+ if( vg_ui.textbuf[ line_begin-1 ] == '\n' ){
+ break;
+ }
+
+ line_begin --;
+ }
+
+ if( line_begin ){
+ int line_above_begin = line_begin-1;
+
+ while( line_above_begin ){
+ if( vg_ui.textbuf[ line_above_begin-1 ] == '\n' ){
+ break;
+ }
+
+ line_above_begin --;
+ }
+
+ int offset = vg_ui.textbox.cursor_user - line_begin,
+ line_length_above = line_begin - line_above_begin -1;
+
+ offset = VG_MIN( line_length_above, offset );
+
+ vg_ui.textbox.cursor_user = line_above_begin+offset;
+ vg_ui.textbox.cursor_pos = line_above_begin+offset;
+ }
+ else{
+ vg_ui.textbox.cursor_user = line_begin;
+ vg_ui.textbox.cursor_pos = line_begin;
+ }
+ }
+ else{
+ if( vg_ui.textbuf_on_up ){
+ vg_ui.textbuf_on_up( vg_ui.textbuf, vg_ui.textbox.len );
+ }
+ }
+}
+
+static void _ui_textbox_down(void)
+{
+ if( vg_ui.textbox.flags & UI_TEXTBOX_MULTILINE ){
+ int line_begin = vg_ui.textbox.cursor_user;
+
+ while( line_begin ){
+ if( vg_ui.textbuf[ line_begin-1 ] == '\n' ){
+ break;
+ }
+
+ line_begin --;
+ }
+
+ int line_below_begin = vg_ui.textbox.cursor_user;
+
+ while(1){
+ if( vg_ui.textbuf[ line_below_begin ] == '\0' ){
+ vg_ui.textbox.cursor_user = line_below_begin;
+ vg_ui.textbox.cursor_pos = line_below_begin;
+ return;
+ }
+
+ if( vg_ui.textbuf[ line_below_begin ] == '\n' ){
+ line_below_begin ++;
+ break;
+ }
+
+ line_below_begin ++;
+ }
+
+ int line_below_end = line_below_begin;
+ while(1){
+ if( vg_ui.textbuf[ line_below_end ] == '\0' ||
+ vg_ui.textbuf[ line_below_end ] == '\n' ){
+ line_below_end ++;
+ break;
+ }
+ line_below_end ++;
+ }
+
+ int offset = vg_ui.textbox.cursor_user - line_begin,
+ line_length_below = line_below_end - line_below_begin -1;
+
+ offset = VG_MIN( line_length_below, offset );
- _ui_textbox_move_cursor( &vg_ui.cursor_user,
- &vg_ui.cursor_pos, -cursor_diff, 1 );
+ vg_ui.textbox.cursor_user = line_below_begin+offset;
+ vg_ui.textbox.cursor_pos = line_below_begin+offset;
+ }
+ else{
+ if( vg_ui.textbuf_on_down ){
+ vg_ui.textbuf_on_down( vg_ui.textbuf, vg_ui.textbox.len );
+ }
+ }
}
static void _ui_textbox_right_select(void)
{
- _ui_textbox_move_cursor( &vg_ui.cursor_user, NULL, 1, 0 );
+ _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, NULL, 1, 0 );
}
static void _ui_textbox_right(void)
{
- int cursor_diff = vg_ui.cursor_pos - vg_ui.cursor_user? 0: 1;
+ int cursor_diff = vg_ui.textbox.cursor_pos - vg_ui.textbox.cursor_user? 0: 1;
- _ui_textbox_move_cursor( &vg_ui.cursor_user,
- &vg_ui.cursor_pos, +cursor_diff, 1 );
+ _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user,
+ &vg_ui.textbox.cursor_pos, +cursor_diff, 1 );
}
static void _ui_textbox_backspace(void)
{
- vg_ui.cursor_user = _ui_textbox_delete_char( -1 );
- vg_ui.cursor_pos = vg_ui.cursor_user;
+ if( vg_ui.focused_control_type == k_ui_control_textbox ){
+ vg_ui.textbox.cursor_user = _ui_textbox_delete_char( -1 );
+ vg_ui.textbox.cursor_pos = vg_ui.textbox.cursor_user;
+
+ if( vg_ui.textbuf_on_change )
+ vg_ui.textbuf_on_change( vg_ui.textbuf, vg_ui.textbox.len );
+ }
}
static void _ui_textbox_delete(void)
{
- vg_ui.cursor_user = _ui_textbox_delete_char( 1 );
- vg_ui.cursor_pos = vg_ui.cursor_user;
+ if( vg_ui.focused_control_type == k_ui_control_textbox ){
+ vg_ui.textbox.cursor_user = _ui_textbox_delete_char( 1 );
+ vg_ui.textbox.cursor_pos = vg_ui.textbox.cursor_user;
+
+ if( vg_ui.textbuf_on_change )
+ vg_ui.textbuf_on_change( vg_ui.textbuf, vg_ui.textbox.len );
+ }
}
static void _ui_textbox_home_select(void)
{
- _ui_textbox_move_cursor( &vg_ui.cursor_user, NULL, -10000, 0 );
+ _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, NULL, -10000, 0 );
}
static void _ui_textbox_home(void)
{
- _ui_textbox_move_cursor( &vg_ui.cursor_user,
- &vg_ui.cursor_pos, -10000, 1 );
+ _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user,
+ &vg_ui.textbox.cursor_pos, -10000, 1 );
}
static void _ui_textbox_end_select(void)
{
- _ui_textbox_move_cursor( &vg_ui.cursor_user, NULL, 10000, 0 );
+ _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, NULL, 10000, 0 );
}
static void _ui_textbox_end(void)
{
- _ui_textbox_move_cursor( &vg_ui.cursor_user,
- &vg_ui.cursor_pos,
- vg_ui.textbuf_len-1, 1 );
+ _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user,
+ &vg_ui.textbox.cursor_pos,
+ vg_ui.textbox.len-1, 1 );
}
static void _ui_textbox_select_all(void)
{
- _ui_textbox_move_cursor( &vg_ui.cursor_user, NULL, 10000, 0);
- _ui_textbox_move_cursor( &vg_ui.cursor_pos, NULL, -10000, 0);
+ _ui_textbox_move_cursor( &vg_ui.textbox.cursor_user, NULL, 10000, 0);
+ _ui_textbox_move_cursor( &vg_ui.textbox.cursor_pos, NULL, -10000, 0);
}
static void _ui_textbox_cut(void)
{
_ui_textbox_to_clipboard();
- vg_ui.cursor_user = _ui_textbox_delete_char(0);
- vg_ui.cursor_pos = vg_ui.cursor_user;
+ vg_ui.textbox.cursor_user = _ui_textbox_delete_char(0);
+ vg_ui.textbox.cursor_pos = vg_ui.textbox.cursor_user;
}
static void _ui_textbox_enter(void)
{
- if( !strlen( vg_ui.textbuf ) )
- return;
+ if( vg_ui.focused_control_type == k_ui_control_textbox ){
+ if( vg_ui.textbox.flags & UI_TEXTBOX_MULTILINE ){
+ _ui_textbox_put_char( '\n' );
+ }
+ else{
+ if( !(vg_ui.textbox.flags & UI_TEXTBOX_AUTOFOCUS ) )
+ ui_defocus_all();
+ }
+
+ if( vg_ui.textbuf_on_enter ){
+ vg_ui.textbuf_on_enter( vg_ui.textbuf, vg_ui.textbox.len );
+ }
+ }
}
-/*
- * Handles binds
+/*
+ * based on a visual character coordinate relative to the anchor of the textbox,
+ * this works out the linear place in the buffer that coordinate maps to
+ *
+ * input coordinates go in co[0], co[1], and the result index is in co[2]
*/
-static void _ui_proc_key( SDL_Keysym ev )
+static void _ui_textbox_calc_index_from_grid( int co[3], int wrap_length )
{
- struct textbox_mapping
- {
- u16 mod;
- SDL_Keycode key;
-
- void (*handler)(void);
- }
- mappings[] =
- {
- { 0, SDLK_LEFT, _ui_textbox_left },
- { KMOD_SHIFT, SDLK_LEFT, _ui_textbox_left_select },
- { 0, SDLK_RIGHT, _ui_textbox_right },
- { KMOD_SHIFT, SDLK_RIGHT, _ui_textbox_right_select },
-#if 0
- { 0, SDLK_DOWN, _ui_textbox_down },
- { 0, SDLK_UP, _ui_textbox_up },
-#endif
- { 0, SDLK_BACKSPACE, _ui_textbox_backspace },
- { 0, SDLK_DELETE, _ui_textbox_delete },
- { 0, SDLK_HOME, _ui_textbox_home },
- { KMOD_SHIFT, SDLK_HOME, _ui_textbox_home_select },
- { 0, SDLK_END, _ui_textbox_end },
- { KMOD_SHIFT, SDLK_END, _ui_textbox_end_select },
- { KMOD_CTRL, SDLK_a, _ui_textbox_select_all },
- { KMOD_CTRL, SDLK_c, _ui_textbox_to_clipboard },
- { KMOD_CTRL, SDLK_x, _ui_textbox_cut },
- { KMOD_CTRL, SDLK_v, _ui_textbox_clipboard_paste },
- { 0, SDLK_RETURN, _ui_textbox_enter },
-#if 0
- { KMOD_CTRL, SDLK_n, _ui_textbox_suggest_next },
- { KMOD_CTRL, SDLK_p, _ui_textbox_suggest_prev }
-#endif
- { 0, SDLK_ESCAPE, ui_defocus_all }
- };
+ int i[3] = {0,0,0};
- SDL_Keymod mod = 0;
-
- if( ev.mod & KMOD_SHIFT )
- mod |= KMOD_SHIFT;
+ char c;
+ while( (c = vg_ui.textbuf[i[2]]) ){
+ if( i[1]==co[1] && i[0]>=co[0] ) break;
- if( ev.mod & KMOD_CTRL )
- mod |= KMOD_CTRL;
+ if( i[0] >= wrap_length ){
+ i[1] ++;
+ i[0] = 0;
+ }
- if( ev.mod & KMOD_ALT )
- mod |= KMOD_ALT;
+ if( c >= 32 && c <= 126 ){
+ i[0] ++;
+ i[2] ++;
+ }
+ else if( c == '\n' ){
+ i[1] ++;
- for( int i=0; i<vg_list_size( mappings ); i++ ){
- struct textbox_mapping *mapping = &mappings[i];
+ if( i[1] > co[1] ) break;
- if( mapping->key == ev.sym ){
- if( mapping->mod == 0 ){
- if( mod == 0 ){
- mapping->handler();
- return;
- }
- }
- else if( (mod & mapping->mod) == mapping->mod ){
- mapping->handler();
- return;
- }
+ i[2] ++;
+ i[0] = 0;
}
+ else i[2] ++;
}
+
+ co[0] = i[0];
+ co[1] = i[1];
+ co[2] = i[2];
}
-/*
- * Callback for text entry mode
+/*
+ * based on the index specied in co[2], work out the visual character
+ * coordinates and store them in co[0], co[1]
*/
-VG_STATIC void ui_proc_utf8( const char *text )
+static void _ui_textbox_index_calc_coords( int co[3], int wrap_length )
{
- const char *ptr = text;
+ co[0] = 0;
+ co[1] = 0;
+
+ char c;
+ int i=0;
- while( *ptr ){
- if( *ptr != '`' ) _ui_textbox_put_char( *ptr );
- ptr ++;
+ while( (c = vg_ui.textbuf[i ++]) ){
+ if( i > co[2] ) break;
+ if( co[0] >= wrap_length ){
+ co[1] ++;
+ co[0] = 0;
+ }
+ if( c >= 32 && c <= 126 ) co[0] ++;
+ else if( c == '\n' ){
+ co[1] ++;
+ co[0] = 0;
+ }
}
}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-static void _ui_textbox_cursor_rect( ui_rect text_rect, ui_rect cursor )
+/*
+ * calculate the number of characters remaining until either:
+ * - the wrap_length limit is hit
+ * - end of the line/string
+ *
+ * index must be fully populated with visual X/Y, and linear index
+ */
+static int _ui_textbox_run_remaining( int index[3], int wrap_length )
{
- int start = VG_MIN( vg_ui.cursor_pos, vg_ui.cursor_user ),
- end = VG_MAX( vg_ui.cursor_pos, vg_ui.cursor_user );
+ int i=0, printed_chars=0;
+ char c;
+ while( (c = vg_ui.textbuf[index[2] + (i ++)]) ){
+ if( index[0]+i >= wrap_length ) break;
+ if( c >= 32 && c <= 126 ) printed_chars ++;
+ else if( c == '\n' ) break;
+ }
- cursor[0] = text_rect[0] + start*UI_GLYPH_SPACING_X-1;
- cursor[1] = text_rect[1];
- cursor[2] = start == end? 2: (float)(end-start)*(float)UI_GLYPH_SPACING_X;
- cursor[3] = text_rect[3];
-
+ return printed_chars+1;
}
-
-
-static int ui_textbox( ui_rect rect, char *buf, u32 len )
+static int ui_textbox( ui_rect rect, char *buf, u32 len, u32 flags )
{
- int clickup= ui_click_up(),
- click = ui_clicking() | clickup,
+ int clickup= ui_click_up(UI_MOUSE_LEFT),
+ click = ui_clicking(UI_MOUSE_LEFT) | clickup,
target = ui_inside_rect( rect, vg_ui.mouse_click ) && click,
hover = ui_inside_rect( rect, vg_ui.mouse );
ui_rect text_rect;
rect_copy( rect, text_rect );
- text_rect[3] = 14;
+
+ if( flags & UI_TEXTBOX_MULTILINE ) text_rect[3] = rect[3]-16;
+ else text_rect[3] = 14;
+
text_rect[2] -= 16;
ui_rect_center( rect, text_rect );
+ ui_px wrap_length = 1024;
+
+ if( flags & UI_TEXTBOX_WRAP )
+ wrap_length = text_rect[2] / UI_GLYPH_SPACING_X;
+
if( hover ){
vg_ui.cursor = k_ui_cursor_ibeam;
}
if( vg_ui.focused_control_id == buf ){
ui_fill( rect, col_base );
- ui_text( text_rect, buf, 1, k_ui_align_left, 0 );
+ ui_ntext( text_rect, buf, wrap_length, 1, k_ui_align_left, 0 );
- if( (clickup||ui_click_down()) && !target ){
+ if( !(flags & UI_TEXTBOX_AUTOFOCUS) &&
+ ((clickup||ui_click_down(UI_MOUSE_LEFT)) && !target) ){
ui_defocus_all();
}
else{
vg_ui.focused_control_hit = 1;
-
if( click && target ){
- ui_px d0 = vg_ui.mouse_click[0] - text_rect[0],
- d1 = vg_ui.mouse[0] - text_rect[0];
-
- int max = strlen( vg_ui.textbuf );
-
- vg_ui.cursor_pos = VG_MAX( 0, VG_MIN( max, d0/UI_GLYPH_SPACING_X )),
- vg_ui.cursor_user= VG_MAX( 0, VG_MIN( max, d1/UI_GLYPH_SPACING_X ));
+ int p0[3] ={
+ (vg_ui.mouse_click[0] - text_rect[0]) / UI_GLYPH_SPACING_X,
+ (vg_ui.mouse_click[1] - text_rect[1]) / 14,
+ -1
+ },
+ p1[3] = {
+ (vg_ui.mouse[0] - text_rect[0]) / UI_GLYPH_SPACING_X,
+ (vg_ui.mouse[1] - text_rect[1]) / 14,
+ -1
+ };
+
+ if( flags & UI_TEXTBOX_MULTILINE ){
+ _ui_textbox_calc_index_from_grid( p0, wrap_length );
+ _ui_textbox_calc_index_from_grid( p1, wrap_length );
+
+ vg_ui.textbox.cursor_pos = p0[2];
+ vg_ui.textbox.cursor_user = p1[2];
+ }
+ else{
+ int max = strlen( buf );
+ vg_ui.textbox.cursor_pos = VG_MAX( 0, VG_MIN( max, p0[0] )),
+ vg_ui.textbox.cursor_user = VG_MAX( 0, VG_MIN( max, p1[0] ));
+ }
}
ui_outline( rect, -2, vg_ui.scheme[ k_ui_orange ] );
ui_rect cursor;
- _ui_textbox_cursor_rect( text_rect, cursor );
- rect_copy( cursor, vg_ui.click_fader_end );
- if( (vg_ui.click_fade_opacity<=0.0f) &&
- ui_clip( rect, cursor, cursor ) ){
- ui_fill( cursor, col_cursor );
+ int c0 = vg_ui.textbox.cursor_pos,
+ c1 = vg_ui.textbox.cursor_user,
+ start = VG_MIN( c0, c1 ),
+ end = VG_MAX( c0, c1 ),
+ chars = end-start;
+
+ if( flags & (UI_TEXTBOX_MULTILINE|UI_TEXTBOX_WRAP) ){
+
+ int pos[3], remaining = chars;
+
+ pos[2] = start;
+ _ui_textbox_index_calc_coords( pos, wrap_length );
+
+ if( start==end ){
+ cursor[0] = text_rect[0] + pos[0]*UI_GLYPH_SPACING_X-1;
+ cursor[1] = text_rect[1] + pos[1]*14;
+ cursor[2] = 2;
+ cursor[3] = 13;
+ ui_fill( cursor, col_cursor );
+ rect_copy( cursor, vg_ui.click_fader_end );
+ }
+ else{
+ while( remaining ){
+ /* TODO: scan for newlines and stuff
+ * eol or wrap_length can have line breaks! */
+
+ int run = _ui_textbox_run_remaining( pos, wrap_length );
+ run = VG_MIN( run, remaining );
+
+ cursor[0] = text_rect[0] + pos[0]*UI_GLYPH_SPACING_X-1;
+ cursor[1] = text_rect[1] + pos[1]*14;
+ cursor[2] = (float)(run)*(float)UI_GLYPH_SPACING_X;
+ cursor[3] = 13;
+
+ ui_fill( cursor, col_cursor );
+
+ remaining -= run;
+ pos[0] = 0;
+ pos[1] ++;
+ pos[2] += run;
+ }
+ rect_copy( cursor, vg_ui.click_fader_end );
+ }
+ }
+ else{
+ cursor[0] = text_rect[0] + start*UI_GLYPH_SPACING_X-1;
+ cursor[1] = text_rect[1];
+ cursor[3] = 13;
+
+ if( start==end ){
+ cursor[2] = 2;
+ }
+ else{
+ cursor[2] = (float)(chars)*(float)UI_GLYPH_SPACING_X;
+ }
+
+ if( (vg_ui.click_fade_opacity<=0.0f) &&
+ ui_clip( rect, cursor, cursor ) ){
+ ui_fill( cursor, col_cursor );
+ }
+
+ rect_copy( cursor, vg_ui.click_fader_end );
}
}
return 0;
}
- if( click ){
- if( target && hover ){
+ if( click || (flags & UI_TEXTBOX_AUTOFOCUS) ){
+ if( (target && hover) || (flags & UI_TEXTBOX_AUTOFOCUS) ){
+ ui_defocus_all();
+
ui_fill( rect, col_highlight );
vg_ui.ignore_input_frames = 2;
rect_copy( rect, vg_ui.click_fader );
- _ui_textbox_cursor_rect( text_rect, vg_ui.click_fader_end );
-
+ rect_copy( rect, vg_ui.click_fader_end );
+
vg_ui.click_fade_opacity = 1.0f;
vg_ui.textbuf = buf;
vg_ui.focused_control_hit = 1;
vg_ui.focused_control_type = k_ui_control_textbox;
- vg_ui.textbuf_len = len;
- vg_info( "SDL_StartTextInput()\n" );
+ vg_ui.textbox.len = len;
+ vg_ui.textbox.flags = flags;
+ vg_ui.textbox.cursor_pos = 0;
+ vg_ui.textbox.cursor_user = 0;
+
SDL_StartTextInput();
}
}
ui_outline( rect, -1, col_highlight );
}
- ui_text( text_rect, buf, 1, k_ui_align_left, 0 );
+ ui_ntext( text_rect, buf, wrap_length, 1, k_ui_align_left, 0 );
return 0;
}
+/*
+ * Input handling
+ * -----------------------------------------------------------------------------
+ */
+
+/*
+ * Handles binds
+ */
+static void _ui_proc_key( SDL_Keysym ev )
+{
+ if( vg_ui.focused_control_type != k_ui_control_textbox ){
+ return;
+ }
+
+ struct textbox_mapping
+ {
+ u16 mod;
+ SDL_Keycode key;
+
+ void (*handler)(void);
+ }
+ mappings[] =
+ {
+ { 0, SDLK_LEFT, _ui_textbox_left },
+ { KMOD_SHIFT, SDLK_LEFT, _ui_textbox_left_select },
+ { 0, SDLK_RIGHT, _ui_textbox_right },
+ { KMOD_SHIFT, SDLK_RIGHT, _ui_textbox_right_select },
+ { 0, SDLK_DOWN, _ui_textbox_down },
+ { 0, SDLK_UP, _ui_textbox_up },
+ { 0, SDLK_BACKSPACE, _ui_textbox_backspace },
+ { KMOD_SHIFT, SDLK_BACKSPACE, _ui_textbox_backspace },
+ { KMOD_CTRL, SDLK_BACKSPACE, _ui_textbox_backspace },
+ { 0, SDLK_DELETE, _ui_textbox_delete },
+ { 0, SDLK_HOME, _ui_textbox_home },
+ { KMOD_SHIFT, SDLK_HOME, _ui_textbox_home_select },
+ { 0, SDLK_END, _ui_textbox_end },
+ { KMOD_SHIFT, SDLK_END, _ui_textbox_end_select },
+ { KMOD_CTRL, SDLK_a, _ui_textbox_select_all },
+ { KMOD_CTRL, SDLK_c, _ui_textbox_to_clipboard },
+ { KMOD_CTRL, SDLK_x, _ui_textbox_cut },
+ { KMOD_CTRL, SDLK_v, _ui_textbox_clipboard_paste },
+ { 0, SDLK_RETURN, _ui_textbox_enter },
+ { 0, SDLK_ESCAPE, ui_defocus_all },
+ };
+
+ SDL_Keymod mod = 0;
+
+ if( ev.mod & KMOD_SHIFT )
+ mod |= KMOD_SHIFT;
+
+ if( ev.mod & KMOD_CTRL )
+ mod |= KMOD_CTRL;
+
+ if( ev.mod & KMOD_ALT )
+ mod |= KMOD_ALT;
+
+ for( int i=0; i<vg_list_size( mappings ); i++ ){
+ struct textbox_mapping *mapping = &mappings[i];
+
+ if( mapping->key == ev.sym ){
+ if( mapping->mod == 0 ){
+ if( mod == 0 ){
+ mapping->handler();
+ return;
+ }
+ }
+ else if( (mod & mapping->mod) == mapping->mod ){
+ mapping->handler();
+ return;
+ }
+ }
+ }
+}
+
+/*
+ * Callback for text entry mode
+ */
+VG_STATIC void ui_proc_utf8( const char *text )
+{
+ if( vg_ui.focused_control_type == k_ui_control_textbox ){
+ const char *ptr = text;
+
+ while( *ptr ){
+ if( *ptr != '`' ) _ui_textbox_put_char( *ptr );
+ ptr ++;
+ }
+
+ if( vg_ui.textbuf_on_change ){
+ vg_ui.textbuf_on_change( vg_ui.textbuf, vg_ui.textbox.len );
+ }
+ }
+}
+
#endif /* VG_IMGUI_H */