FTXUI/examples/component/menu_style.cpp

#include <functional>        // for function
#include <initializer_list>  // for initializer_list
#include <memory>            // for __shared_ptr_access, shared_ptr, allocator
#include <string>            // for wstring, basic_string
#include <vector>            // for vector

#include "ftxui/component/captured_mouse.hpp"  // for ftxui
#include "ftxui/component/component.hpp"       // for Menu, Horizontal, Renderer
#include "ftxui/component/component_base.hpp"  // for ComponentBase
#include "ftxui/component/menu.hpp"            // for MenuBase
#include "ftxui/component/screen_interactive.hpp"  // for ScreenInteractive, Component
#include "ftxui/dom/elements.hpp"  // for operator|, Element, separator, bgcolor, color, flex, Decorator, bold, hbox, border, dim
#include "ftxui/screen/color.hpp"  // for Color, Color::Blue, Color::BlueLight, Color::Red, Color::Yellow

int main(int argc, const char* argv[]) {
  using namespace ftxui;
  auto screen = ScreenInteractive::TerminalOutput();

  std::vector<std::wstring> entries = {
      L"Monkey", L"Dog", L"Cat", L"Bird", L"Elephant",
  };
  int menu_1_selected_ = 0;
  int menu_2_selected_ = 0;
  int menu_3_selected_ = 0;
  int menu_4_selected_ = 0;
  int menu_5_selected_ = 0;
  int menu_6_selected_ = 0;

  MenuOption option_1;
  option_1.focused_style = bold | color(Color::Blue);
  option_1.selected_style = color(Color::Blue);
  option_1.selected_focused_style = bold | color(Color::Blue);
  option_1.on_enter = screen.ExitLoopClosure();
  auto menu_1_ = Menu(&entries, &menu_1_selected_, &option_1);

  MenuOption option_2;
  option_2.focused_style = bold | color(Color::Blue);
  option_2.selected_style = color(Color::Blue);
  option_2.selected_focused_style = bold | color(Color::Blue);
  option_2.on_enter = screen.ExitLoopClosure();
  auto menu_2_ = Menu(&entries, &menu_2_selected_, &option_2);

  MenuOption option_3;
  option_3.selected_style = color(Color::Blue);
  option_3.focused_style = bgcolor(Color::Blue);
  option_3.selected_focused_style = bgcolor(Color::Blue);
  option_3.on_enter = screen.ExitLoopClosure();
  auto menu_3_ = Menu(&entries, &menu_3_selected_, &option_3);

  MenuOption option_4;
  option_4.selected_style = bgcolor(Color::Blue);
  option_4.focused_style = bgcolor(Color::BlueLight);
  option_4.selected_focused_style = bgcolor(Color::BlueLight);
  option_4.on_enter = screen.ExitLoopClosure();
  auto menu_4_ = Menu(&entries, &menu_4_selected_, &option_4);

  MenuOption option_5;
  option_5.normal_style = bgcolor(Color::Blue);
  option_5.selected_style = bgcolor(Color::Yellow);
  option_5.focused_style = bgcolor(Color::Red);
  option_5.selected_focused_style = bgcolor(Color::Red);
  option_5.on_enter = screen.ExitLoopClosure();
  auto menu_5_ = Menu(&entries, &menu_5_selected_, &option_5);

  MenuOption option_6;
  option_6.normal_style = dim | color(Color::Blue);
  option_6.selected_style = color(Color::Blue);
  option_6.focused_style = bold | color(Color::Blue);
  option_6.selected_focused_style = bold | color(Color::Blue);
  option_6.on_enter = screen.ExitLoopClosure();
  auto menu_6_ = Menu(&entries, &menu_6_selected_, &option_6);

  auto container = Container::Horizontal({
      menu_1_,
      menu_2_,
      menu_3_,
      menu_4_,
      menu_5_,
      menu_6_,
  });

  // clang-format off
  auto renderer = Renderer(container, [&] {
   return
      hbox({
        menu_1_->Render() | flex, separator(),
        menu_2_->Render() | flex, separator(),
        menu_3_->Render() | flex, separator(),
        menu_4_->Render() | flex, separator(),
        menu_5_->Render() | flex, separator(),
        menu_6_->Render() | flex,
      }) | border;
  });
  // clang-format on

  screen.Loop(renderer);
}

// 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.