FTXUI/examples/component/input.cpp

69 lines
2.5 KiB
C++
Raw Normal View History

2023-08-19 19:56:36 +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.
2021-05-10 02:32:27 +08:00
#include <memory> // for allocator, __shared_ptr_access
2021-09-17 02:45:26 +08:00
#include <string> // for char_traits, operator+, string, basic_string
2018-10-19 04:58:38 +08:00
2021-09-17 02:45:26 +08:00
#include "ftxui/component/captured_mouse.hpp" // for ftxui
#include "ftxui/component/component.hpp" // for Input, Renderer, Vertical
#include "ftxui/component/component_base.hpp" // for ComponentBase
2021-08-07 02:32:33 +08:00
#include "ftxui/component/component_options.hpp" // for InputOption
2021-05-10 02:32:27 +08:00
#include "ftxui/component/screen_interactive.hpp" // for Component, ScreenInteractive
2021-09-17 02:45:26 +08:00
#include "ftxui/dom/elements.hpp" // for text, hbox, separator, Element, operator|, vbox, border
#include "ftxui/util/ref.hpp" // for Ref
2018-10-19 04:58:38 +08:00
int main() {
using namespace ftxui;
2018-10-19 04:58:38 +08:00
// The data:
std::string first_name;
std::string last_name;
std::string password;
std::string phoneNumber;
// 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);
2018-10-19 04:58:38 +08:00
// 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([&](Event event) {
return event.is_character() && !std::isdigit(event.character()[0]);
});
input_phone_number |= CatchEvent([&](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 : "), input_last_name->Render()),
hbox(text(" Password : "), input_password->Render()),
hbox(text(" Phone num : "), input_phone_number->Render()),
separator(),
text("Hello " + first_name + " " + last_name),
text("Your password is " + password),
text("Your phone number is " + phoneNumber),
}) |
border;
});
2018-10-19 04:58:38 +08:00
auto screen = ScreenInteractive::TerminalOutput();
screen.Loop(renderer);
2018-10-19 04:58:38 +08:00
}