#include // for array #include // for operator""s, chrono_literals #include // for sin #include // for ref, reference_wrapper, function #include // for allocator, shared_ptr, __shared_ptr_access #include // for string, basic_string, operator+, char_traits, to_string #include // for sleep_for, thread #include // for move #include // for vector #include "ftxui/component/captured_mouse.hpp" // for ftxui #include "ftxui/component/component.hpp" // for Checkbox, Renderer, Horizontal, Vertical, Menu, Radiobox, Tab, Toggle #include "ftxui/component/component_base.hpp" // for ComponentBase #include "ftxui/component/component_options.hpp" // for InputOption #include "ftxui/component/event.hpp" // for Event, Event::Custom #include "ftxui/component/screen_interactive.hpp" // for Component, ScreenInteractive #include "ftxui/dom/elements.hpp" // for operator|, color, bgcolor, filler, Element, size, vbox, flex, hbox, graph, separator, EQUAL, WIDTH, hcenter, bold, border, window, HEIGHT, Elements, hflow, flex_grow, frame, gauge, LESS_THAN, spinner, dim, GREATER_THAN #include "ftxui/screen/color.hpp" // for Color, Color::BlueLight, Color::RedLight, Color::Black, Color::Blue, Color::Cyan, Color::CyanLight, Color::GrayDark, Color::GrayLight, Color::Green, Color::GreenLight, Color::Magenta, Color::MagentaLight, Color::Red, Color::White, Color::Yellow, Color::YellowLight, Color::Default using namespace ftxui; int main(int argc, const char* argv[]) { auto screen = ScreenInteractive::Fullscreen(); int shift = 0; auto my_graph = [&shift](int width, int height) { std::vector output(width); for (int i = 0; i < width; ++i) { float v = 0.5f; v += 0.1f * sin((i + shift) * 0.1f); v += 0.2f * sin((i + shift + 10) * 0.15f); v += 0.1f * sin((i + shift) * 0.03f); v *= height; output[i] = (int)v; } return output; }; auto htop = Renderer([&] { auto frequency = vbox({ text("Frequency [Mhz]") | hcenter, hbox({ vbox({ text("2400 "), filler(), text("1200 "), filler(), text("0 "), }), graph(std::ref(my_graph)) | flex, }) | flex, }); auto utilization = vbox({ text("Utilization [%]") | hcenter, hbox({ vbox({ text("100 "), filler(), text("50 "), filler(), text("0 "), }), graph(std::ref(my_graph)) | color(Color::RedLight), }) | flex, }); auto ram = vbox({ text("Ram [Mo]") | hcenter, hbox({ vbox({ text("8192"), filler(), text("4096 "), filler(), text("0 "), }), graph(std::ref(my_graph)) | color(Color::BlueLight), }) | flex, }); return hbox({ vbox({ frequency | flex, separator(), utilization | flex, }) | flex, separator(), ram | flex, }) | flex | border; }); const std::vector compiler_entries = { "gcc", "clang", "emcc", "game_maker", "Ada compilers", "ALGOL 60 compilers", "ALGOL 68 compilers", "Assemblers (Intel *86)", "Assemblers (Motorola 68*)", "Assemblers (Zilog Z80)", "Assemblers (other)", "BASIC Compilers", "BASIC interpreters", "Batch compilers", "C compilers", "Source-to-source compilers", "C++ compilers", "C# compilers", "COBOL compilers", "Common Lisp compilers", "D compilers", "DIBOL/DBL compilers", "ECMAScript interpreters", "Eiffel compilers", "Fortran compilers", "Go compilers", "Haskell compilers", "Java compilers", "Pascal compilers", "Perl Interpreters", "PHP compilers", "PL/I compilers", "Python compilers", "Scheme compilers and interpreters", "Smalltalk compilers", "Tcl Interpreters", "VMS Interpreters", "Rexx Interpreters", "CLI compilers", }; int compiler_selected = 0; Component compiler = Radiobox(&compiler_entries, &compiler_selected); std::array options_label = { "-Wall", "-Werror", "-lpthread", "-O3", }; std::array options_state = { false, false, false, false, }; std::vector input_entries; int input_selected = 0; Component input = Menu(&input_entries, &input_selected); auto input_option = InputOption(); std::string input_add_content; input_option.on_enter = [&] { input_entries.push_back(input_add_content); input_add_content = ""; }; Component input_add = Input(&input_add_content, "input files", input_option); std::string executable_content_ = ""; Component executable_ = Input(&executable_content_, "executable"); Component flags = Container::Vertical({ Checkbox(&options_label[0], &options_state[0]), Checkbox(&options_label[1], &options_state[1]), Checkbox(&options_label[2], &options_state[2]), Checkbox(&options_label[3], &options_state[3]), }); auto compiler_component = Container::Horizontal({ compiler, flags, Container::Vertical({ executable_, Container::Horizontal({ input_add, input, }), }), }); auto render_command = [&] { Elements line; // Compiler line.push_back(text(compiler_entries[compiler_selected]) | bold); // flags for (int i = 0; i < 4; ++i) { if (options_state[i]) { line.push_back(text(" ")); line.push_back(text(options_label[i]) | dim); } } // Executable if (!executable_content_.empty()) { line.push_back(text(" -o ") | bold); line.push_back(text(executable_content_) | color(Color::BlueLight) | bold); } // Input for (auto& it : input_entries) { line.push_back(text(" " + it) | color(Color::RedLight)); } return line; }; auto compiler_renderer = Renderer(compiler_component, [&] { auto compiler_win = window(text("Compiler"), compiler->Render() | frame); auto flags_win = window(text("Flags"), flags->Render()); auto executable_win = window(text("Executable:"), executable_->Render()); auto input_win = window(text("Input"), hbox({ vbox({ hbox({ text("Add: "), input_add->Render(), }) | size(WIDTH, EQUAL, 20) | size(HEIGHT, EQUAL, 1), filler(), }), separator(), input->Render() | frame | size(HEIGHT, EQUAL, 3) | flex, })); return vbox({ hbox({ compiler_win | size(HEIGHT, LESS_THAN, 6), flags_win, vbox({ executable_win | size(WIDTH, EQUAL, 20), input_win | size(WIDTH, EQUAL, 60), }), filler(), }), hflow(render_command()) | flex_grow, }) | flex_grow | border; }); auto spinner_tab_renderer = Renderer([&] { Elements entries; for (int i = 0; i < 22; ++i) { entries.push_back(spinner(i, shift / 2) | bold | size(WIDTH, GREATER_THAN, 2) | border); } return hflow(std::move(entries)) | border; }); auto color_tab_renderer = Renderer([] { return hbox({ vbox({ color(Color::Default, text("Default")), color(Color::Black, text("Black")), color(Color::GrayDark, text("GrayDark")), color(Color::GrayLight, text("GrayLight")), color(Color::White, text("White")), color(Color::Blue, text("Blue")), color(Color::BlueLight, text("BlueLight")), color(Color::Cyan, text("Cyan")), color(Color::CyanLight, text("CyanLight")), color(Color::Green, text("Green")), color(Color::GreenLight, text("GreenLight")), color(Color::Magenta, text("Magenta")), color(Color::MagentaLight, text("MagentaLight")), color(Color::Red, text("Red")), color(Color::RedLight, text("RedLight")), color(Color::Yellow, text("Yellow")), color(Color::YellowLight, text("YellowLight")), }), vbox({ bgcolor(Color::Default, text("Default")), bgcolor(Color::Black, text("Black")), bgcolor(Color::GrayDark, text("GrayDark")), bgcolor(Color::GrayLight, text("GrayLight")), bgcolor(Color::White, text("White")), bgcolor(Color::Blue, text("Blue")), bgcolor(Color::BlueLight, text("BlueLight")), bgcolor(Color::Cyan, text("Cyan")), bgcolor(Color::CyanLight, text("CyanLight")), bgcolor(Color::Green, text("Green")), bgcolor(Color::GreenLight, text("GreenLight")), bgcolor(Color::Magenta, text("Magenta")), bgcolor(Color::MagentaLight, text("MagentaLight")), bgcolor(Color::Red, text("Red")), bgcolor(Color::RedLight, text("RedLight")), bgcolor(Color::Yellow, text("Yellow")), bgcolor(Color::YellowLight, text("YellowLight")), }), }) | hcenter | border; }); auto render_gauge = [&shift](int delta) { float progress = (shift + delta) % 1000 / 1000.f; return hbox({ text(std::to_string(int(progress * 100)) + "% ") | size(WIDTH, EQUAL, 5), gauge(progress), }); }; auto gauge_component = Renderer([render_gauge] { return vbox({ render_gauge(0) | color(Color::Black), render_gauge(100) | color(Color::GrayDark), render_gauge(50) | color(Color::GrayLight), render_gauge(6894) | color(Color::White), separator(), render_gauge(6841) | color(Color::Blue), render_gauge(9813) | color(Color::BlueLight), render_gauge(98765) | color(Color::Cyan), render_gauge(98) | color(Color::CyanLight), render_gauge(9846) | color(Color::Green), render_gauge(1122) | color(Color::GreenLight), render_gauge(84) | color(Color::Magenta), render_gauge(645) | color(Color::MagentaLight), render_gauge(568) | color(Color::Red), render_gauge(2222) | color(Color::RedLight), render_gauge(220) | color(Color::Yellow), render_gauge(348) | color(Color::YellowLight), }) | border; }); int tab_index = 0; std::vector tab_entries = { "htop", "color", "spinner", "gauge", "compiler", }; auto tab_selection = Toggle(&tab_entries, &tab_index); auto tab_content = Container::Tab( { htop, color_tab_renderer, spinner_tab_renderer, gauge_component, compiler_renderer, }, &tab_index); auto main_container = Container::Vertical({ tab_selection, tab_content, }); auto main_renderer = Renderer(main_container, [&] { return vbox({ text("FTXUI Demo") | bold | hcenter, tab_selection->Render() | hcenter, tab_content->Render() | flex, }); }); bool refresh_ui_continue = true; std::thread refresh_ui([&] { while (refresh_ui_continue) { using namespace std::chrono_literals; std::this_thread::sleep_for(0.05s); shift++; screen.PostEvent(Event::Custom); } }); screen.Loop(main_renderer); refresh_ui_continue = false; refresh_ui.join(); return 0; } // 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.