mirror of
https://github.com/ArthurSonzogni/FTXUI.git
synced 2024-11-24 19:50:35 +08:00
73 lines
2.6 KiB
C++
73 lines
2.6 KiB
C++
// 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.
|
|
#include <string> // for char_traits, operator+, string, basic_string
|
|
|
|
#include "ftxui/component/component.hpp" // for Input, Renderer, Vertical
|
|
#include "ftxui/component/component_base.hpp" // for ComponentBase
|
|
#include "ftxui/component/component_options.hpp" // for InputOption
|
|
#include "ftxui/component/screen_interactive.hpp" // for Component, ScreenInteractive
|
|
#include "ftxui/dom/elements.hpp" // for text, hbox, separator, Element, operator|, vbox, border
|
|
#include "ftxui/util/ref.hpp" // for Ref
|
|
|
|
int main() {
|
|
using namespace ftxui;
|
|
|
|
// The data:
|
|
std::string first_name;
|
|
std::string last_name;
|
|
std::string password;
|
|
std::string phoneNumber;
|
|
// Region selection;
|
|
std::string textToCopy;
|
|
|
|
auto screen = ScreenInteractive::TerminalOutput();
|
|
|
|
// The basic input components:
|
|
Component input_first_name = Input(&first_name, "first name");
|
|
Component input_last_name = Input(&last_name, "last name");
|
|
|
|
// The password input component:
|
|
InputOption password_option;
|
|
password_option.password = true;
|
|
Component input_password = Input(&password, "password", password_option);
|
|
|
|
// The phone number input component:
|
|
// We are using `CatchEvent` to filter out non-digit characters.
|
|
Component input_phone_number = Input(&phoneNumber, "phone number");
|
|
input_phone_number |= CatchEvent([&](const Event& event) {
|
|
return event.is_character() && !std::isdigit(event.character()[0]);
|
|
});
|
|
input_phone_number |= CatchEvent([&](const Event& event) {
|
|
return event.is_character() && phoneNumber.size() > 10;
|
|
});
|
|
|
|
// The component tree:
|
|
auto component = Container::Vertical({
|
|
input_first_name,
|
|
input_last_name,
|
|
input_password,
|
|
input_phone_number,
|
|
});
|
|
|
|
// Tweak how the component tree is rendered:
|
|
auto renderer = Renderer(component, [&] {
|
|
return vbox({
|
|
hbox(text(" First name : "), input_first_name->Render()),
|
|
hbox(text(" Last name : ") | selectable(),
|
|
input_last_name->Render()),
|
|
hbox(text(" Password : "), input_password->Render()),
|
|
hbox(text(" Phone num : "), input_phone_number->Render()) |
|
|
selectable(),
|
|
separator(),
|
|
text("Hello " + first_name + " " + last_name),
|
|
text("Your password is " + password),
|
|
text("Your phone number is " + phoneNumber),
|
|
text("Selected test is " + screen.GetSelection()),
|
|
}) |
|
|
border;
|
|
});
|
|
|
|
screen.Loop(renderer);
|
|
}
|