add: config ui

.gitignore

@@ -35,3 +35,4 @@
 build/*
 .vscode/*
 frame/src/Config.h
+.editorconfig

fontConverter/src/main.cpp

@@ -26,7 +26,7 @@ int main()
     export_font["sizes"] = json::object();
 
     std::vector<uint32_t> sizes =
-        {12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 100, 250};
+        {12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 35, 40, 100, 250};
 
     for(auto& size : sizes)
     {

frame/CMakeLists.txt

@@ -2,13 +2,16 @@
 set(target frame)
 
 configure_file (
-  "${PROJECT_SOURCE_DIR}/frame/src/Config.h.in"
-  "${PROJECT_SOURCE_DIR}/frame/src/Config.h"
+  "${PROJECT_SOURCE_DIR}/frame/src/BuildConfig.h.in"
+  "${PROJECT_SOURCE_DIR}/frame/src/BuildConfig.h"
 )
 
 set(src 
     src/main.cpp
     
+    src/Config.hpp
+    src/Config.cpp   
+
     src/Size.hpp
     src/Vector.hpp
     src/Rect.hpp
@@ -19,6 +22,9 @@ set(src
     src/ScreenManager.hpp
     src/ScreenManager.cpp
     
+    src/ServiceLocator.hpp
+    src/ServiceLocator.cpp
+
     src/display/IDisplay.hpp
     src/display/Display.hpp
     src/display/Display.cpp
@@ -30,17 +36,22 @@ set(src
     src/font/Font.cpp
     src/font/Glyph.hpp
     src/font/Glyph.cpp
+    src/font/FontRegistry.hpp
+    src/font/FontRegistry.cpp
+
 
     src/widgets/Widget.hpp
     src/widgets/Widget.cpp
+    src/widgets/ContainerWidget.hpp
+    src/widgets/ContainerWidget.cpp
+    src/widgets/WidgetRegistry.hpp
+    src/widgets/WidgetRegistry.cpp
     src/widgets/clock/Digital.hpp
     src/widgets/clock/Digital.cpp
     src/widgets/clock/Analog.hpp
     src/widgets/clock/Analog.cpp
-
-
-
-
+    src/widgets/clock/Date.hpp
+    src/widgets/clock/Date.cpp
 
 )
 
@@ -61,6 +72,7 @@ endif (BUILD_VIRTUAL_DISPLAY)
 add_executable(${target} ${src})
 target_link_libraries(${target} PRIVATE 
     fmt::fmt
+    nlohmann_json::nlohmann_json
 )
 
 if (BUILD_EPD)

frame/src/BuildConfig.h

@@ -0,0 +1,2 @@
+#define BUILD_VIRTUAL_DISPLAY
+/* #undef BUILD_EPD */

frame/src/Config.cpp

