2021-05-02 02:40:35 +08:00
|
|
|
#include <functional> // for function
|
2021-05-10 02:32:27 +08:00
|
|
|
#include <memory> // for allocator, __shared_ptr_access, shared_ptr, make_shared
|
|
|
|
#include <string> // for wstring, operator+, basic_string, char_traits
|
|
|
|
#include <vector> // for vector
|
2021-05-02 02:40:35 +08:00
|
|
|
|
2021-05-10 02:32:27 +08:00
|
|
|
#include "ftxui/component/captured_mouse.hpp" // for ftxui
|
|
|
|
#include "ftxui/component/component.hpp" // for Button, Make
|
|
|
|
#include "ftxui/component/component_base.hpp" // for ComponentBase
|
|
|
|
#include "ftxui/component/container.hpp" // for Container
|
|
|
|
#include "ftxui/component/screen_interactive.hpp" // for Component, ScreenInteractive
|
|
|
|
#include "ftxui/dom/elements.hpp" // for Element, operator|, filler, text, hbox, separator, center, vbox, bold, border, clear_under, dbox, size, GREATER_THAN, HEIGHT
|
2020-08-26 23:58:18 +08:00
|
|
|
|
|
|
|
using namespace ftxui;
|
|
|
|
|
|
|
|
// The main screen, at depth 0. It display the main content.
|
2021-05-10 02:32:27 +08:00
|
|
|
class Content : public ComponentBase {
|
|
|
|
private:
|
|
|
|
std::wstring label_rate_ftxui_ = L"Rate FTXUI";
|
|
|
|
std::wstring label_quit_ = L"Quit";
|
|
|
|
bool modal_open_ = false;
|
|
|
|
|
|
|
|
Component button_rate_ftxui_ =
|
|
|
|
Button(&label_rate_ftxui_, [this] { on_rate_ftxui(); });
|
|
|
|
Component button_quit_ = Button(&label_quit_, [this] { on_quit(); });
|
|
|
|
Component container_ = Container::Horizontal({
|
|
|
|
button_rate_ftxui_,
|
|
|
|
button_quit_,
|
|
|
|
});
|
|
|
|
|
2020-08-26 23:58:18 +08:00
|
|
|
public:
|
2021-05-10 02:32:27 +08:00
|
|
|
std::wstring rating = L"3/5 stars";
|
|
|
|
std::function<void()> on_rate_ftxui;
|
|
|
|
std::function<void()> on_quit;
|
2020-08-26 23:58:18 +08:00
|
|
|
|
2021-05-10 02:32:27 +08:00
|
|
|
Content() { Add(container_); }
|
2020-08-26 23:58:18 +08:00
|
|
|
|
2021-05-10 02:32:27 +08:00
|
|
|
Element Render() final {
|
2020-08-26 23:58:18 +08:00
|
|
|
auto document = //
|
|
|
|
vbox({
|
|
|
|
text(L"Modal dialog example"),
|
|
|
|
separator(),
|
2021-05-10 02:32:27 +08:00
|
|
|
text(L"☆☆☆ FTXUI:" + rating + L" ☆☆☆") | bold,
|
2020-08-26 23:58:18 +08:00
|
|
|
filler(),
|
2021-05-10 02:32:27 +08:00
|
|
|
hbox({
|
|
|
|
button_rate_ftxui_->Render(),
|
|
|
|
filler(),
|
|
|
|
button_quit_->Render(),
|
|
|
|
}),
|
2020-08-26 23:58:18 +08:00
|
|
|
}) |
|
|
|
|
border;
|
|
|
|
|
|
|
|
return document | size(HEIGHT, GREATER_THAN, 18) | center;
|
|
|
|
}
|
2021-05-10 02:32:27 +08:00
|
|
|
};
|
2020-08-26 23:58:18 +08:00
|
|
|
|
2021-05-10 02:32:27 +08:00
|
|
|
std::vector<std::wstring> rating_labels = {
|
|
|
|
L"1/5 stars", L"2/5 stars", L"3/5 stars", L"4/5 stars", L"5/5 stars",
|
2020-08-26 23:58:18 +08:00
|
|
|
};
|
|
|
|
|
|
|
|
// The "modal" screen, at depth 1. It display the modal dialog.
|
2021-05-10 02:32:27 +08:00
|
|
|
class Modal : public ComponentBase {
|
|
|
|
private:
|
|
|
|
Component container_ = Container::Horizontal({
|
|
|
|
Button(&rating_labels[0], [this] { on_click(rating_labels[0]); }),
|
|
|
|
Button(&rating_labels[1], [this] { on_click(rating_labels[1]); }),
|
|
|
|
Button(&rating_labels[2], [this] { on_click(rating_labels[2]); }),
|
|
|
|
Button(&rating_labels[3], [this] { on_click(rating_labels[3]); }),
|
|
|
|
Button(&rating_labels[4], [this] { on_click(rating_labels[4]); }),
|
|
|
|
});
|
|
|
|
|
2020-08-26 23:58:18 +08:00
|
|
|
public:
|
|
|
|
std::function<void(std::wstring)> on_click;
|
|
|
|
|
2021-05-10 02:32:27 +08:00
|
|
|
Modal() { Add(container_); }
|
2020-08-26 23:58:18 +08:00
|
|
|
|
|
|
|
Element Render() final {
|
|
|
|
return vbox({
|
|
|
|
text(L"Do you like FTXUI?"),
|
|
|
|
separator(),
|
2021-05-10 02:32:27 +08:00
|
|
|
hbox(container_->Render()),
|
2020-08-26 23:58:18 +08:00
|
|
|
}) |
|
|
|
|
border;
|
|
|
|
}
|
2021-05-10 02:32:27 +08:00
|
|
|
};
|
2020-08-26 23:58:18 +08:00
|
|
|
|
2021-05-10 02:32:27 +08:00
|
|
|
class MyComponent : public ComponentBase {
|
2020-08-26 23:58:18 +08:00
|
|
|
private:
|
2021-05-10 02:32:27 +08:00
|
|
|
std::shared_ptr<Content> content_ = std::make_shared<Content>();
|
|
|
|
std::shared_ptr<Modal> modal_ = std::make_shared<Modal>();
|
|
|
|
|
|
|
|
int depth = 0;
|
|
|
|
Component container_ = Container::Tab(&depth,
|
|
|
|
{
|
|
|
|
content_,
|
|
|
|
modal_,
|
|
|
|
});
|
|
|
|
|
|
|
|
std::function<void()> on_quit_;
|
2020-08-26 23:58:18 +08:00
|
|
|
|
|
|
|
public:
|
2021-05-10 02:32:27 +08:00
|
|
|
MyComponent(std::function<void()> on_quit) : on_quit_(on_quit) {
|
|
|
|
Add(container_);
|
|
|
|
|
|
|
|
content_->on_quit = [&] { on_quit(); };
|
|
|
|
content_->on_rate_ftxui = [this] { depth = 1; };
|
|
|
|
modal_->on_click = [&](std::wstring rating) {
|
|
|
|
content_->rating = rating;
|
|
|
|
depth = 0;
|
2020-08-26 23:58:18 +08:00
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
Element Render() final {
|
2021-05-10 02:32:27 +08:00
|
|
|
Element document = content_->Render();
|
|
|
|
|
|
|
|
if (depth == 1) {
|
2020-08-26 23:58:18 +08:00
|
|
|
document = dbox({
|
|
|
|
document,
|
2021-05-10 02:32:27 +08:00
|
|
|
modal_->Render() | clear_under | center,
|
2020-08-26 23:58:18 +08:00
|
|
|
});
|
|
|
|
}
|
|
|
|
return document;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
int main(int argc, const char* argv[]) {
|
|
|
|
auto screen = ScreenInteractive::TerminalOutput();
|
2021-05-10 02:32:27 +08:00
|
|
|
screen.Loop(Make<MyComponent>(screen.ExitLoopClosure()));
|
2020-08-26 23:58:18 +08:00
|
|
|
return 0;
|
|
|
|
}
|
2020-09-06 19:46:56 +08:00
|
|
|
|
|
|
|
// Copyright 2020 Arthur Sonzogni. All rights reserved.
|
|
|
|
// Use of this source code is governed by the MIT license that can be found in
|
|
|
|
// the LICENSE file.
|