text_input.c 17 KB

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