@@ -0,0 +1,89 @@
+#include "Config.hpp"
+
+#include <filesystem>
+#include <fmt/format.h>
+#include <fstream>
+
+namespace fs = std::filesystem;
+
+#define PROPERTY(str, member) str.member = j.value(#member, str.member)
+#define PROPERTY_OPT(str, member, type) \
+    str.member =                        \
+        j.contains(#member) ? j[#member].get<type>() : std::optional<type>{};
+
+#define OBJ(str, mem) \
+    {                 \
+#        mem, str.mem \
+    }
+
+Config Config::Load()
+{
+    fs::path const config_path{"config.json"};
+
+    if(fs::is_regular_file(config_path))
+    {
+        try
+        {
+            std::fstream file(config_path.string(), std::ios::in);
+
+            return json::parse(file);
+        }
+        catch(std::exception const& e)
+        {
+            fmt::print("Error: {}\n", e.what());
+
+            // TODO: Create Error Display Widget
+
+            return {};
+        }
+    }
+
+    fmt::print("[INFO] Creating config file\n");
+    Config config;
+    std::fstream file(config_path.string(), std::ios::out);
+    file << json(config).dump();
+
+    return config;
+}
+
+// == to json ==
+void to_json(json& j, Config const& c)
+{
+    j = {OBJ(c, font), OBJ(c, root)};
+}
+
+void to_json(json& j, FontConfig const& fc)
+{
+    j = {OBJ(fc, base_path), OBJ(fc, fonts)};
+}
+
+void to_json(json& j, WidgetConfig const& w)
+{
+    j = {OBJ(w, name), OBJ(w, parameters), OBJ(w, widgets)};
+
+    if(w.slot)
+    {
+        j["slot"] = w.slot.value();
+    }
+}
+
+// == from json ==
+void from_json(json const& j, Config& c)
+{
+    PROPERTY(c, font);
+    PROPERTY(c, root);
+}
+
+void from_json(json const& j, FontConfig& fc)
+{
+    PROPERTY(fc, base_path);
+    PROPERTY(fc, fonts);
+}
+
+void from_json(json const& j, WidgetConfig& w)
+{
+    PROPERTY(w, name);
+    PROPERTY(w, parameters);
+    PROPERTY(w, widgets);
+    PROPERTY_OPT(w, slot, int);
+}

frame/src/Config.hpp

@@ -0,0 +1,38 @@
+#pragma once
+#include <nlohmann/json.hpp>
+#include <optional>
+#include <string>
+#include <unordered_map>
+
+using json = nlohmann::json;
+
+struct FontConfig
+{
+    std::string base_path = "fonts/";
+    std::unordered_map<std::string, std::string> fonts{
+        {"Fira Code", "FiraCode.json"}};
+};
+
+struct WidgetConfig
+{
+    std::string name                                 = "DigitalClock";
+    std::unordered_map<std::string, json> parameters = {};
+    std::vector<WidgetConfig> widgets                = {};
+    std::optional<int> slot                          = {};
+};
+
+struct Config
+{
+    FontConfig font{};
+    WidgetConfig root{};
+
+    static Config Load();
+};
+
+void to_json(json& j, Config const& c);
+void to_json(json& j, FontConfig const& fc);
+void to_json(json& j, WidgetConfig const& w);
+
+void from_json(json const& j, Config& c);
+void from_json(json const& j, FontConfig& fc);
+void from_json(json const& j, WidgetConfig& w);

frame/src/Image.cpp

@@ -2,6 +2,7 @@
 
 #include "Color.hpp"
 
+#include <cstring>
 #include <stdint.h>
 
 

frame/src/ScreenManager.cpp

@@ -32,11 +32,11 @@ namespace frame
         if(mRoot)
         {
             mRenderTarget.Clear();
+
+            mRoot->setSize(mDisplay->getSize());
             mRoot->Render(mRenderTarget);
-            if(mDisplay)
-            {
-                mDisplay->Display(mRenderTarget.getImage());
-            }
+
+            mDisplay->Display(mRenderTarget.getImage());
         }
     }
 

frame/src/ServiceLocator.cpp

@@ -0,0 +1,19 @@
+#include "ServiceLocator.hpp"
+
+namespace frame
+{
+
+    IService::IService(std::string_view name)
+        : name(name)
+    {
+    }
+
+    std::string_view IService::getName() const
+    {
+        return name;
+    }
+
+    std::unordered_map<std::type_index, std::shared_ptr<IService>>
+        Service::Services = {};
+
+} // namespace frame

frame/src/ServiceLocator.hpp

@@ -0,0 +1,40 @@
+#pragma once
+#include <memory>
+#include <string>
+#include <typeindex>
+#include <typeinfo>
+#include <unordered_map>
+
+namespace frame
+{
+    class IService
+    {
+        std::string name;
+
+    public:
+        IService(std::string_view name);
+        virtual ~IService() = default;
+
+        std::string_view getName() const;
+    };
+
+    class Service
+    {
+        static std::unordered_map<std::type_index, std::shared_ptr<IService>>
+            Services;
+
+    public:
+        template<class SERVICE>
+        static std::shared_ptr<SERVICE> get()
+        {
+            auto const type = std::type_index(typeid(SERVICE));
+            if(Services.find(type) == Services.end())
+            {
+                Services[type] = std::make_shared<SERVICE>();
+            }
+
+            return std::static_pointer_cast<SERVICE>(Services[type]);
+        }
+    };
+
+} // namespace frame

