mirror of https://github.com/meshcore-dev/MeshCore
Christos Themelis
4 months ago
9 changed files with 1136 additions and 34 deletions
@ -0,0 +1,25 @@ |
|||||
|
#include <Arduino.h> |
||||
|
|
||||
|
#include "esp_log.h" |
||||
|
#include "uiDefines.h" |
||||
|
#include "uiVars.h" |
||||
|
|
||||
|
#define TAG "clock_task" |
||||
|
|
||||
|
void clock_task(void *pvParameters) { |
||||
|
|
||||
|
vTaskSuspend(NULL); |
||||
|
|
||||
|
ESP_LOGI(TAG, "Clock manager: Task running on core %d", xPortGetCoreID()); |
||||
|
|
||||
|
uiManager->clearDateTime(); |
||||
|
|
||||
|
// TODO: sync clock
|
||||
|
while (1) { |
||||
|
// uiManager->updateDateTime(
|
||||
|
// myClock->getTimeStruct()
|
||||
|
// );
|
||||
|
// uiManager->updateValues();
|
||||
|
vTaskDelay(DELAY_CLOCK_TASK / portTICK_PERIOD_MS); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,19 @@ |
|||||
|
#include <Arduino.h> |
||||
|
|
||||
|
#include "esp_log.h" |
||||
|
#include "uiDefines.h" |
||||
|
#include "uiVars.h" |
||||
|
|
||||
|
#define TAG "lvgl_task" |
||||
|
|
||||
|
void lvgl_task(void *pvParameters) { |
||||
|
|
||||
|
vTaskSuspend(NULL); |
||||
|
|
||||
|
ESP_LOGI(TAG, "UI manager: Task running on core %d", xPortGetCoreID()); |
||||
|
|
||||
|
while (1) { |
||||
|
lv_timer_handler(); |
||||
|
vTaskDelay(DELAY_LVGL_TASK / portTICK_PERIOD_MS); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,797 @@ |
|||||
|
#include <Arduino.h> |
||||
|
|
||||
|
#include "esp_log.h" |
||||
|
#include "uiDefines.h" |
||||
|
#include "uiVars.h" |
||||
|
|
||||
|
#include "uiManager.h" |
||||
|
|
||||
|
#include "../src/fonts/fonts.h" |
||||
|
|
||||
|
#include <helpers/ContactInfo.h> |
||||
|
#include <helpers/AdvertDataHelpers.h> |
||||
|
|
||||
|
#if defined(LANG_GR) |
||||
|
const char *UIManager::days[7] = {"Κυρ", "Δευ", "Τρι", "Τετ", "Πεμ", "Παρ", "Σαβ"}; |
||||
|
const char *UIManager::months[12] = {"Ιαν", "Φεβ", "Μαρ", "Απρ", "Μαι", "Ιουν", |
||||
|
"Ιουλ", "Αυγ", "Σεπ", "Οκτ", "Νοε", "Δεκ"}; |
||||
|
#elif defined(LANG_EN) |
||||
|
const char *UIManager::days[7] = {"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"}; |
||||
|
const char *UIManager::months[12] = {"Jan", "Feb", "Mar", "Apr", "May", "Jun", |
||||
|
"Jul", "Aug", "Sep", "Oct", "Nov", "Dec"}; |
||||
|
#endif |
||||
|
|
||||
|
#define TAG "UIManager" |
||||
|
|
||||
|
extern void handleCommand(char *msg); |
||||
|
|
||||
|
UIManager::UIManager() { |
||||
|
|
||||
|
tmp_buf = (char*)malloc(128); |
||||
|
|
||||
|
lv_disp_t * dispp = lv_disp_get_default(); |
||||
|
lv_theme_t * theme = lv_theme_default_init(dispp, lv_palette_main(LV_PALETTE_BLUE), lv_palette_main(LV_PALETTE_RED), |
||||
|
false, LV_FONT_DEFAULT); |
||||
|
lv_disp_set_theme(dispp, theme); |
||||
|
ui_Screen1_screen_init(); |
||||
|
ui____initial_actions0 = lv_obj_create(NULL); |
||||
|
lv_disp_load_scr(ui_Screen1); |
||||
|
|
||||
|
} |
||||
|
|
||||
|
void UIManager::format_time(uint32_t ts, char *buf, size_t len) |
||||
|
{ |
||||
|
time_t t = ts; |
||||
|
struct tm *tm_info = localtime(&t); |
||||
|
strftime(buf, len, "%H:%M:%S", tm_info); |
||||
|
} |
||||
|
|
||||
|
void UIManager::format_datetime(char *buf, size_t size, const struct tm *timeinfo) { |
||||
|
char tmp[64]; |
||||
|
strftime(tmp, sizeof(tmp), "%a, %d %b %Y", timeinfo); |
||||
|
|
||||
|
int wday = timeinfo->tm_wday; // 0=Κυρ ... 6=Σαβ
|
||||
|
int mon = timeinfo->tm_mon; // 0=Ιαν ... 11=Δεκ
|
||||
|
|
||||
|
// replace %a and %b with selected language
|
||||
|
snprintf(buf, size, "%s, %02d %s %d", days[wday], timeinfo->tm_mday, months[mon], 1900 + timeinfo->tm_year); |
||||
|
} |
||||
|
|
||||
|
void UIManager::updateDateTime(const struct tm timeinfo) { |
||||
|
// TODO: Add to settings "Date format"
|
||||
|
char date_str[50]; |
||||
|
format_datetime(date_str, sizeof(date_str), &timeinfo); |
||||
|
lv_label_set_text(ui_ValueDate, date_str); |
||||
|
|
||||
|
// TODO: Add to settings "Hour format"
|
||||
|
strftime(tmp_buf, 50, "%H:%M", &timeinfo); // 24h format
|
||||
|
//strftime(tmp_buf, 50, "%I:%M %p", &timeinfo); // 12h format
|
||||
|
lv_label_set_text(ui_ValueTime, tmp_buf); |
||||
|
|
||||
|
// TODO: Add to settings "dim at night"
|
||||
|
// TODO: Add to settings "dim hours"
|
||||
|
// TODO: Add to settings "dim percentage"
|
||||
|
if (timeinfo.tm_hour > 21 || timeinfo.tm_hour < 7) { |
||||
|
setNightMode(true); |
||||
|
} else { |
||||
|
setNightMode(false); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
void UIManager::clearDateTime() { |
||||
|
#if defined(LANG_EN) |
||||
|
uiManager->updateInfo("Clock sync...", COLOR_WHITE); |
||||
|
#elif defined(LANG_GR) |
||||
|
uiManager->updateInfo("Συγχρονισμός ώρας...", COLOR_WHITE); |
||||
|
#endif |
||||
|
lv_label_set_text(ui_ValueDate, "--- --/--/----"); |
||||
|
lv_label_set_text(ui_ValueTime, "--:--"); |
||||
|
} |
||||
|
|
||||
|
void UIManager::timestampToTime(time_t timestamp, char *buffer, size_t buffer_size) { |
||||
|
struct tm *time_info; |
||||
|
time_info = localtime(×tamp); |
||||
|
strftime(buffer, buffer_size, "%H:%M", time_info); |
||||
|
} |
||||
|
|
||||
|
const char* UIManager::convertDegreesToDirection(int degrees) { |
||||
|
// Normalize degrees to [0, 360)
|
||||
|
degrees = degrees % 360; |
||||
|
if (degrees < 0) degrees += 360; |
||||
|
|
||||
|
#if defined(LANG_EN) |
||||
|
static constexpr const char* dirs[] = {"N", "NE", "E", "SE", "S", "SW", "W", "NW"}; |
||||
|
#elif defined(LANG_GR) |
||||
|
static constexpr const char* dirs[] = {"Β", "ΒΑ", "Α", "ΝΑ", "Ν", "ΝΔ", "Δ", "ΒΔ"}; |
||||
|
#else |
||||
|
#error "No Language defined!" |
||||
|
#endif |
||||
|
|
||||
|
// Each direction covers 45°, starting at N = 0°
|
||||
|
int index = static_cast<int>((degrees + 22.5) / 45.0) % 8; |
||||
|
return dirs[index]; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
int UIManager::windSpeedToBeaufort(float speed) { |
||||
|
static const float limits[] = { |
||||
|
0.5, 1.5, 3.3, 5.5, 7.9, 10.7, |
||||
|
13.8, 17.1, 20.7, 24.4, 28.4, 32.6 |
||||
|
}; |
||||
|
|
||||
|
for (int i = 0; i < 12; ++i) |
||||
|
if (speed < limits[i]) |
||||
|
return i; |
||||
|
return 12; |
||||
|
} |
||||
|
|
||||
|
void UIManager::updateValues() { |
||||
|
lv_label_set_text(ui_ValueTime, "--:--"); |
||||
|
} |
||||
|
|
||||
|
void UIManager::updateInfo(const char *str, uint32_t color) { |
||||
|
// lv_label_set_text(ui_ValueLastUpdate, str);
|
||||
|
// lv_obj_set_style_text_color(ui_ValueLastUpdate, lv_color_hex(color), LV_PART_MAIN | LV_STATE_DEFAULT);
|
||||
|
} |
||||
|
|
||||
|
void UIManager::addChatBubble(const char *time_str, const char *sender, const char *msg,bool is_self) |
||||
|
{ |
||||
|
// Remove oldest
|
||||
|
if (chat_count >= MAX_CHAT_MESSAGES) { |
||||
|
lv_obj_del(chat_items[0]); |
||||
|
memmove(&chat_items[0], &chat_items[1], sizeof(lv_obj_t*) * (MAX_CHAT_MESSAGES - 1)); |
||||
|
chat_count--; |
||||
|
} |
||||
|
|
||||
|
// Row container (align bubble left/right)
|
||||
|
lv_obj_t *row = lv_obj_create(ui_ChannelMessages); |
||||
|
lv_obj_set_width(row, lv_pct(100)); |
||||
|
lv_obj_set_height(row, LV_SIZE_CONTENT); |
||||
|
lv_obj_set_style_bg_opa(row, 0, 0); |
||||
|
lv_obj_set_style_pad_all(row, 0, 0); |
||||
|
lv_obj_set_style_border_width(row, 0, 0); |
||||
|
lv_obj_set_style_outline_width(row, 0, 0); |
||||
|
lv_obj_clear_flag(row, LV_OBJ_FLAG_SCROLLABLE); |
||||
|
|
||||
|
lv_obj_set_flex_flow(row, LV_FLEX_FLOW_ROW); |
||||
|
lv_obj_set_flex_align(row, |
||||
|
is_self ? LV_FLEX_ALIGN_END : LV_FLEX_ALIGN_START, |
||||
|
LV_FLEX_ALIGN_START, |
||||
|
LV_FLEX_ALIGN_START); |
||||
|
|
||||
|
// Bubble container (COLUMN)
|
||||
|
lv_obj_t *bubble = lv_obj_create(row); |
||||
|
lv_obj_set_width(bubble, lv_pct(85)); |
||||
|
lv_obj_set_height(bubble, LV_SIZE_CONTENT); |
||||
|
lv_obj_set_style_radius(bubble, 12, 0); |
||||
|
lv_obj_set_style_pad_all(bubble, 10, 0); |
||||
|
lv_obj_set_style_bg_color(bubble, |
||||
|
is_self ? lv_color_hex(0x1E88E5) : lv_color_hex(0x2C2C2C), 0); |
||||
|
|
||||
|
// IMPORTANT: vertical layout inside bubble
|
||||
|
lv_obj_set_flex_flow(bubble, LV_FLEX_FLOW_COLUMN); |
||||
|
lv_obj_set_flex_align(bubble, |
||||
|
LV_FLEX_ALIGN_START, |
||||
|
LV_FLEX_ALIGN_START, |
||||
|
LV_FLEX_ALIGN_START); |
||||
|
|
||||
|
// Header row (sender + time)
|
||||
|
lv_obj_t *hdr = lv_obj_create(bubble); |
||||
|
lv_obj_set_width(hdr, lv_pct(100)); |
||||
|
lv_obj_set_height(hdr, LV_SIZE_CONTENT); |
||||
|
lv_obj_set_style_bg_opa(hdr, 0, 0); |
||||
|
lv_obj_set_style_border_width(hdr, 0, 0); |
||||
|
lv_obj_set_style_pad_all(hdr, 0, 0); |
||||
|
lv_obj_set_style_outline_width(hdr, 0, 0); |
||||
|
|
||||
|
lv_obj_set_flex_flow(hdr, LV_FLEX_FLOW_ROW); |
||||
|
lv_obj_set_flex_align(hdr, |
||||
|
LV_FLEX_ALIGN_SPACE_BETWEEN, |
||||
|
LV_FLEX_ALIGN_START, //LV_FLEX_ALIGN_CENTER, // Ευθυγράμμιση ονόματος/ώρας στον κάθετο άξονα
|
||||
|
LV_FLEX_ALIGN_START); |
||||
|
|
||||
|
lv_obj_t *lbl_sender = lv_label_create(hdr); |
||||
|
lv_label_set_text(lbl_sender, sender); |
||||
|
lv_obj_set_style_text_color(lbl_sender, |
||||
|
is_self ? lv_color_hex(0xE3F2FD) : lv_color_hex(0x90CAF9), 0); |
||||
|
lv_obj_set_style_text_font(lbl_sender, &lv_font_arial_22, 0); |
||||
|
|
||||
|
lv_obj_t *lbl_time = lv_label_create(hdr); |
||||
|
lv_label_set_text(lbl_time, time_str); |
||||
|
lv_obj_set_style_text_color(lbl_time, lv_color_hex(0xB0B0B0), 0); |
||||
|
lv_obj_set_style_text_font(lbl_time, &lv_font_arial_20, 0); |
||||
|
|
||||
|
// Message body (below header)
|
||||
|
lv_obj_t *lbl_msg = lv_label_create(bubble); |
||||
|
lv_label_set_text(lbl_msg, msg); |
||||
|
lv_label_set_long_mode(lbl_msg, LV_LABEL_LONG_WRAP); |
||||
|
lv_obj_set_width(lbl_msg, lv_pct(100)); |
||||
|
|
||||
|
lv_obj_set_style_text_color(lbl_msg, lv_color_hex(0xFFFFFF), 0); |
||||
|
lv_obj_set_style_text_font(lbl_msg, &lv_font_arial_26, 0); |
||||
|
|
||||
|
// Spacing between header and text
|
||||
|
//lv_obj_set_style_margin_top(lbl_msg, 6, 0);
|
||||
|
lv_obj_set_style_pad_row(bubble, 6, 0); |
||||
|
|
||||
|
chat_items[chat_count++] = row; |
||||
|
|
||||
|
lv_obj_scroll_to_view(row, LV_ANIM_ON); |
||||
|
} |
||||
|
|
||||
|
void UIManager::addPrivateChatBubble(const char *time_str, const char *msg, bool is_self) { |
||||
|
|
||||
|
lv_obj_set_style_pad_bottom(ui_ContactMessages, 20, 0); |
||||
|
|
||||
|
// 1. Row container
|
||||
|
lv_obj_t* row = LvObj(ui_ContactMessages) |
||||
|
.width(lv_pct(100)) |
||||
|
.height(LV_SIZE_CONTENT) |
||||
|
.bgOpa(0) |
||||
|
.border(0) |
||||
|
.padAll(4) |
||||
|
.scrollable(false) |
||||
|
.flexFlow(LV_FLEX_FLOW_ROW) |
||||
|
.flexAlign( |
||||
|
is_self ? LV_FLEX_ALIGN_END : LV_FLEX_ALIGN_START, |
||||
|
LV_FLEX_ALIGN_START, |
||||
|
LV_FLEX_ALIGN_START |
||||
|
); |
||||
|
|
||||
|
// 2. Aligner (Column) - label and time
|
||||
|
lv_obj_t* aligner = LvObj(row) |
||||
|
.width(LV_SIZE_CONTENT) |
||||
|
.height(LV_SIZE_CONTENT) |
||||
|
.bgOpa(0) |
||||
|
.border(0) |
||||
|
.padAll(0) |
||||
|
.scrollable(false) |
||||
|
.flexFlow(LV_FLEX_FLOW_ROW) |
||||
|
.flexAlign( |
||||
|
is_self ? LV_FLEX_ALIGN_END : LV_FLEX_ALIGN_START, |
||||
|
LV_FLEX_ALIGN_START, |
||||
|
LV_FLEX_ALIGN_START |
||||
|
); |
||||
|
lv_obj_set_style_pad_row(aligner, 4, 0); |
||||
|
|
||||
|
// 3. Το Label-Bubble (Ενοποιημένο)
|
||||
|
lv_obj_t *lbl_msg = lv_label_create(aligner); |
||||
|
|
||||
|
// Long mode για wrap
|
||||
|
lv_label_set_long_mode(lbl_msg, LV_LABEL_LONG_WRAP); |
||||
|
lv_label_set_text(lbl_msg, msg); |
||||
|
lv_obj_set_style_text_font(lbl_msg, &lv_font_arial_22, 0); |
||||
|
|
||||
|
// Fixed max width για wrap
|
||||
|
lv_obj_set_width(lbl_msg, 400); // max πλάτος
|
||||
|
lv_obj_set_height(lbl_msg, LV_SIZE_CONTENT); // αυτόματο ύψος
|
||||
|
|
||||
|
// Bubble style
|
||||
|
lv_obj_set_style_bg_opa(lbl_msg, LV_OPA_COVER, 0); |
||||
|
lv_obj_set_style_radius(lbl_msg, 12, 0); |
||||
|
lv_obj_set_style_pad_all(lbl_msg, 12, 0); |
||||
|
|
||||
|
if(is_self) { |
||||
|
lv_obj_set_style_bg_color(lbl_msg, lv_color_hex(0x1E88E5), 0); |
||||
|
lv_obj_set_style_text_color(lbl_msg, lv_color_hex(0xFFFFFF), 0); |
||||
|
} else { |
||||
|
lv_obj_set_style_bg_color(lbl_msg, lv_color_hex(0xFFFFFF), 0); |
||||
|
lv_obj_set_style_text_color(lbl_msg, lv_color_hex(0x000000), 0); |
||||
|
} |
||||
|
|
||||
|
// 4. Η Ώρα
|
||||
|
lv_obj_t *lbl_time = lv_label_create(aligner); |
||||
|
lv_label_set_text(lbl_time, time_str); |
||||
|
lv_obj_set_style_text_color(lbl_time, lv_color_hex(0x808080), 0); |
||||
|
lv_obj_set_style_text_font(lbl_time, &lv_font_arial_14, 0); |
||||
|
|
||||
|
lv_obj_scroll_to_view(row, LV_ANIM_ON); |
||||
|
} |
||||
|
|
||||
|
void UIManager::getInitials(const char *name, char *out) { |
||||
|
out[0] = 0; |
||||
|
if (!name || !name[0]) return; |
||||
|
|
||||
|
const char *p = name; |
||||
|
while (*p && !isalnum((unsigned char)*p)) { |
||||
|
p++; |
||||
|
} |
||||
|
|
||||
|
char first = (*p) ? *p : name[0]; |
||||
|
char second = 0; |
||||
|
const char *space = strchr(name, ' '); |
||||
|
|
||||
|
if (space) { |
||||
|
const char *s = space + 1; |
||||
|
while (*s && !isalnum((unsigned char)*s)) { |
||||
|
s++; |
||||
|
} |
||||
|
if (*s) { |
||||
|
second = *s; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
out[0] = toupper((unsigned char)first); |
||||
|
if (second) { |
||||
|
out[1] = toupper((unsigned char)second); |
||||
|
out[2] = 0; |
||||
|
} else { |
||||
|
out[1] = 0; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
void UIManager::formatLastSeen(uint32_t ts, char *out, size_t len) { |
||||
|
if (ts == 0) { |
||||
|
snprintf(out, len, "Never"); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
time_t t = (time_t)ts; |
||||
|
struct tm *tm = localtime(&t); |
||||
|
|
||||
|
if (tm == nullptr) { |
||||
|
snprintf(out, len, "Unknown"); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
snprintf(out, len, "%02d:%02d %02d/%02d/%02d", |
||||
|
tm->tm_hour, |
||||
|
tm->tm_min, |
||||
|
tm->tm_mday, |
||||
|
tm->tm_mon + 1, |
||||
|
(tm->tm_year + 1900) % 100); // Προσθέτουμε το 1900 και παίρνουμε τα τελευταία 2 ψηφία
|
||||
|
} |
||||
|
|
||||
|
static void onContactClick(lv_event_t *e) |
||||
|
{ |
||||
|
UIManager *self = (UIManager*) lv_event_get_user_data(e); |
||||
|
if(self) self->handleContactClick(e); |
||||
|
} |
||||
|
|
||||
|
void UIManager::handleContactClick(lv_event_t *e) |
||||
|
{ |
||||
|
lv_obj_t *row = lv_event_get_target(e); |
||||
|
ContactInfo *c = (ContactInfo*) lv_obj_get_user_data(row); |
||||
|
|
||||
|
Serial.printf("Clicked: %s\n", c->name); |
||||
|
} |
||||
|
|
||||
|
void UIManager::addContactToUI(ContactInfo c) |
||||
|
{ |
||||
|
const int ROW_W = 200; |
||||
|
const int ROW_H = 64; |
||||
|
const int AVATAR = 44; |
||||
|
const int PAD = 4; |
||||
|
|
||||
|
// ============================
|
||||
|
// List row button
|
||||
|
// ============================
|
||||
|
lv_obj_t* btn = lv_list_add_btn(ui_Contacts, nullptr, nullptr); |
||||
|
|
||||
|
LvObj(btn, true) |
||||
|
.size(ROW_W, ROW_H) |
||||
|
.padAll(0) |
||||
|
.bgColor(0x000000) |
||||
|
.bgOpa(LV_OPA_COVER) |
||||
|
.noDecor() |
||||
|
.border(1) |
||||
|
.scrollable(false); |
||||
|
|
||||
|
lv_obj_set_layout(btn, 0); |
||||
|
lv_obj_set_style_border_side(btn, LV_BORDER_SIDE_BOTTOM, 0); |
||||
|
lv_obj_set_style_border_color(btn, lv_color_hex(0x222222), 0); |
||||
|
lv_obj_set_style_bg_color(btn, lv_color_hex(0x111111), LV_STATE_PRESSED); |
||||
|
|
||||
|
// Store ContactInfo
|
||||
|
auto* store = new ContactInfo(c); |
||||
|
lv_obj_set_user_data(btn, store); |
||||
|
|
||||
|
lv_obj_add_event_cb(btn, onContactClick, LV_EVENT_CLICKED, this); |
||||
|
|
||||
|
// ============================
|
||||
|
// Avatar container
|
||||
|
// ============================
|
||||
|
lv_obj_t* content = LvObj(btn) |
||||
|
.size(ROW_H, ROW_H) |
||||
|
.position(0, 0) |
||||
|
.padAll(0) |
||||
|
.bgOpa(LV_OPA_TRANSP) |
||||
|
.border(0) |
||||
|
.scrollable(false) |
||||
|
.raw(); |
||||
|
|
||||
|
// Avatar circle
|
||||
|
lv_obj_t* avatar = LvObj(content) |
||||
|
.size(AVATAR, AVATAR) |
||||
|
.position(0, 10) |
||||
|
.radius(LV_RADIUS_CIRCLE) |
||||
|
.bgColor(0x4A90E2) |
||||
|
.border(0) |
||||
|
.raw(); |
||||
|
|
||||
|
// Initials
|
||||
|
char initials[4]; |
||||
|
if (c.type == ADV_TYPE_REPEATER) { |
||||
|
strcpy(initials, "(R)"); |
||||
|
} else { |
||||
|
getInitials(c.name, initials); |
||||
|
} |
||||
|
|
||||
|
LvLabel(avatar) |
||||
|
.text(initials) |
||||
|
.font(&lv_font_arial_22) |
||||
|
.textColor(0xFFFFFF) |
||||
|
.align(LV_ALIGN_CENTER); |
||||
|
|
||||
|
// ============================
|
||||
|
// Text column
|
||||
|
// ============================
|
||||
|
int text_x = PAD + AVATAR + PAD; |
||||
|
int text_w = ROW_W - text_x - PAD; |
||||
|
|
||||
|
lv_obj_t* text_col = LvObj(btn) |
||||
|
.position(text_x, 0) |
||||
|
.size(text_w, ROW_H - PAD) |
||||
|
.padAll(0) |
||||
|
.bgOpa(LV_OPA_TRANSP) |
||||
|
.border(0) |
||||
|
.scrollable(false) |
||||
|
.raw(); |
||||
|
|
||||
|
// Name label
|
||||
|
LvLabel(text_col) |
||||
|
.text(c.name) |
||||
|
.position(0, PAD + 4) |
||||
|
.width(text_w) |
||||
|
.font(&lv_font_arial_20) |
||||
|
.textColor(0xFFFFFF) |
||||
|
.wrap(false); |
||||
|
|
||||
|
// Last seen
|
||||
|
char lastSeen[32]; |
||||
|
formatLastSeen(c.lastmod, lastSeen, sizeof(lastSeen)); |
||||
|
|
||||
|
LvLabel(text_col) |
||||
|
.text(lastSeen) |
||||
|
.position(0, PAD + 32) |
||||
|
.width(text_w) |
||||
|
.font(&lv_font_arial_16) |
||||
|
.textColor(0x888888) |
||||
|
.wrap(false); |
||||
|
|
||||
|
// ============================
|
||||
|
// Disable child clicks
|
||||
|
// ============================
|
||||
|
LvObj(avatar, true).clickable(false); |
||||
|
LvObj(text_col, true).clickable(false); |
||||
|
} |
||||
|
|
||||
|
void UIManager::onShowKeyboard() |
||||
|
{ |
||||
|
LvKeyboard(ui_Keyboard, true).show(true); |
||||
|
LvObj(ui_DimOverlay, true).clickable(true); |
||||
|
LvObj(ui_ChannelInput, true).positionY(channelInputBaseKeybOnY); |
||||
|
LvObj(ui_SendBtn, true).positionY(channelInputBaseKeybOnY); |
||||
|
} |
||||
|
|
||||
|
void UIManager::onHideKeyboard() |
||||
|
{ |
||||
|
LvKeyboard(ui_Keyboard, true).show(false); |
||||
|
LvObj(ui_DimOverlay, true).clickable(false); |
||||
|
LvObj(ui_ChannelInput, true).positionY(channelInputBaseY); |
||||
|
LvObj(ui_SendBtn, true).positionY(channelInputBaseY); |
||||
|
} |
||||
|
|
||||
|
static void s_onChannelInputFocus(lv_event_t *e) |
||||
|
{ |
||||
|
UIManager *self = (UIManager*) lv_event_get_user_data(e); |
||||
|
if(self) self->onChannelInputFocus(e); |
||||
|
} |
||||
|
|
||||
|
void UIManager::onChannelInputFocus(lv_event_t* e) |
||||
|
{ |
||||
|
lv_obj_t* ta = lv_event_get_target(e); |
||||
|
if(!ui_Keyboard || !ta) return; |
||||
|
|
||||
|
lv_keyboard_set_textarea(ui_Keyboard, ta); |
||||
|
onShowKeyboard(); |
||||
|
} |
||||
|
|
||||
|
static void s_onSendClick(lv_event_t *e) |
||||
|
{ |
||||
|
UIManager *self = (UIManager*) lv_event_get_user_data(e); |
||||
|
if(self) self->onSendClick(e); |
||||
|
} |
||||
|
|
||||
|
void UIManager::onSendClick(lv_event_t* e) |
||||
|
{ |
||||
|
|
||||
|
char fullMessage[260]; |
||||
|
char msgCopy[200]; |
||||
|
|
||||
|
const char* msg = lv_textarea_get_text(ui_ChannelInput); |
||||
|
if(msg == NULL || msg[0] == '\0') return; |
||||
|
|
||||
|
strncpy(msgCopy, msg, sizeof(msgCopy) - 1); |
||||
|
msgCopy[sizeof(msgCopy) - 1] = '\0'; |
||||
|
|
||||
|
lv_textarea_set_text(ui_ChannelInput, ""); |
||||
|
|
||||
|
snprintf(fullMessage, sizeof(fullMessage), "public %s", msgCopy); |
||||
|
//handleCommand(fullMessage);
|
||||
|
handleCommand(msgCopy); |
||||
|
|
||||
|
char time_buf[16]; |
||||
|
time_t now = time(NULL); |
||||
|
struct tm t; |
||||
|
localtime_r(&now, &t); |
||||
|
|
||||
|
sprintf(time_buf, "%02d:%02d:%02d\n", t.tm_hour, t.tm_min, t.tm_sec); |
||||
|
addChatBubble(time_buf, "Me", msgCopy, true); |
||||
|
|
||||
|
onHideKeyboard(); |
||||
|
} |
||||
|
|
||||
|
static void s_onKeyboardEvent(lv_event_t *e) |
||||
|
{ |
||||
|
UIManager *self = (UIManager*) lv_event_get_user_data(e); |
||||
|
if(self) self->onKeyboardEvent(e); |
||||
|
} |
||||
|
|
||||
|
void UIManager::onKeyboardEvent(lv_event_t* e) |
||||
|
{ |
||||
|
lv_event_code_t code = lv_event_get_code(e); |
||||
|
|
||||
|
if(code == LV_EVENT_READY || code == LV_EVENT_CANCEL) |
||||
|
{ |
||||
|
LvKeyboard(ui_Keyboard, true).show(false); |
||||
|
|
||||
|
LvObj(ui_ChannelInput, true).positionY(channelInputBaseY); |
||||
|
LvObj(ui_SendBtn, true).positionY(channelInputBaseY); |
||||
|
|
||||
|
LvObj(ui_DimOverlay, true) |
||||
|
.bgOpa(0) |
||||
|
.clickable(false); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
static void s_onDimOverlayClick(lv_event_t *e) |
||||
|
{ |
||||
|
UIManager *self = (UIManager*) lv_event_get_user_data(e); |
||||
|
if(self) self->onDimOverlayClick(e); |
||||
|
} |
||||
|
|
||||
|
void UIManager::onDimOverlayClick(lv_event_t* e) |
||||
|
{ |
||||
|
onHideKeyboard(); |
||||
|
} |
||||
|
|
||||
|
static void onScrollBeginEvent(lv_event_t *e) |
||||
|
{ |
||||
|
UIManager *self = (UIManager*) lv_event_get_user_data(e); |
||||
|
if(self) self->scroll_begin_event(e); |
||||
|
} |
||||
|
|
||||
|
void UIManager::scroll_begin_event(lv_event_t *e) |
||||
|
{ |
||||
|
if (lv_event_get_code(e) == LV_EVENT_SCROLL_BEGIN) { |
||||
|
lv_anim_t* a = (lv_anim_t*)lv_event_get_param(e); |
||||
|
if (a) a->time = 0; |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
void UIManager::ui_Screen1_screen_init(void) |
||||
|
{ |
||||
|
//lv_disp_set_rotation(disp, LV_DISP_ROT_90);
|
||||
|
//ui_Screen1 = lv_obj_create(NULL);
|
||||
|
|
||||
|
ui_Screen1 = LvObj(NULL) |
||||
|
.scrollable(false) |
||||
|
.bgColor(0x000000) |
||||
|
.bgOpa(255); |
||||
|
|
||||
|
LvTabView tabView(ui_Screen1); |
||||
|
tabView |
||||
|
.size(480, 480) |
||||
|
.align(LV_ALIGN_CENTER) |
||||
|
.bgColor(0x000000) |
||||
|
.contentNoScroll() |
||||
|
.tabBtnBg(0x424242) |
||||
|
.tabBtnText(0xFFFFFF, &lv_font_arial_18); |
||||
|
|
||||
|
ui_TabView1 = tabView.raw(); |
||||
|
|
||||
|
#if defined(LANG_EN) |
||||
|
ui_TabPageHome = ui_TabView1.addTab("Home"); |
||||
|
ui_TabPageContacts = ui_TabView1.addTab("Contacts"); |
||||
|
ui_TabPageChannels = ui_TabView1.addTab("Channels"); |
||||
|
ui_TabPageSettings = ui_TabView1.addTab("Settings"); |
||||
|
#elif defined(LANG_GR) |
||||
|
ui_TabPageHome = tabView.addTab("Αρχική"); |
||||
|
ui_TabPageContacts = tabView.addTab("Επαφές"); |
||||
|
ui_TabPageChannels = tabView.addTab("Κανάλια"); |
||||
|
ui_TabPageSettings = tabView.addTab("Ρυθμίσεις"); |
||||
|
#endif |
||||
|
|
||||
|
LvObj(ui_TabPageHome) |
||||
|
.scrollable(false) |
||||
|
.bgOpa(0) |
||||
|
.bgColor(0x000000); |
||||
|
LvObj(ui_TabPageContacts) |
||||
|
.scrollable(false) |
||||
|
.bgOpa(0) |
||||
|
.bgColor(0x000000); |
||||
|
LvObj(ui_TabPageChannels) |
||||
|
.scrollable(false) |
||||
|
.bgOpa(0) |
||||
|
.bgColor(0x000000); |
||||
|
LvObj(ui_TabPageSettings) |
||||
|
.scrollable(false) |
||||
|
.bgOpa(0) |
||||
|
.bgColor(0x000000); |
||||
|
|
||||
|
ui_ValueDate = LvLabel(ui_TabPageHome) |
||||
|
.text("--- --/--/----") |
||||
|
.width(LV_SIZE_CONTENT) |
||||
|
.height(LV_SIZE_CONTENT) |
||||
|
.font(&lv_font_arial_40) |
||||
|
.textColor(0xFFFFFF) |
||||
|
.opa(255) |
||||
|
.align(LV_ALIGN_CENTER) |
||||
|
.position(0, -165); |
||||
|
|
||||
|
|
||||
|
ui_ValueTime = LvLabel(ui_TabPageHome) |
||||
|
.text("--:--") |
||||
|
.width(LV_SIZE_CONTENT) |
||||
|
.height(LV_SIZE_CONTENT) |
||||
|
.font(&lv_font_arial_48) |
||||
|
.textColor(0xFFFFFF) |
||||
|
.opa(255) |
||||
|
.align(LV_ALIGN_CENTER) |
||||
|
.position(0, -100); |
||||
|
|
||||
|
ui_Contacts = LvList(ui_TabPageContacts) |
||||
|
.width(250) |
||||
|
.height(400) |
||||
|
.align(LV_ALIGN_CENTER) |
||||
|
.position(-274, 0) |
||||
|
.transparent() |
||||
|
.raw(); |
||||
|
|
||||
|
lv_obj_set_style_bg_opa(ui_Contacts, LV_OPA_TRANSP, 0); |
||||
|
lv_obj_set_style_border_width(ui_Contacts, 0, 0); |
||||
|
lv_obj_set_style_outline_width(ui_Contacts, 0, 0); |
||||
|
lv_obj_set_style_shadow_width(ui_Contacts, 0, 0); |
||||
|
//lv_obj_set_scrollbar_mode(ui_Contacts, LV_SCROLLBAR_MODE_OFF);
|
||||
|
lv_obj_set_style_bg_opa(ui_Contacts, LV_OPA_TRANSP, LV_PART_ITEMS); |
||||
|
lv_obj_set_style_border_width(ui_Contacts, 0, LV_PART_ITEMS); |
||||
|
|
||||
|
ui_ContactMessages = LvList(ui_TabPageContacts) |
||||
|
.width(500) |
||||
|
.height(400) |
||||
|
.align(LV_ALIGN_CENTER) |
||||
|
.position(124, 0) |
||||
|
.transparent() |
||||
|
.raw(); |
||||
|
|
||||
|
lv_obj_set_style_bg_color(ui_ContactMessages, lv_color_hex(0), 0); |
||||
|
lv_obj_set_style_bg_opa(ui_ContactMessages, LV_OPA_TRANSP, 0); |
||||
|
lv_obj_set_style_border_width(ui_ContactMessages, 0, 0); |
||||
|
lv_obj_set_style_outline_width(ui_ContactMessages, 0, 0); |
||||
|
lv_obj_set_style_shadow_width(ui_ContactMessages, 0, 0); |
||||
|
//lv_obj_set_scrollbar_mode(ui_ContactMessages, LV_SCROLLBAR_MODE_OFF);
|
||||
|
lv_obj_set_style_bg_opa(ui_ContactMessages, LV_OPA_TRANSP, LV_PART_ITEMS); |
||||
|
lv_obj_set_style_border_width(ui_ContactMessages, 0, LV_PART_ITEMS); |
||||
|
|
||||
|
// LvObj(ui_TabPageContacts)
|
||||
|
// .size(2, 400)
|
||||
|
// .position(222, 0)
|
||||
|
// .bgColor(0x444444)
|
||||
|
// .border(0)
|
||||
|
// .scrollable(false)
|
||||
|
// .radius(0);
|
||||
|
|
||||
|
ui_Channels = LvDropdown(ui_TabPageChannels) |
||||
|
.options("Public") |
||||
|
.width(291) |
||||
|
.align(LV_ALIGN_CENTER) |
||||
|
.position(-243, -182) |
||||
|
.clickable(true) |
||||
|
.raw(); |
||||
|
|
||||
|
ui_ChannelMessages = LvList(ui_TabPageChannels) |
||||
|
.width(780) |
||||
|
.height(280) |
||||
|
.align(LV_ALIGN_CENTER) |
||||
|
.transparent() |
||||
|
.padRow(10) |
||||
|
.position(0, 0) |
||||
|
.bgColor(0) |
||||
|
.bgOpa(0) |
||||
|
.border(0) |
||||
|
.noDecor() |
||||
|
.raw(); |
||||
|
|
||||
|
//lv_obj_set_scrollbar_mode(ui_ChannelMessages, LV_SCROLLBAR_MODE_OFF);
|
||||
|
lv_obj_set_style_bg_opa(ui_ChannelMessages, LV_OPA_TRANSP, LV_PART_ITEMS); |
||||
|
lv_obj_set_style_border_width(ui_ChannelMessages, 0, LV_PART_ITEMS); |
||||
|
|
||||
|
ui_ChannelDivider = LvObj(ui_TabPageChannels) |
||||
|
.size(780, 1) |
||||
|
.align(LV_ALIGN_CENTER) |
||||
|
.position(0, 150) |
||||
|
.bgColor(0x444444) |
||||
|
.border(0) |
||||
|
.raw(); |
||||
|
|
||||
|
ui_DimOverlay = LvObj(ui_Screen1) |
||||
|
.size(lv_pct(100), lv_pct(100)) |
||||
|
.align(LV_ALIGN_CENTER) |
||||
|
.bgColor(0x000000) |
||||
|
.bgOpa(0) |
||||
|
.bringToFront() |
||||
|
.onClick(s_onDimOverlayClick, this) |
||||
|
.scrollable(false) |
||||
|
.clickable(true) |
||||
|
.raw(); |
||||
|
lv_obj_remove_style_all(ui_DimOverlay); // no border/padding
|
||||
|
lv_obj_clear_flag(ui_DimOverlay, LV_OBJ_FLAG_SCROLL_CHAIN_HOR); |
||||
|
lv_obj_clear_flag(ui_DimOverlay, LV_OBJ_FLAG_SCROLL_CHAIN_VER); |
||||
|
|
||||
|
|
||||
|
ui_ChannelInput = LvTextArea(ui_TabPageChannels) |
||||
|
.size(670, 40) |
||||
|
.align(LV_ALIGN_CENTER) |
||||
|
.position(-50, channelInputBaseY) |
||||
|
.oneLine(true) |
||||
|
#if defined(LANG_EN) |
||||
|
.placeholder("Write message...") |
||||
|
#elif defined(LANG_GR) |
||||
|
.placeholder("Γράψε μήνυμα...") |
||||
|
#endif |
||||
|
.font(&lv_font_arial_20) |
||||
|
.bgColor(0x111111) |
||||
|
.textColor(0xFFFFFF) |
||||
|
.borderColor(0x444444) |
||||
|
.borderWidth(1) |
||||
|
.radius(6) |
||||
|
.onFocus(s_onChannelInputFocus, this) |
||||
|
.raw(); |
||||
|
|
||||
|
ui_SendBtn = LvButton(ui_TabPageChannels) |
||||
|
.size(90, 42) |
||||
|
.align(LV_ALIGN_CENTER) |
||||
|
.position(350, channelInputBaseY) |
||||
|
.bgColor(0x3A7AFE) |
||||
|
.onClick(s_onSendClick, this) |
||||
|
.raw(); |
||||
|
|
||||
|
iu_SendLabel = LvLabel(ui_SendBtn) |
||||
|
#if defined(LANG_EN) |
||||
|
.text("Send") |
||||
|
#elif defined(LANG_GR) |
||||
|
.text("Αποστολή") |
||||
|
#endif |
||||
|
.font(&lv_font_arial_18); |
||||
|
lv_obj_center(iu_SendLabel); |
||||
|
|
||||
|
ui_Keyboard = LvKeyboard(lv_layer_top()) |
||||
|
.size(480, 200) |
||||
|
.align(LV_ALIGN_BOTTOM_MID) |
||||
|
.show(false) |
||||
|
.onEvent(s_onKeyboardEvent, this); |
||||
|
} |
||||
|
|
||||
|
void UIManager::setNightMode(bool night) { |
||||
|
|
||||
|
if (!ui_DimOverlay) return; |
||||
|
if (night) { |
||||
|
lv_obj_set_style_bg_opa(ui_DimOverlay, 192, 0); // 75% dark
|
||||
|
} else { |
||||
|
lv_obj_set_style_bg_opa(ui_DimOverlay, 0, 0); // none
|
||||
|
} |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,50 @@ |
|||||
|
#include <Arduino.h> |
||||
|
|
||||
|
#include "esp_log.h" |
||||
|
#include "uiDefines.h" |
||||
|
#include "uiTasks.h" |
||||
|
#include "uiVars.h" |
||||
|
|
||||
|
// Tasks
|
||||
|
TaskHandle_t t_core0_lvgl; |
||||
|
TaskHandle_t t_core1_clock; |
||||
|
TaskHandle_t t_core1_core; |
||||
|
|
||||
|
#define TAG "createTasks" |
||||
|
|
||||
|
void createTasks() { |
||||
|
Serial.println("Creating Tasks..."); |
||||
|
|
||||
|
xTaskCreatePinnedToCore( |
||||
|
lvgl_task, // Task function.
|
||||
|
"LVGL_Manager", // Name of task.
|
||||
|
10000, // Stack size of task
|
||||
|
NULL, // Parameter of the task
|
||||
|
5, // Priority of the task
|
||||
|
&t_core0_lvgl, // Task handle to keep track of created task
|
||||
|
0); // Pin task to core 0
|
||||
|
|
||||
|
xTaskCreatePinnedToCore( |
||||
|
core_task, // Task function.
|
||||
|
"MeshCore", // Name of task.
|
||||
|
10000, // Stack size of task
|
||||
|
NULL, // Parameter of the task
|
||||
|
4, // Priority of the task
|
||||
|
&t_core1_core, // Task handle to keep track of created task
|
||||
|
1); // Pin task to core 1
|
||||
|
|
||||
|
xTaskCreatePinnedToCore( |
||||
|
clock_task, // Task function.
|
||||
|
"CLOCK_Manager", // Name of task.
|
||||
|
10000, // Stack size of task
|
||||
|
NULL, // Parameter of the task
|
||||
|
4, // Priority of the task
|
||||
|
&t_core1_clock, // Task handle to keep track of created task
|
||||
|
1); // Pin task to core 1
|
||||
|
|
||||
|
ESP_LOGD(TAG, "All tasks created\nStarting tasks..."); |
||||
|
|
||||
|
vTaskResume(t_core0_lvgl); |
||||
|
vTaskResume(t_core1_clock); |
||||
|
|
||||
|
} |
||||
Loading…
Reference in new issue