text_input.c 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563
  1. #include "text_input.h"
  2. #include <gui/elements.h>
  3. #include <furi.h>
  4. struct TextInput {
  5. View* view;
  6. FuriTimer* timer;
  7. };
  8. typedef struct {
  9. const char text;
  10. const uint8_t x;
  11. const uint8_t y;
  12. } TextInputKey;
  13. typedef struct {
  14. const char* header;
  15. char* text_buffer;
  16. size_t text_buffer_size;
  17. bool clear_default_text;
  18. TextInputCallback callback;
  19. void* callback_context;
  20. uint8_t selected_row;
  21. uint8_t selected_column;
  22. TextInputValidatorCallback validator_callback;
  23. void* validator_callback_context;
  24. string_t validator_text;
  25. bool valadator_message_visible;
  26. } TextInputModel;
  27. static const uint8_t keyboard_origin_x = 1;
  28. static const uint8_t keyboard_origin_y = 29;
  29. static const uint8_t keyboard_row_count = 3;
  30. #define ENTER_KEY '\r'
  31. #define BACKSPACE_KEY '\b'
  32. static const TextInputKey keyboard_keys_row_1[] = {
  33. {'q', 1, 8},
  34. {'w', 10, 8},
  35. {'e', 19, 8},
  36. {'r', 28, 8},
  37. {'t', 37, 8},
  38. {'y', 46, 8},
  39. {'u', 55, 8},
  40. {'i', 64, 8},
  41. {'o', 73, 8},
  42. {'p', 82, 8},
  43. {'0', 91, 8},
  44. {'1', 100, 8},
  45. {'2', 110, 8},
  46. {'3', 120, 8},
  47. };
  48. static const TextInputKey keyboard_keys_row_2[] = {
  49. {'a', 1, 20},
  50. {'s', 10, 20},
  51. {'d', 19, 20},
  52. {'f', 28, 20},
  53. {'g', 37, 20},
  54. {'h', 46, 20},
  55. {'j', 55, 20},
  56. {'k', 64, 20},
  57. {'l', 73, 20},
  58. {BACKSPACE_KEY, 82, 12},
  59. {'4', 100, 20},
  60. {'5', 110, 20},
  61. {'6', 120, 20},
  62. };
  63. static const TextInputKey keyboard_keys_row_3[] = {
  64. {'z', 1, 32},
  65. {'x', 10, 32},
  66. {'c', 19, 32},
  67. {'v', 28, 32},
  68. {'b', 37, 32},
  69. {'n', 46, 32},
  70. {'m', 55, 32},
  71. {'_', 64, 32},
  72. {ENTER_KEY, 74, 23},
  73. {'7', 100, 32},
  74. {'8', 110, 32},
  75. {'9', 120, 32},
  76. };
  77. static uint8_t get_row_size(uint8_t row_index) {
  78. uint8_t row_size = 0;
  79. switch(row_index + 1) {
  80. case 1:
  81. row_size = sizeof(keyboard_keys_row_1) / sizeof(TextInputKey);
  82. break;
  83. case 2:
  84. row_size = sizeof(keyboard_keys_row_2) / sizeof(TextInputKey);
  85. break;
  86. case 3:
  87. row_size = sizeof(keyboard_keys_row_3) / sizeof(TextInputKey);
  88. break;
  89. }
  90. return row_size;
  91. }
  92. static const TextInputKey* get_row(uint8_t row_index) {
  93. const TextInputKey* row = NULL;
  94. switch(row_index + 1) {
  95. case 1:
  96. row = keyboard_keys_row_1;
  97. break;
  98. case 2:
  99. row = keyboard_keys_row_2;
  100. break;
  101. case 3:
  102. row = keyboard_keys_row_3;
  103. break;
  104. }
  105. return row;
  106. }
  107. static char get_selected_char(TextInputModel* model) {
  108. return get_row(model->selected_row)[model->selected_column].text;
  109. }
  110. static bool char_is_lowercase(char letter) {
  111. return (letter >= 0x61 && letter <= 0x7A);
  112. }
  113. static char char_to_uppercase(const char letter) {
  114. if(letter == '_') {
  115. return 0x20;
  116. } else if(isalpha(letter)) {
  117. return (letter - 0x20);
  118. } else {
  119. return letter;
  120. }
  121. }
  122. static void text_input_backspace_cb(TextInputModel* model) {
  123. uint8_t text_length = model->clear_default_text ? 1 : strlen(model->text_buffer);
  124. if(text_length > 0) {
  125. model->text_buffer[text_length - 1] = 0;
  126. }
  127. }
  128. static void text_input_view_draw_callback(Canvas* canvas, void* _model) {
  129. TextInputModel* model = _model;
  130. uint8_t text_length = model->text_buffer ? strlen(model->text_buffer) : 0;
  131. uint8_t needed_string_width = canvas_width(canvas) - 8;
  132. uint8_t start_pos = 4;
  133. const char* text = model->text_buffer;
  134. canvas_clear(canvas);
  135. canvas_set_color(canvas, ColorBlack);
  136. canvas_draw_str(canvas, 2, 8, model->header);
  137. elements_slightly_rounded_frame(canvas, 1, 12, 126, 15);
  138. if(canvas_string_width(canvas, text) > needed_string_width) {
  139. canvas_draw_str(canvas, start_pos, 22, "...");
  140. start_pos += 6;
  141. needed_string_width -= 8;
  142. }
  143. while(text != 0 && canvas_string_width(canvas, text) > needed_string_width) {
  144. text++;
  145. }
  146. if(model->clear_default_text) {
  147. elements_slightly_rounded_box(
  148. canvas, start_pos - 1, 14, canvas_string_width(canvas, text) + 2, 10);
  149. canvas_set_color(canvas, ColorWhite);
  150. } else {
  151. canvas_draw_str(canvas, start_pos + canvas_string_width(canvas, text) + 1, 22, "|");
  152. canvas_draw_str(canvas, start_pos + canvas_string_width(canvas, text) + 2, 22, "|");
  153. }
  154. canvas_draw_str(canvas, start_pos, 22, text);
  155. canvas_set_font(canvas, FontKeyboard);
  156. for(uint8_t row = 0; row <= keyboard_row_count; row++) {
  157. const uint8_t column_count = get_row_size(row);
  158. const TextInputKey* keys = get_row(row);
  159. for(size_t column = 0; column < column_count; column++) {
  160. if(keys[column].text == ENTER_KEY) {
  161. canvas_set_color(canvas, ColorBlack);
  162. if(model->selected_row == row && model->selected_column == column) {
  163. canvas_draw_icon(
  164. canvas,
  165. keyboard_origin_x + keys[column].x,
  166. keyboard_origin_y + keys[column].y,
  167. &I_KeySaveSelected_24x11);
  168. } else {
  169. canvas_draw_icon(
  170. canvas,
  171. keyboard_origin_x + keys[column].x,
  172. keyboard_origin_y + keys[column].y,
  173. &I_KeySave_24x11);
  174. }
  175. } else if(keys[column].text == BACKSPACE_KEY) {
  176. canvas_set_color(canvas, ColorBlack);
  177. if(model->selected_row == row && model->selected_column == column) {
  178. canvas_draw_icon(
  179. canvas,
  180. keyboard_origin_x + keys[column].x,
  181. keyboard_origin_y + keys[column].y,
  182. &I_KeyBackspaceSelected_16x9);
  183. } else {
  184. canvas_draw_icon(
  185. canvas,
  186. keyboard_origin_x + keys[column].x,
  187. keyboard_origin_y + keys[column].y,
  188. &I_KeyBackspace_16x9);
  189. }
  190. } else {
  191. if(model->selected_row == row && model->selected_column == column) {
  192. canvas_set_color(canvas, ColorBlack);
  193. canvas_draw_box(
  194. canvas,
  195. keyboard_origin_x + keys[column].x - 1,
  196. keyboard_origin_y + keys[column].y - 8,
  197. 7,
  198. 10);
  199. canvas_set_color(canvas, ColorWhite);
  200. } else {
  201. canvas_set_color(canvas, ColorBlack);
  202. }
  203. if(text_length == 0 && char_is_lowercase(keys[column].text)) {
  204. canvas_draw_glyph(
  205. canvas,
  206. keyboard_origin_x + keys[column].x,
  207. keyboard_origin_y + keys[column].y,
  208. char_to_uppercase(keys[column].text));
  209. } else {
  210. canvas_draw_glyph(
  211. canvas,
  212. keyboard_origin_x + keys[column].x,
  213. keyboard_origin_y + keys[column].y,
  214. keys[column].text);
  215. }
  216. }
  217. }
  218. }
  219. if(model->valadator_message_visible) {
  220. canvas_set_font(canvas, FontSecondary);
  221. canvas_set_color(canvas, ColorWhite);
  222. canvas_draw_box(canvas, 8, 10, 110, 48);
  223. canvas_set_color(canvas, ColorBlack);
  224. canvas_draw_icon(canvas, 10, 14, &I_WarningDolphin_45x42);
  225. canvas_draw_rframe(canvas, 8, 8, 112, 50, 3);
  226. canvas_draw_rframe(canvas, 9, 9, 110, 48, 2);
  227. elements_multiline_text(canvas, 62, 20, string_get_cstr(model->validator_text));
  228. canvas_set_font(canvas, FontKeyboard);
  229. }
  230. }
  231. static void text_input_handle_up(TextInput* text_input, TextInputModel* model) {
  232. UNUSED(text_input);
  233. if(model->selected_row > 0) {
  234. model->selected_row--;
  235. if(model->selected_column > get_row_size(model->selected_row) - 6) {
  236. model->selected_column = model->selected_column + 1;
  237. }
  238. }
  239. }
  240. static void text_input_handle_down(TextInput* text_input, TextInputModel* model) {
  241. UNUSED(text_input);
  242. if(model->selected_row < keyboard_row_count - 1) {
  243. model->selected_row++;
  244. if(model->selected_column > get_row_size(model->selected_row) - 4) {
  245. model->selected_column = model->selected_column - 1;
  246. }
  247. }
  248. }
  249. static void text_input_handle_left(TextInput* text_input, TextInputModel* model) {
  250. UNUSED(text_input);
  251. if(model->selected_column > 0) {
  252. model->selected_column--;
  253. } else {
  254. model->selected_column = get_row_size(model->selected_row) - 1;
  255. }
  256. }
  257. static void text_input_handle_right(TextInput* text_input, TextInputModel* model) {
  258. UNUSED(text_input);
  259. if(model->selected_column < get_row_size(model->selected_row) - 1) {
  260. model->selected_column++;
  261. } else {
  262. model->selected_column = 0;
  263. }
  264. }
  265. static void text_input_handle_ok(TextInput* text_input, TextInputModel* model, bool shift) {
  266. char selected = get_selected_char(model);
  267. uint8_t text_length = strlen(model->text_buffer);
  268. if(shift) {
  269. selected = char_to_uppercase(selected);
  270. }
  271. if(selected == ENTER_KEY) {
  272. if(model->validator_callback &&
  273. (!model->validator_callback(
  274. model->text_buffer, model->validator_text, model->validator_callback_context))) {
  275. model->valadator_message_visible = true;
  276. furi_timer_start(text_input->timer, furi_kernel_get_tick_frequency() * 4);
  277. } else if(model->callback != 0 && text_length > 0) {
  278. model->callback(model->callback_context);
  279. }
  280. } else if(selected == BACKSPACE_KEY) {
  281. text_input_backspace_cb(model);
  282. } else {
  283. if(model->clear_default_text) {
  284. text_length = 0;
  285. }
  286. if(text_length < (model->text_buffer_size - 1)) {
  287. if(text_length == 0 && char_is_lowercase(selected)) {
  288. selected = char_to_uppercase(selected);
  289. }
  290. model->text_buffer[text_length] = selected;
  291. model->text_buffer[text_length + 1] = 0;
  292. }
  293. }
  294. model->clear_default_text = false;
  295. }
  296. static bool text_input_view_input_callback(InputEvent* event, void* context) {
  297. TextInput* text_input = context;
  298. furi_assert(text_input);
  299. bool consumed = false;
  300. // Acquire model
  301. TextInputModel* model = view_get_model(text_input->view);
  302. if((!(event->type == InputTypePress) && !(event->type == InputTypeRelease)) &&
  303. model->valadator_message_visible) {
  304. model->valadator_message_visible = false;
  305. consumed = true;
  306. } else if(event->type == InputTypeShort) {
  307. consumed = true;
  308. switch(event->key) {
  309. case InputKeyUp:
  310. text_input_handle_up(text_input, model);
  311. break;
  312. case InputKeyDown:
  313. text_input_handle_down(text_input, model);
  314. break;
  315. case InputKeyLeft:
  316. text_input_handle_left(text_input, model);
  317. break;
  318. case InputKeyRight:
  319. text_input_handle_right(text_input, model);
  320. break;
  321. case InputKeyOk:
  322. text_input_handle_ok(text_input, model, false);
  323. break;
  324. default:
  325. consumed = false;
  326. break;
  327. }
  328. } else if(event->type == InputTypeLong) {
  329. consumed = true;
  330. switch(event->key) {
  331. case InputKeyUp:
  332. text_input_handle_up(text_input, model);
  333. break;
  334. case InputKeyDown:
  335. text_input_handle_down(text_input, model);
  336. break;
  337. case InputKeyLeft:
  338. text_input_handle_left(text_input, model);
  339. break;
  340. case InputKeyRight:
  341. text_input_handle_right(text_input, model);
  342. break;
  343. case InputKeyOk:
  344. text_input_handle_ok(text_input, model, true);
  345. break;
  346. case InputKeyBack:
  347. text_input_backspace_cb(model);
  348. break;
  349. default:
  350. consumed = false;
  351. break;
  352. }
  353. } else if(event->type == InputTypeRepeat) {
  354. consumed = true;
  355. switch(event->key) {
  356. case InputKeyUp:
  357. text_input_handle_up(text_input, model);
  358. break;
  359. case InputKeyDown:
  360. text_input_handle_down(text_input, model);
  361. break;
  362. case InputKeyLeft:
  363. text_input_handle_left(text_input, model);
  364. break;
  365. case InputKeyRight:
  366. text_input_handle_right(text_input, model);
  367. break;
  368. case InputKeyBack:
  369. text_input_backspace_cb(model);
  370. break;
  371. default:
  372. consumed = false;
  373. break;
  374. }
  375. }
  376. // Commit model
  377. view_commit_model(text_input->view, consumed);
  378. return consumed;
  379. }
  380. void text_input_timer_callback(void* context) {
  381. furi_assert(context);
  382. TextInput* text_input = context;
  383. with_view_model(
  384. text_input->view, (TextInputModel * model) {
  385. model->valadator_message_visible = false;
  386. return true;
  387. });
  388. }
  389. TextInput* text_input_alloc() {
  390. TextInput* text_input = malloc(sizeof(TextInput));
  391. text_input->view = view_alloc();
  392. view_set_context(text_input->view, text_input);
  393. view_allocate_model(text_input->view, ViewModelTypeLocking, sizeof(TextInputModel));
  394. view_set_draw_callback(text_input->view, text_input_view_draw_callback);
  395. view_set_input_callback(text_input->view, text_input_view_input_callback);
  396. text_input->timer = furi_timer_alloc(text_input_timer_callback, FuriTimerTypeOnce, text_input);
  397. with_view_model(
  398. text_input->view, (TextInputModel * model) {
  399. string_init(model->validator_text);
  400. return false;
  401. });
  402. text_input_reset(text_input);
  403. return text_input;
  404. }
  405. void text_input_free(TextInput* text_input) {
  406. furi_assert(text_input);
  407. with_view_model(
  408. text_input->view, (TextInputModel * model) {
  409. string_clear(model->validator_text);
  410. return false;
  411. });
  412. // Send stop command
  413. furi_timer_stop(text_input->timer);
  414. // Release allocated memory
  415. furi_timer_free(text_input->timer);
  416. view_free(text_input->view);
  417. free(text_input);
  418. }
  419. void text_input_reset(TextInput* text_input) {
  420. furi_assert(text_input);
  421. with_view_model(
  422. text_input->view, (TextInputModel * model) {
  423. model->text_buffer_size = 0;
  424. model->header = "";
  425. model->selected_row = 0;
  426. model->selected_column = 0;
  427. model->clear_default_text = false;
  428. model->text_buffer = NULL;
  429. model->text_buffer_size = 0;
  430. model->callback = NULL;
  431. model->callback_context = NULL;
  432. model->validator_callback = NULL;
  433. model->validator_callback_context = NULL;
  434. string_reset(model->validator_text);
  435. model->valadator_message_visible = false;
  436. return true;
  437. });
  438. }
  439. View* text_input_get_view(TextInput* text_input) {
  440. furi_assert(text_input);
  441. return text_input->view;
  442. }
  443. void text_input_set_result_callback(
  444. TextInput* text_input,
  445. TextInputCallback callback,
  446. void* callback_context,
  447. char* text_buffer,
  448. size_t text_buffer_size,
  449. bool clear_default_text) {
  450. with_view_model(
  451. text_input->view, (TextInputModel * model) {
  452. model->callback = callback;
  453. model->callback_context = callback_context;
  454. model->text_buffer = text_buffer;
  455. model->text_buffer_size = text_buffer_size;
  456. model->clear_default_text = clear_default_text;
  457. if(text_buffer && text_buffer[0] != '\0') {
  458. // Set focus on Save
  459. model->selected_row = 2;
  460. model->selected_column = 8;
  461. }
  462. return true;
  463. });
  464. }
  465. void text_input_set_validator(
  466. TextInput* text_input,
  467. TextInputValidatorCallback callback,
  468. void* callback_context) {
  469. with_view_model(
  470. text_input->view, (TextInputModel * model) {
  471. model->validator_callback = callback;
  472. model->validator_callback_context = callback_context;
  473. return true;
  474. });
  475. }
  476. TextInputValidatorCallback text_input_get_validator_callback(TextInput* text_input) {
  477. TextInputValidatorCallback validator_callback = NULL;
  478. with_view_model(
  479. text_input->view, (TextInputModel * model) {
  480. validator_callback = model->validator_callback;
  481. return false;
  482. });
  483. return validator_callback;
  484. }
  485. void* text_input_get_validator_callback_context(TextInput* text_input) {
  486. void* validator_callback_context = NULL;
  487. with_view_model(
  488. text_input->view, (TextInputModel * model) {
  489. validator_callback_context = model->validator_callback_context;
  490. return false;
  491. });
  492. return validator_callback_context;
  493. }
  494. void text_input_set_header_text(TextInput* text_input, const char* text) {
  495. with_view_model(
  496. text_input->view, (TextInputModel * model) {
  497. model->header = text;
  498. return true;
  499. });
  500. }