frame/src/display/Display.cpp

@@ -1,6 +1,6 @@
 #include "Display.hpp"
 
-#include "../Config.h"
+#include "../BuildConfig.h"
 
 #ifdef BUILD_EPD
 #    include "EPD_7in5_V2.hpp"

frame/src/font/Font.cpp

@@ -65,6 +65,23 @@ namespace frame::font
         return y_offset;
     }
 
+    uint32_t Font::getOptimalSize(std::string_view text, Rect rect) const
+    {
+        auto best_size = 0;
+
+        for(auto const& [size, value] : sizes)
+        {
+            auto width  = getLength(text, size);
+            auto height = getHeight(text, size);
+
+            if(rect.width < width || rect.height < height)
+                break;
+            else
+                best_size = size;
+        }
+        return best_size;
+    }
+
     void Font::LoadFromStream(std::istream& os)
     {
         json file_data = json::parse(os);

frame/src/font/Font.hpp

@@ -1,11 +1,13 @@
 #pragma once
 
+#include "../Rect.hpp"
 #include "Glyph.hpp"
 
 #include <map>
 #include <memory>
 #include <string_view>
 
+
 namespace frame::font
 {
     using Glyphs      = std::map<char, Glyph>;
@@ -27,6 +29,8 @@ namespace frame::font
         uint32_t getHeight(std::string_view text, uint32_t size) const;
         int32_t getMaxYOffset(std::string_view text, uint32_t size) const;
 
+        uint32_t getOptimalSize(std::string_view text, Rect rect) const;
+
         uint32_t getLineSpacing(uint32_t size) const
         {
             return lineSpacing.at(size);

frame/src/font/FontRegistry.cpp

@@ -0,0 +1,98 @@
+#include "FontRegistry.hpp"
+
+#include <filesystem>
+#include <fmt/format.h>
+
+namespace fs = std::filesystem;
+
+namespace frame::font
+{
+    std::shared_ptr<Font> GetFont(std::string_view name)
+    {
+        return Service::get<FontRegistry>()->Get(name);
+    }
+
+    bool LoadFont(std::string_view name)
+    {
+        return Service::get<FontRegistry>()->Load(name);
+    }
+
+    FontRegistry& LocateRegistry()
+    {
+        return *Service::get<FontRegistry>();
+    }
+
+    FontRegistry::FontRegistry()
+        : IService("FontRegistry")
+    {
+    }
+
+    void FontRegistry::LoadFromConfig(FontConfig const& config)
+    {
+        fs::path base{config.base_path};
+
+        for(auto const& [name, file] : config.fonts)
+        {
+            Load(name, (base / file).string());
+        }
+    }
+
+    bool FontRegistry::Load(std::string_view name)
+    {
+        if(fonts.find(std::string{name}) != fonts.end())
+        {
+            fmt::print("Font {} allready loaded!\n", name);
+            return true;
+        } else
+        {
+            fmt::print("Loading font \"{}\": ", name);
+            auto ptr = Font::LoadFromFile(fmt::format("{}.json", name));
+
+            if(ptr == nullptr)
+            {
+                fmt::print("Error not found!\n");
+            } else
+            {
+                fonts[std::string{name}] = ptr;
+                fmt::print("OK\n");
+                return true;
+            }
+        }
+        return false;
+    }
+
+    bool FontRegistry::Load(std::string_view name, std::string_view path)
+    {
+        if(fonts.find(std::string{name}) != fonts.end())
+        {
+            fmt::print("Font {} allready loaded!\n", name);
+            return true;
+        }
+
+        fmt::print("Loading font \"{}\": ", name);
+        auto ptr = Font::LoadFromFile(path);
+
+        if(ptr == nullptr)
+        {
+            fmt::print("Error not found!\n");
+        } else
+        {
+            fonts[std::string{name}] = ptr;
+            fmt::print("OK\n");
+            return true;
+        }
+        return false;
+    }
+
+    std::shared_ptr<Font> FontRegistry::Get(std::string_view name)
+    {
+        auto it = fonts.find({std::string{name}});
+        if(it == fonts.end())
+        {
+            if(!Load(name))
+                return nullptr;
+            it = fonts.find({std::string{name}});
+        }
+        return it->second;
+    }
+} // namespace frame::font

frame/src/font/FontRegistry.hpp

@@ -0,0 +1,31 @@
+#pragma once
+
+#include "../Config.hpp"
+#include "../ServiceLocator.hpp"
+#include "Font.hpp"
+
+#include <memory>
+#include <unordered_map>
+
+namespace frame::font
+{
+    class FontRegistry;
+
+    std::shared_ptr<Font> GetFont(std::string_view name);
+    bool LoadFont(std::string_view name);
+    FontRegistry& LocateRegistry();
+
+    class FontRegistry : public IService
+    {
+        std::unordered_map<std::string, std::shared_ptr<Font>> fonts;
+
+    public:
+        FontRegistry();
+
+        void LoadFromConfig(FontConfig const& config);
+        bool Load(std::string_view name);
+        bool Load(std::string_view name, std::string_view path);
+        std::shared_ptr<Font> Get(std::string_view name);
+    };
+
+} // namespace frame::font

frame/src/main.cpp

@@ -6,26 +6,48 @@
 
 using namespace std::chrono_literals;
 
+#include "Config.hpp"
 #include "ScreenManager.hpp"
 #include "display/Display.hpp"
-#include "font/Font.hpp"
-#include "render/RenderTarget.hpp"
-#include "widgets/clock/Analog.hpp"
+#include "font/FontRegistry.hpp"
+//#include "render/RenderTarget.hpp"
+//#include "widgets/clock/Analog.hpp"
+#include "widgets/ContainerWidget.hpp"
+#include "widgets/WidgetRegistry.hpp"
 
 int main()
 {
+    // == == Config == ==
+    auto config = Config::Load();
+
+    // == == Display == ==
     auto display = frame::display::Create();
 
     if(!display)
     {
+        fmt::print("Error: Not display driver!");
         return 0;
     }
 
     display->Init();
 
+    // frame::font::LoadFont("Fira Code");
+    frame::font::LocateRegistry().LoadFromConfig(config.font);
+
     frame::ScreenManager screen(std::move(display));
 
-    screen.setRoot(frame::widgets::AnalogClock::Create());
+    auto const& widgets = frame::Service::get<frame::widgets::WidgetRegistry>();
+
+    // std::shared_ptr<frame::widgets::ContainerWidget> con =
+    //     std::static_pointer_cast<frame::widgets::ContainerWidget>(
+    //         widgets->Create("AnalogClock"));
+
+    // con->setSlot(0, widgets->Create("DigitalClock"));
+
+    // con->setSlot(1, widgets->Create("Date"));
+
+    auto con = frame::widgets::LocateRegistry().BuildFromConfig(config.root);
+    screen.setRoot(con);
 
     screen.MainLoop();
 }

frame/src/render/RenderTarget.cpp

@@ -20,7 +20,12 @@ namespace frame::render
            || (position.x + current.left) >= root_size.width
            || (position.y + current.top) >= root_size.height)
             return;
-        image.at(position.x + current.left, position.y + current.top) = color;
+        if(!invert)
+            image.at(position.x + current.left, position.y + current.top) =
+                color;
+        else
+            image.at(position.x + current.left, position.y + current.top) ^=
+                color;
     }
 
     void RenderTarget::DrawLine(Vector const& start,
@@ -154,6 +159,15 @@ namespace frame::render
                        {BottomRight.x, BottomRight.y - lw});
     }
 
