egutierrez
53402d84d5
Wave 1 de parallel-fix-issues integrada a master: - 0025: text_editor_cpp_core + file_watcher_cpp_core - 0026: gl_texture_load_cpp_gfx (vendor: stb_image v2.30) Ademas se commitea WIP previo de master que estaba sin commitear (cambios en shaders_lab, dag_*, framework, tokens, kpi_card, gl_loader.md, etc.) para dejar HEAD buildable. Notas: - Algunos deps del gallery (button.cpp, toolbar.cpp, modal_dialog.cpp...) siguen UNTRACKED — gating con FN_BUILD_GALLERY=ON (default OFF) para que master build (sin flag) no los necesite. - Build OK con y sin flag. fn index registra 904 functions. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
89 lines
3.4 KiB
C++
89 lines
3.4 KiB
C++
#include "kpi_card.h"
|
|
#include "sparkline.h"
|
|
#include "core/tokens.h"
|
|
#include "core/icons_tabler.h"
|
|
#include <imgui.h>
|
|
#include <cstdio>
|
|
|
|
void kpi_card(const char* label, float value, float delta_percent,
|
|
const float* history, int history_count,
|
|
const char* format,
|
|
const char* icon) {
|
|
using namespace fn_tokens;
|
|
|
|
// Card container — surface bg, border, rounded, padding.
|
|
// Mirrors Mantine <Paper withBorder shadow="xs" radius="md" p="md" /> usado
|
|
// en @fn_library/kpi_card.tsx, adaptado a ImGui dark theme via tokens.
|
|
ImGui::PushStyleColor(ImGuiCol_ChildBg, colors::surface);
|
|
ImGui::PushStyleColor(ImGuiCol_Border, colors::border);
|
|
ImGui::PushStyleVar(ImGuiStyleVar_ChildRounding, radius::md);
|
|
ImGui::PushStyleVar(ImGuiStyleVar_ChildBorderSize, 1.0f);
|
|
ImGui::PushStyleVar(ImGuiStyleVar_WindowPadding, ImVec2(spacing::sm, spacing::sm));
|
|
|
|
// Unique child id por label para que multiples cards en la misma ventana
|
|
// no colisionen.
|
|
char child_id[96];
|
|
std::snprintf(child_id, sizeof(child_id), "##kpi_%s", label);
|
|
|
|
float width = ImGui::GetContentRegionAvail().x;
|
|
if (width < 1.0f) width = 1.0f;
|
|
|
|
// Altura fija (no AutoResizeY) para que:
|
|
// (a) todas las cards de un grid queden alineadas visualmente,
|
|
// (b) no haya recalculo de layout por card en cada resize.
|
|
constexpr float card_height = 86.0f;
|
|
ImGui::BeginChild(child_id, ImVec2(width, card_height),
|
|
ImGuiChildFlags_Borders,
|
|
ImGuiWindowFlags_NoScrollbar | ImGuiWindowFlags_NoScrollWithMouse);
|
|
|
|
// Top row: optional icon + label, ambos en text_muted.
|
|
ImGui::PushStyleColor(ImGuiCol_Text, colors::text_muted);
|
|
if (icon && *icon) {
|
|
ImGui::TextUnformatted(icon);
|
|
ImGui::SameLine(0, spacing::xs);
|
|
}
|
|
ImGui::TextUnformatted(label);
|
|
ImGui::PopStyleColor();
|
|
|
|
// Value — escala compacta 1.4x, proporcional a una card de 86px.
|
|
ImGui::SetWindowFontScale(1.4f);
|
|
char value_buf[64];
|
|
std::snprintf(value_buf, sizeof(value_buf), format, value);
|
|
ImGui::TextUnformatted(value_buf);
|
|
ImGui::SetWindowFontScale(1.0f);
|
|
|
|
// Delta / trend — SIEMPRE se reserva la linea aunque no haya tendencia.
|
|
const bool has_delta = delta_percent != 0.0f;
|
|
const bool has_history = history != nullptr && history_count > 0;
|
|
|
|
if (has_delta) {
|
|
const bool positive = delta_percent >= 0.0f;
|
|
const ImVec4 delta_color = positive ? colors::success : colors::error;
|
|
char delta_buf[48];
|
|
if (positive) {
|
|
std::snprintf(delta_buf, sizeof(delta_buf), TI_TRENDING_UP " +%.1f%%", delta_percent);
|
|
} else {
|
|
std::snprintf(delta_buf, sizeof(delta_buf), TI_TRENDING_DOWN " %.1f%%", delta_percent);
|
|
}
|
|
ImGui::PushStyleColor(ImGuiCol_Text, delta_color);
|
|
ImGui::TextUnformatted(delta_buf);
|
|
ImGui::PopStyleColor();
|
|
|
|
if (has_history) {
|
|
sparkline(label, history, history_count, delta_color, 120.0f, 24.0f);
|
|
}
|
|
} else if (has_history) {
|
|
sparkline(label, history, history_count, colors::primary, 120.0f, 24.0f);
|
|
} else {
|
|
// Placeholder para preservar altura.
|
|
ImGui::PushStyleColor(ImGuiCol_Text, colors::text_dim);
|
|
ImGui::TextUnformatted(TI_MINUS);
|
|
ImGui::PopStyleColor();
|
|
}
|
|
|
|
ImGui::EndChild();
|
|
|
|
ImGui::PopStyleVar(3);
|
|
ImGui::PopStyleColor(2);
|
|
}
|