#include "OmoteUI.hpp" lv_obj_t* OmoteUI::create_wifi_selection_page(lv_obj_t* menu) { /* Create sub page for wifi*/ lv_obj_t* subpage = lv_menu_page_create(menu, NULL); this->wifi_setting_cont = lv_menu_cont_create(subpage); lv_obj_set_layout(this->wifi_setting_cont, LV_LAYOUT_FLEX); lv_obj_set_flex_flow(this->wifi_setting_cont, LV_FLEX_FLOW_COLUMN); lv_obj_set_scrollbar_mode(this->wifi_setting_cont, LV_SCROLLBAR_MODE_ACTIVE); lv_obj_t* menuLabel = lv_label_create(this->wifi_setting_cont); lv_label_set_text(menuLabel, "Searching for wifi networks"); return subpage; } /** * @brief Callback function for the show password checkbox. Checking the box will show the password while unchecked the * password will be shown as dots. * * @param e Pointer to event object for the event where this callback is called */ static void show_password_cb(lv_event_t* e) { lv_obj_t* password_field = (lv_obj_t*) e->user_data; if (lv_obj_has_state(e->target, LV_STATE_CHECKED)){ lv_textarea_set_password_mode(password_field, false); } else{ lv_textarea_set_password_mode(password_field, true); } } /** * @brief Textarea callback function for the password field. In case the enter key is pressed in the text area, the * function will try to connect to the network with the provided password. * * @param e Pointer to event object for the event where this callback is called */ void OmoteUI::password_field_event_cb(lv_event_t* e) { lv_event_code_t code = lv_event_get_code(e); lv_obj_t * ta = lv_event_get_target(e); lv_obj_t * kb = (lv_obj_t*) lv_event_get_user_data(e); const char* password = lv_textarea_get_text(ta); switch(code){ case LV_EVENT_READY: //wifihandler.connect(ssid, password); lv_obj_clear_state(ta, LV_STATE_FOCUSED); this->hide_keyboard(); this->reset_settings_menu(); /* Fall through on purpose. Pressing enter should disable the keyboard as well*/ default: break; } } /** * @brief Callback which is triggered when clicking the connect button. It triggers the wifi connection. * * @param event Pointer to event object for the event where this callback is called */ void OmoteUI::connect_btn_cb(lv_event_t* event) { lv_obj_t* ta = (lv_obj_t*) event->user_data; const char* password = lv_textarea_get_text(ta); //Trigger wifi connection here //wifihandler.connect(ssid, password); lv_obj_clear_state(ta, LV_STATE_FOCUSED); this->hide_keyboard(); this->reset_settings_menu(); } void OmoteUI::create_wifi_main_page(lv_obj_t* parent) { lv_obj_t* menuLabel = lv_label_create(parent); lv_label_set_text(menuLabel, "Wi-Fi"); this->wifiOverview = lv_obj_create(parent); lv_obj_set_size(this->wifiOverview, lv_pct(100), 80); lv_obj_set_style_bg_color(this->wifiOverview, color_primary, LV_PART_MAIN); lv_obj_set_style_border_width(this->wifiOverview, 0, LV_PART_MAIN); menuLabel = lv_label_create(this->wifiOverview); lv_obj_t* arrow = lv_label_create(this->wifiOverview); lv_label_set_text(arrow, LV_SYMBOL_RIGHT); lv_obj_align(arrow, LV_ALIGN_TOP_RIGHT, 0, 0); lv_obj_t* ip_label = lv_label_create(this->wifiOverview); lv_label_set_text(ip_label, "IP:"); lv_obj_align(ip_label, LV_ALIGN_BOTTOM_LEFT, 0, 0); lv_obj_t* ip = lv_label_create(this->wifiOverview); lv_obj_align(ip, LV_ALIGN_BOTTOM_RIGHT, 0, 0); lv_label_set_text(menuLabel, "Disconnected"); lv_label_set_text(ip, "-"); lv_menu_set_load_page_event(this->settingsMenu, this->wifiOverview, this->wifi_selection_page); lv_obj_add_event_cb(this->wifiOverview, [] (lv_event_t* e) {mInstance->wifi_settings_cb(e);}, LV_EVENT_CLICKED, this->wifi_setting_cont); } void OmoteUI::wifi_scan_done(std::shared_ptr> info) { for (WifiInfo i:*info) { mHardware->debugPrint(i.ssid); } } void OmoteUI::create_wifi_settings(lv_obj_t* menu, lv_obj_t* parent) { this->wifi_selection_page = this->create_wifi_selection_page(menu); this->wifi_password_page = this->create_wifi_password_page(this->settingsMenu); this->create_wifi_main_page(parent); this->mHardware->onWifiScanDone([this] (std::shared_ptr> info) {this->wifi_scan_done(info);}); } lv_obj_t* OmoteUI::create_wifi_password_page(lv_obj_t* menu) { lv_obj_t* ret_val = lv_menu_page_create(menu, NULL); lv_obj_t* cont = lv_menu_cont_create(ret_val); lv_obj_set_layout(cont, LV_LAYOUT_FLEX); lv_obj_set_flex_flow(cont, LV_FLEX_FLOW_COLUMN); lv_obj_set_scrollbar_mode(cont, LV_SCROLLBAR_MODE_ACTIVE); this->wifi_password_label = lv_label_create(cont); lv_label_set_text(this->wifi_password_label, "Password"); lv_obj_t* password_input = lv_textarea_create(cont); lv_obj_set_width(password_input, lv_pct(100)); lv_textarea_set_password_mode(password_input, true); lv_textarea_set_one_line(password_input, true); lv_textarea_set_placeholder_text(password_input, "Password"); lv_obj_add_event_cb(password_input, [] (lv_event_t* e) {mInstance->password_field_event_cb(e);} , LV_EVENT_READY, NULL ); this->attach_keyboard(password_input); lv_obj_t* show_password = lv_checkbox_create(cont); lv_checkbox_set_text(show_password, "Show password"); lv_obj_add_event_cb(show_password, show_password_cb, LV_EVENT_VALUE_CHANGED, password_input); lv_obj_t* connect_button = lv_btn_create(cont); lv_obj_t* label = lv_label_create(connect_button); lv_label_set_text(label, "Connect"); lv_obj_add_event_cb(connect_button,[] (lv_event_t* e) { mInstance->connect_btn_cb(e);}, LV_EVENT_CLICKED, password_input); return ret_val; } /** * @brief Callback which is triggered when the wifi settings are opened (the wifi settings are pressed in the settings * main page). This function will trigger the asynchronous scan for wifi networks and update the label of the wifi * selection page to indicate that wifi networks are being searched for. The wifi event callback function then has to * call the API function to fill the page with the found networks. * * @param event Pointer to event object for the event where this callback is called */ void OmoteUI::wifi_settings_cb(lv_event_t* event) { lv_obj_t* cont = (lv_obj_t*) lv_event_get_user_data(event); lv_obj_clean(cont); lv_obj_t* label = lv_label_create(cont); lv_label_set_text(label, "Searching for wifi networks"); //This will trigger an asynchronouse network scan // We need to trigger wifi search via HAL //wifihandler.scan(); }