+    void
+        RenderTarget::DrawRect(Rect const& rect, uint8_t LineWidth, Color color)
+    {
+        DrawRect(Vector{rect.left, rect.top},
+                 Vector{rect.left + rect.width, rect.top + rect.height},
+                 LineWidth,
+                 color);
+    }
+
     void RenderTarget::DrawImage(Vector topLeft, Image const& image)
     {
         auto pos = topLeft;
@@ -204,7 +218,7 @@ namespace frame::render
         auto const lineSpacing   = pFont.getLineSpacing(size);
         auto const lineSpacing_3 = lineSpacing / 3;
 
-        Vector start{rect.top, rect.left};
+        Vector start{rect.left, rect.top};
         auto text_height = pFont.getHeight(pText, size);
         auto length      = pFont.getLength(pText, size);
         auto y_offset    = pFont.getMaxYOffset(pText, size);

frame/src/render/RenderTarget.hpp

@@ -24,6 +24,8 @@ namespace frame::render
         Rect root_size;
         std::stack<Rect> Scissor;
 
+        bool invert = false;
+
     public:
         RenderTarget(Size size);
 
@@ -47,6 +49,8 @@ namespace frame::render
                       uint8_t LineWidth,
                       Color color = BLACK);
 
+        void DrawRect(Rect const& rect, uint8_t LineWidth, Color color = BLACK);
+
         void DrawImage(Vector topLeft, Image const& image);
 
         Vector DrawGlyph(Vector centerLine,
@@ -81,6 +85,11 @@ namespace frame::render
         void pushViewport(Rect rect);
         void popViewport();
 
+        void setInvert(bool pInvert)
+        {
+            invert = pInvert;
+        }
+
     private:
         void DrawPointsMirrorCircle(Vector const& center,
                                     Vector const& pos,

frame/src/widgets/ContainerWidget.cpp

@@ -0,0 +1,35 @@
+#include "ContainerWidget.hpp"
+
+namespace frame::widgets
+{
+    ContainerWidget::ContainerWidget(size_t slots)
+    {
+        widgets.resize(slots);
+        maxSlots = slots;
+    }
+
+    Widget::shared_ptr ContainerWidget::getSlot(size_t slot) const
+    {
+        if(slot >= maxSlots)
+            return nullptr;
+        return widgets[slot];
+    }
+
+    void ContainerWidget::setSlot(size_t slot, Widget::shared_ptr ptr)
+    {
+        ptr->setParent(this);
+        widgets[slot] = ptr;
+    }
+
+    void ContainerWidget::UpdateWidgets()
+    {
+        for(auto& el : widgets)
+        {
+            if(el)
+            {
+                el->Update();
+            }
+        }
+    }
+
+} // namespace frame::widgets

frame/src/widgets/ContainerWidget.hpp

@@ -0,0 +1,23 @@
+#pragma once
+#include "Widget.hpp"
+
+#include <vector>
+
+namespace frame::widgets
+{
+
+    class ContainerWidget : public Widget
+    {
+        std::vector<Widget::shared_ptr> widgets;
+        size_t maxSlots = 0;
+
+    public:
+        ContainerWidget(size_t slots);
+
+        Widget::shared_ptr getSlot(size_t slot) const;
+        void setSlot(size_t slot, Widget::shared_ptr);
+
+        void UpdateWidgets();
+    };
+
+} // namespace frame::widgets

frame/src/widgets/Widget.cpp

@@ -3,7 +3,7 @@
 namespace frame::widgets
 {
 
-    Widget::shared_ptr Widget::getParent() const
+    Widget::week_ptr Widget::getParent() const
     {
         return mParent;
     }

frame/src/widgets/Widget.hpp

@@ -11,7 +11,7 @@ namespace frame::widgets
     {
     public:
         using shared_ptr = std::shared_ptr<Widget>;
-        using week_ptr   = std::shared_ptr<Widget>;
+        using week_ptr   = Widget*;
 
     public:
         virtual ~Widget() = default;
@@ -20,7 +20,7 @@ namespace frame::widgets
         virtual void Render(render::RenderTarget& rt) = 0;
         virtual void ComputeChildSize(Vector size){};
 
-        shared_ptr getParent() const;
+        week_ptr getParent() const;
         void setParent(week_ptr ptr);
 
         void setSize(Vector size);
@@ -34,8 +34,8 @@ namespace frame::widgets
         void setClear();
 
     private:
-        week_ptr mParent;
-        bool mDirty = true;
+        week_ptr mParent = nullptr;
+        bool mDirty      = true;
 
         Vector mRelativePosition;
         Vector mSize;

frame/src/widgets/WidgetRegistry.cpp

@@ -0,0 +1,43 @@
+#include "WidgetRegistry.hpp"
+
+#include "ContainerWidget.hpp"
+
+namespace frame::widgets
+{
+
+    WidgetRegistry::WidgetRegistry()
+        : IService("WidgetRegistry")
+    {
+    }
+
+    Widget::shared_ptr WidgetRegistry::Create(std::string_view name) const
+    {
+        auto it = mWidgets.find(std::string{name});
+        if(it == mWidgets.end())
+        {
+            fmt::print("[ERROR] Widget {} not found!\n", name);
+            return nullptr;
+        }
+        return it->second();
+    }
+
+    Widget::shared_ptr WidgetRegistry::BuildFromConfig(WidgetConfig const& w)
+    {
+        fmt::print("INFO: Creating widget {} \n", w.name);
+        auto widget = Create(w.name);
+
+        auto container = std::dynamic_pointer_cast<ContainerWidget>(widget);
+        if(container)
+        {
+            int counter = 0;
+            for(auto const& el : w.widgets)
+            {
+                int slot = el.slot ? el.slot.value() : counter;
+
+                container->setSlot(slot, BuildFromConfig(el));
+            }
+        }
+        return widget;
+    }
+
+} // namespace frame::widgets

frame/src/widgets/WidgetRegistry.hpp

@@ -0,0 +1,59 @@
+#pragma once
+#include "../Config.hpp"
+#include "../ServiceLocator.hpp"
+#include "Widget.hpp"
+
+#include <fmt/format.h>
+#include <functional>
+#include <string>
+#include <unordered_map>
+
+#define REGISTER_WIDGET(TYPE, NAME)                                            \
+    static bool registered =                                                   \
+        frame::Service::get<frame::widgets::WidgetRegistry>()->Register<TYPE>( \
+            NAME)
+
+namespace frame::widgets
+{
+    class WidgetRegistry : public IService
+    {
+
+        using Creator = std::function<Widget::shared_ptr()>;
+
+        std::unordered_map<std::string, Creator> mWidgets;
+
+    public:
+        WidgetRegistry();
+
+        template<class WIDGET>
+        bool Register(std::string_view name);
+
+        Widget::shared_ptr Create(std::string_view name) const;
+
+        Widget::shared_ptr BuildFromConfig(WidgetConfig const& w);
+    };
+
+    inline WidgetRegistry& LocateRegistry()
+    {
+        return *Service::get<frame::widgets::WidgetRegistry>();
+    }
+
+    template<class WIDGET>
+    bool WidgetRegistry::Register(std::string_view name)
+    {
+        auto const name_string = std::string{name};
+        if(mWidgets.find(name_string) != mWidgets.end())
+        {
+            fmt::print("Widget {} already registered!\n", name);
+            return true;
+        }
+
+        mWidgets[name_string] = []() -> Widget::shared_ptr {
+            return WIDGET::Create();
+        };
+
+        fmt::print("Widget {} registered!\n", name);
+        return true;
+    }
+
+} // namespace frame::widgets

frame/src/widgets/clock/Analog.cpp

@@ -1,10 +1,17 @@
 #include "Analog.hpp"
 
+#include "../../font/FontRegistry.hpp"
+
 #include <ctime>
+#include <fmt/chrono.h>
 #include <fmt/format.h>
 
 constexpr double pi = 3.14159;
 
+#include "../WidgetRegistry.hpp"
+
+REGISTER_WIDGET(frame::widgets::AnalogClock, "AnalogClock");
+
 namespace frame::widgets
 {
 
@@ -13,6 +20,11 @@ namespace frame::widgets
         return std::make_shared<AnalogClock>();
     }
 
+    AnalogClock::AnalogClock()
+        : ContainerWidget(2)
+    {
+    }
+
     void AnalogClock::Update()
     {
         auto const now = std::chrono::system_clock::now();
@@ -23,6 +35,8 @@ namespace frame::widgets
             setDirty();
             last_time = min;
         }
+
+        UpdateWidgets();
     }
 
     void AnalogClock::Render(render::RenderTarget& rt)
@@ -72,8 +86,8 @@ namespace frame::widgets
         auto const min_rad   = (min_steps * c_time->tm_min - 90) * pi / 180.f;
 
         rt.DrawLine(center,
-                    {center.x + int32_t(std::cos(min_rad) * radius),
-                     center.y + int32_t(std::sin(min_rad) * radius)});
+                    {center.x + int32_t(std::cos(min_rad) * radius * 0.8),
+                     center.y + int32_t(std::sin(min_rad) * radius * 0.8)});
 
         // Render Pointer Hour
 
@@ -89,6 +103,78 @@ namespace frame::widgets
                      center.y + int32_t(std::sin(hour_rad) * radius * 0.6)});
 
         setClear();
