Pasted

struct DataEditor : UINode
{
    struct Item
    {
        std::string name;
        int value;
        bool enable;
        float value2;
    };
 
    struct ItemButton : UINode
    {
        ItemButton()
        {
            GetStyle().SetLayout(style::Layout::Stack);
            //GetStyle().SetMargin(32);
        }
        void Render(UIContainer* ctx) override
        {
            ctx->Push<UIButton>()->GetStyle().SetWidth(style::Coord::Percent(100));
            ctx->Text(name);
            ctx->Pop();
        }
        void OnEvent(UIEvent& e) override
        {
            if (e.type == UIEventType::Activate)
            {
                callback();
            }
        }
        void Init(const char* txt, const std::function<void()> cb)
        {
            name = txt;
            callback = cb;
        }
        std::function<void()> callback;
        const char* name;
    };
 
    struct Property : UIElement
    {
        Property()
        {
            GetStyle().SetStackingDirection(style::StackingDirection::LeftToRight);
        }
    };
 
    struct Checkbox : UINode
    {
        void Init(bool& val)
        {
            at = &val;
        }
        void Render(UIContainer* ctx) override
        {
            cb = ctx->Make<UICheckbox>()->SetValue(*at);
        }
        void OnEvent(UIEvent& e) override
        {
            if (e.type == UIEventType::Change)
            {
                *at = cb->GetValue();
            }
        }
        UICheckbox* cb;
        bool* at;
    };
 
    void Render(UIContainer* ctx) override
    {
        btnGoBack = nullptr;
        if (editing == SIZE_MAX)
        {
            ctx->Text("List");
            ctx->Push<UIPanel>();
            for (size_t i = 0; i < items.size(); i++)
            {
                ctx->Make<ItemButton>()->Init(items[i].name.c_str(), [this, i]() { editing = i; Rerender(); });
            }
            ctx->Pop();
        }
        else
        {
            auto* b = ctx->PushBox();
            b->GetStyle().SetStackingDirection(style::StackingDirection::LeftToRight);
            ctx->Text("Item:")->GetStyle().SetPadding(5);
            ctx->Text(items[editing].name.c_str());
            btnGoBack = ctx->Push<UIButton>();
            ctx->Text("Go back");
            ctx->Pop();
            ctx->Pop();
 
            ctx->Push<Property>();
            auto s = ctx->Text("Name")->GetStyle();
            s.SetPadding(5);
            s.SetBoxSizing(style::BoxSizing::BorderBox);
            s.SetWidth(style::Coord::Percent(40));
            ctx->Make<UITextbox>()->text = items[editing].name;
            ctx->Pop();
 
            ctx->Push<Property>();
            s = ctx->Text("Enable")->GetStyle();
            s.SetPadding(5);
            s.SetBoxSizing(style::BoxSizing::BorderBox);
            s.SetWidth(style::Coord::Percent(40));
            ctx->Make<Checkbox>()->Init(items[editing].enable);
            ctx->Pop();
        }
    }
    void OnEvent(UIEvent& e) override
    {
        if (e.type == UIEventType::Activate)
        {
            if (e.target->IsChildOrSame(btnGoBack))
            {
                editing = SIZE_MAX;
                Rerender();
            }
        }
    }
 
    size_t editing = SIZE_MAX;
    std::vector<Item> items =
    {
        { "test item 1", 5, true, 36.6f },
        { "another test item", 123, false, 12.3f },
        { "third item", 333, true, 3.0f },
    };
    UIButton* btnGoBack;
};