+
+        // == Widgets ==
+
+        auto widget_center_1 = center;
+        widget_center_1.y -= radius / 2;
+
+        auto widget_center_2 = center;
+        widget_center_2.y += radius / 2;
+
+        auto const widget_height_h = radius / 4;
+        auto const widget_width_h  = radius / 2;
+
+        Rect widget_box_1{widget_center_1.y - widget_height_h,
+                          widget_center_1.x - widget_width_h,
+                          widget_width_h * 2,
+                          widget_height_h * 2};
+
+        Rect widget_box_2{widget_center_2.y - widget_height_h,
+                          widget_center_2.x - widget_width_h,
+                          widget_width_h * 2,
+                          widget_height_h * 2};
+
+        // Top
+
+        auto top = getSlot(0);
+        if(top)
+        {
+            top->setSize({widget_box_1.width, widget_box_1.height});
+            rt.pushViewport(widget_box_1);
+            top->Render(rt);
+            rt.popViewport();
+        }
+
+        auto bottom = getSlot(1);
+        if(bottom)
+        {
+            bottom->setSize({widget_box_2.width, widget_box_2.height});
+            rt.pushViewport(widget_box_2);
+            bottom->Render(rt);
+            rt.popViewport();
+        }
+
+        // Text
+
+        /*auto font = font::GetFont("Fira Code");
+
+        if(!font)
+            return;
+
+        auto text = fmt::format("{:%d.%m.%Y}", fmt::localtime(t));
+
+        auto text_center = center;
+        text_center.y += radius / 2;
+
+        auto const text_height_h = radius / 4;
+        auto const text_width_h  = radius / 2;
+
+        Rect text_box{text_center.y - text_height_h,
+                      text_center.x - text_width_h,
+                      text_width_h * 2,
+                      text_height_h * 2};
+
+        auto font_size = font->getOptimalSize(text, text_box);
+
+        rt.setInvert(true);
+        rt.DrawText(text_box,
+                    text,
+                    *font,
+                    font_size,
+                    AlignHorizontal::CENTER,
+                    AlignVertical::CENTER);
+        rt.setInvert(false);*/
     }
 
 } // namespace frame::widgets

frame/src/widgets/clock/Analog.hpp

@@ -1,13 +1,13 @@
 #pragma once
 
-#include "../Widget.hpp"
+#include "../ContainerWidget.hpp"
 
 #include <chrono>
 
 namespace frame::widgets
 {
 
-    class AnalogClock : public Widget
+    class AnalogClock : public ContainerWidget
     {
         using Time = std::chrono::time_point<std::chrono::system_clock>;
 
@@ -16,6 +16,8 @@ namespace frame::widgets
     public:
         static Widget::shared_ptr Create();
 
+        AnalogClock();
+
         void Update() override;
         void Render(render::RenderTarget& rt) override;
     };

frame/src/widgets/clock/Date.cpp

@@ -0,0 +1,56 @@
+#include "Date.hpp"
+
+REGISTER_WIDGET(frame::widgets::Date, "Date");
+
+#include "../../font/FontRegistry.hpp"
+
+#include <ctime>
+#include <fmt/chrono.h>
+#include <fmt/format.h>
+
+namespace frame::widgets
+{
+
+    Widget::shared_ptr Date::Create()
+    {
+        return std::make_shared<Date>();
+    }
+
+    void Date::Update()
+    {
+        auto const now = std::chrono::system_clock::now();
+        auto const min = std::chrono::floor<std::chrono::minutes>(now);
+
+        if(last_time != min)
+        {
+            setDirty();
+            last_time = min;
+        }
+    }
+
+    void Date::Render(render::RenderTarget& rt)
+    {
+        std::time_t t = std::chrono::system_clock::to_time_t(last_time);
+
+        auto const& size = getSize();
+        Rect draw{0, 0, size.x, size.y};
+
+        auto text = fmt::format("{:%d.%m.%Y}", fmt::localtime(t));
+
+        auto font = font::GetFont("Fira Code");
+
+        auto font_size = font->getOptimalSize(text, draw);
+
+        rt.setInvert(true);
+        rt.DrawText(draw,
+                    text,
+                    *font,
+                    font_size,
+                    AlignHorizontal::CENTER,
+                    AlignVertical::CENTER);
+        rt.setInvert(false);
+
+        setClear();
+    }
+
+} // namespace frame::widgets

frame/src/widgets/clock/Date.hpp

@@ -0,0 +1,22 @@
+#pragma once
+
+#include "../Widget.hpp"
+#include "../WidgetRegistry.hpp"
+
+#include <chrono>
+
+namespace frame::widgets
+{
+    class Date : public Widget
+    {
+        using Time = std::chrono::time_point<std::chrono::system_clock>;
+
+        Time last_time;
+
+    public:
+        static Widget::shared_ptr Create();
+
+        void Update() override;
+        void Render(render::RenderTarget& rt) override;
+    };
+} // namespace frame::widgets

frame/src/widgets/clock/Digital.cpp

@@ -0,0 +1,60 @@
+#include "Digital.hpp"
+
+REGISTER_WIDGET(frame::widgets::DigitalClock, "DigitalClock");
+
+#include "../../font/FontRegistry.hpp"
+
+#include <ctime>
+#include <fmt/chrono.h>
+#include <fmt/format.h>
+
+namespace frame::widgets
+{
+
+    Widget::shared_ptr DigitalClock::Create()
+    {
+        return std::make_shared<DigitalClock>();
+    }
+
+    void DigitalClock::Update()
+    {
+        auto const now = std::chrono::system_clock::now();
+        auto const min = std::chrono::floor<std::chrono::minutes>(now);
+
+        if(last_time != min)
+        {
+            setDirty();
+            last_time = min;
+        }
+    }
+
+    void DigitalClock::Render(render::RenderTarget& rt)
+    {
+        std::time_t t = std::chrono::system_clock::to_time_t(last_time);
+        auto c_time   = std::localtime(&t);
+
+        auto const& size = getSize();
+        Rect draw{0, 0, size.x, size.y};
+
+        auto text =
+            fmt::format("{:0>2}:{:0>2}", c_time->tm_hour, c_time->tm_min);
+
+        auto font = font::GetFont("Fira Code");
+
+        auto font_size = font->getOptimalSize(text, draw);
+
+        rt.setInvert(true);
+
+        rt.DrawText(draw,
+                    text,
+                    *font,
+                    font_size,
+                    AlignHorizontal::CENTER,
+                    AlignVertical::CENTER);
+
+        rt.setInvert(false);
+
+        setClear();
+    }
+
+} // namespace frame::widgets

frame/src/widgets/clock/Digital.hpp

@@ -0,0 +1,24 @@
+#pragma once
+
+#include <chrono>
+
+#include "../Widget.hpp"
+#include "../WidgetRegistry.hpp"
+
+namespace frame::widgets
+{
+
+    class DigitalClock : public Widget
+    {
+        using Time = std::chrono::time_point<std::chrono::system_clock>;
+
+        Time last_time;
+
+    public:
+        static Widget::shared_ptr Create();
+
+        void Update() override;
+        void Render(render::RenderTarget& rt) override;
+    };
+
+} // namespace frame::widgets