2020-06-07 18:09:02 +00:00
|
|
|
//
|
2020-06-28 16:39:18 +00:00
|
|
|
// OptionListComponent.h
|
2020-06-07 18:09:02 +00:00
|
|
|
//
|
2020-06-28 16:39:18 +00:00
|
|
|
// Provides a list of options.
|
|
|
|
// Supports various types using templates.
|
2020-06-07 18:09:02 +00:00
|
|
|
//
|
|
|
|
|
2013-10-01 21:52:30 +00:00
|
|
|
#pragma once
|
2017-10-31 17:12:50 +00:00
|
|
|
#ifndef ES_CORE_COMPONENTS_OPTION_LIST_COMPONENT_H
|
|
|
|
#define ES_CORE_COMPONENTS_OPTION_LIST_COMPONENT_H
|
2013-10-01 21:52:30 +00:00
|
|
|
|
2020-06-21 17:35:43 +00:00
|
|
|
#define CHECKED_PATH ":/graphics/checkbox_checked.svg"
|
|
|
|
#define UNCHECKED_PATH ":/graphics/checkbox_unchecked.svg"
|
2020-06-07 18:09:02 +00:00
|
|
|
|
2014-06-20 01:30:09 +00:00
|
|
|
#include "GuiComponent.h"
|
|
|
|
#include "Log.h"
|
2017-11-01 22:21:10 +00:00
|
|
|
#include "Window.h"
|
2013-10-01 21:52:30 +00:00
|
|
|
|
2020-08-24 16:51:55 +00:00
|
|
|
#include <algorithm>
|
|
|
|
|
2020-06-07 18:09:02 +00:00
|
|
|
// Used to display a list of options.
|
|
|
|
// Can select one or multiple options.
|
2013-10-01 21:52:30 +00:00
|
|
|
|
2014-03-06 01:49:32 +00:00
|
|
|
// if !multiSelect
|
|
|
|
// * <- curEntry ->
|
2020-06-07 18:09:02 +00:00
|
|
|
// Always
|
|
|
|
// * press a -> open full list.
|
2014-05-31 19:20:14 +00:00
|
|
|
|
2013-10-03 20:58:09 +00:00
|
|
|
template<typename T>
|
2013-10-01 21:52:30 +00:00
|
|
|
class OptionListComponent : public GuiComponent
|
|
|
|
{
|
2014-03-06 01:49:32 +00:00
|
|
|
public:
|
2020-06-28 16:39:18 +00:00
|
|
|
OptionListComponent(
|
|
|
|
Window* window,
|
|
|
|
const HelpStyle& helpstyle,
|
|
|
|
const std::string& name,
|
|
|
|
bool multiSelect = false)
|
|
|
|
: GuiComponent(window),
|
|
|
|
mHelpStyle(helpstyle),
|
|
|
|
mMultiSelect(multiSelect),
|
|
|
|
mName(name),
|
|
|
|
mText(window),
|
|
|
|
mLeftArrow(window),
|
|
|
|
mRightArrow(window)
|
|
|
|
{
|
|
|
|
auto font = Font::get(FONT_SIZE_MEDIUM, FONT_PATH_LIGHT);
|
|
|
|
mText.setFont(font);
|
|
|
|
mText.setColor(0x777777FF);
|
|
|
|
mText.setHorizontalAlignment(ALIGN_CENTER);
|
|
|
|
addChild(&mText);
|
|
|
|
|
|
|
|
mLeftArrow.setResize(0, mText.getFont()->getLetterHeight());
|
|
|
|
mRightArrow.setResize(0, mText.getFont()->getLetterHeight());
|
|
|
|
|
2020-07-13 18:58:25 +00:00
|
|
|
if (mMultiSelect) {
|
2020-06-28 16:39:18 +00:00
|
|
|
mRightArrow.setImage(":/graphics/arrow.svg");
|
|
|
|
addChild(&mRightArrow);
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
mLeftArrow.setImage(":/graphics/option_arrow.svg");
|
|
|
|
mLeftArrow.setFlipX(true);
|
|
|
|
addChild(&mLeftArrow);
|
|
|
|
|
|
|
|
mRightArrow.setImage(":/graphics/option_arrow.svg");
|
|
|
|
addChild(&mRightArrow);
|
|
|
|
}
|
|
|
|
|
|
|
|
setSize(mLeftArrow.getSize().x() + mRightArrow.getSize().x(), font->getHeight());
|
|
|
|
}
|
|
|
|
|
|
|
|
// Handles positioning/resizing of text and arrows.
|
|
|
|
void onSizeChanged() override
|
|
|
|
{
|
|
|
|
mLeftArrow.setResize(0, mText.getFont()->getLetterHeight());
|
|
|
|
mRightArrow.setResize(0, mText.getFont()->getLetterHeight());
|
|
|
|
|
2020-07-13 18:58:25 +00:00
|
|
|
if (mSize.x() < (mLeftArrow.getSize().x() + mRightArrow.getSize().x())) {
|
2020-06-28 16:39:18 +00:00
|
|
|
LOG(LogWarning) << "OptionListComponent too narrow!";
|
|
|
|
}
|
|
|
|
|
|
|
|
mText.setSize(mSize.x() - mLeftArrow.getSize().x() -
|
|
|
|
mRightArrow.getSize().x(), mText.getFont()->getHeight());
|
|
|
|
|
|
|
|
// Position.
|
|
|
|
mLeftArrow.setPosition(0, (mSize.y() - mLeftArrow.getSize().y()) / 2);
|
|
|
|
mText.setPosition(mLeftArrow.getPosition().x() + mLeftArrow.getSize().x(),
|
|
|
|
(mSize.y() - mText.getSize().y()) / 2);
|
|
|
|
mRightArrow.setPosition(mText.getPosition().x() + mText.getSize().x(),
|
|
|
|
(mSize.y() - mRightArrow.getSize().y()) / 2);
|
|
|
|
}
|
|
|
|
|
|
|
|
bool input(InputConfig* config, Input input) override
|
|
|
|
{
|
2020-07-13 18:58:25 +00:00
|
|
|
if (input.value != 0) {
|
|
|
|
if (config->isMappedTo("a", input)) {
|
2020-08-05 17:31:59 +00:00
|
|
|
// Ignore input if the component has been disabled.
|
|
|
|
if (!mEnabled)
|
|
|
|
return true;
|
2020-06-28 16:39:18 +00:00
|
|
|
open();
|
|
|
|
return true;
|
|
|
|
}
|
2020-07-13 18:58:25 +00:00
|
|
|
if (!mMultiSelect) {
|
|
|
|
if (config->isMappedLike("left", input)) {
|
2020-08-05 17:31:59 +00:00
|
|
|
// Ignore input if the component has been disabled.
|
|
|
|
if (!mEnabled)
|
|
|
|
return true;
|
2020-06-28 16:39:18 +00:00
|
|
|
// Move selection to previous.
|
|
|
|
unsigned int i = getSelectedId();
|
|
|
|
int next = (int)i - 1;
|
2020-07-13 18:58:25 +00:00
|
|
|
if (next < 0)
|
2020-06-28 16:39:18 +00:00
|
|
|
next += (int)mEntries.size();
|
|
|
|
|
|
|
|
mEntries.at(i).selected = false;
|
|
|
|
mEntries.at(next).selected = true;
|
|
|
|
onSelectedChanged();
|
|
|
|
return true;
|
|
|
|
|
|
|
|
}
|
2020-07-13 18:58:25 +00:00
|
|
|
else if (config->isMappedLike("right", input)) {
|
2020-08-05 17:31:59 +00:00
|
|
|
// Ignore input if the component has been disabled.
|
|
|
|
if (!mEnabled)
|
|
|
|
return true;
|
2020-06-28 16:39:18 +00:00
|
|
|
// Move selection to next.
|
|
|
|
unsigned int i = getSelectedId();
|
|
|
|
int next = (i + 1) % mEntries.size();
|
|
|
|
mEntries.at(i).selected = false;
|
|
|
|
mEntries.at(next).selected = true;
|
|
|
|
onSelectedChanged();
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return GuiComponent::input(config, input);
|
|
|
|
}
|
|
|
|
|
|
|
|
std::vector<T> getSelectedObjects()
|
|
|
|
{
|
|
|
|
std::vector<T> ret;
|
2020-07-13 18:58:25 +00:00
|
|
|
for (auto it = mEntries.cbegin(); it != mEntries.cend(); it++) {
|
|
|
|
if (it->selected)
|
2020-06-28 16:39:18 +00:00
|
|
|
ret.push_back(it->object);
|
|
|
|
}
|
|
|
|
|
|
|
|
return ret;
|
|
|
|
}
|
|
|
|
|
|
|
|
T getSelected()
|
|
|
|
{
|
|
|
|
assert(mMultiSelect == false);
|
|
|
|
auto selected = getSelectedObjects();
|
|
|
|
assert(selected.size() == 1);
|
|
|
|
return selected.at(0);
|
|
|
|
}
|
|
|
|
|
|
|
|
void add(const std::string& name, const T& obj, bool selected)
|
|
|
|
{
|
|
|
|
OptionListData e;
|
|
|
|
e.name = name;
|
|
|
|
e.object = obj;
|
|
|
|
e.selected = selected;
|
|
|
|
|
|
|
|
mEntries.push_back(e);
|
|
|
|
onSelectedChanged();
|
|
|
|
}
|
|
|
|
|
|
|
|
bool selectEntry(unsigned int entry)
|
|
|
|
{
|
|
|
|
if (entry > mEntries.size()) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
mEntries.at(entry).selected = true;
|
|
|
|
onSelectedChanged();
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
bool unselectEntry(unsigned int entry)
|
|
|
|
{
|
|
|
|
if (entry > mEntries.size()) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
mEntries.at(entry).selected = false;
|
|
|
|
onSelectedChanged();
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
void selectAll()
|
|
|
|
{
|
2020-07-13 18:58:25 +00:00
|
|
|
for (unsigned int i = 0; i < mEntries.size(); i++)
|
2020-06-28 16:39:18 +00:00
|
|
|
mEntries.at(i).selected = true;
|
|
|
|
onSelectedChanged();
|
|
|
|
}
|
|
|
|
|
|
|
|
void selectNone()
|
|
|
|
{
|
2020-07-13 18:58:25 +00:00
|
|
|
for (unsigned int i = 0; i < mEntries.size(); i++)
|
2020-06-28 16:39:18 +00:00
|
|
|
mEntries.at(i).selected = false;
|
|
|
|
onSelectedChanged();
|
|
|
|
}
|
|
|
|
|
2020-08-24 16:51:55 +00:00
|
|
|
void sortEntriesByName()
|
|
|
|
{
|
|
|
|
std::sort(std::begin(mEntries), std::end(mEntries),
|
|
|
|
[](OptionListData a, OptionListData b) { return a.name < b.name; });
|
|
|
|
}
|
|
|
|
|
2020-06-28 16:39:18 +00:00
|
|
|
HelpStyle getHelpStyle() override { return mHelpStyle; };
|
2020-06-07 18:09:02 +00:00
|
|
|
|
2014-03-06 01:49:32 +00:00
|
|
|
private:
|
2020-06-28 16:39:18 +00:00
|
|
|
struct OptionListData {
|
|
|
|
std::string name;
|
|
|
|
T object;
|
|
|
|
bool selected;
|
|
|
|
};
|
|
|
|
|
|
|
|
HelpStyle mHelpStyle;
|
|
|
|
|
|
|
|
unsigned int getSelectedId()
|
|
|
|
{
|
|
|
|
assert(mMultiSelect == false);
|
2020-07-13 18:58:25 +00:00
|
|
|
for (unsigned int i = 0; i < mEntries.size(); i++) {
|
|
|
|
if (mEntries.at(i).selected)
|
2020-06-28 16:39:18 +00:00
|
|
|
return i;
|
|
|
|
}
|
|
|
|
|
|
|
|
LOG(LogWarning) << "OptionListComponent::getSelectedId() - "
|
|
|
|
"no selected element found, defaulting to 0";
|
|
|
|
return 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
void open()
|
|
|
|
{
|
|
|
|
mWindow->pushGui(new OptionListPopup(mWindow, getHelpStyle(), this, mName));
|
|
|
|
}
|
|
|
|
|
|
|
|
void onSelectedChanged()
|
|
|
|
{
|
2020-07-13 18:58:25 +00:00
|
|
|
if (mMultiSelect) {
|
2020-06-28 16:39:18 +00:00
|
|
|
// Display # selected.
|
|
|
|
std::stringstream ss;
|
|
|
|
ss << getSelectedObjects().size() << " SELECTED";
|
|
|
|
mText.setText(ss.str());
|
|
|
|
mText.setSize(0, mText.getSize().y());
|
|
|
|
setSize(mText.getSize().x() + mRightArrow.getSize().x() + 24, mText.getSize().y());
|
2020-07-13 18:58:25 +00:00
|
|
|
if (mParent) // Hack since theres no "on child size changed" callback atm...
|
2020-06-28 16:39:18 +00:00
|
|
|
mParent->onSizeChanged();
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
// Display currently selected + l/r cursors.
|
2020-07-13 18:58:25 +00:00
|
|
|
for (auto it = mEntries.cbegin(); it != mEntries.cend(); it++) {
|
|
|
|
if (it->selected) {
|
2020-06-28 16:39:18 +00:00
|
|
|
mText.setText(Utils::String::toUpper(it->name));
|
|
|
|
mText.setSize(0, mText.getSize().y());
|
|
|
|
setSize(mText.getSize().x() + mLeftArrow.getSize().x() +
|
|
|
|
mRightArrow.getSize().x() + 24, mText.getSize().y());
|
2020-07-13 18:58:25 +00:00
|
|
|
if (mParent) // Hack since theres no "on child size changed" callback atm...
|
2020-06-28 16:39:18 +00:00
|
|
|
mParent->onSizeChanged();
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
std::vector<HelpPrompt> getHelpPrompts() override
|
|
|
|
{
|
|
|
|
std::vector<HelpPrompt> prompts;
|
2020-07-13 18:58:25 +00:00
|
|
|
if (!mMultiSelect)
|
2020-06-28 16:39:18 +00:00
|
|
|
prompts.push_back(HelpPrompt("left/right", "change value"));
|
|
|
|
|
|
|
|
prompts.push_back(HelpPrompt("a", "select"));
|
|
|
|
return prompts;
|
|
|
|
}
|
|
|
|
|
|
|
|
bool mMultiSelect;
|
|
|
|
|
|
|
|
std::string mName;
|
|
|
|
TextComponent mText;
|
|
|
|
ImageComponent mLeftArrow;
|
|
|
|
ImageComponent mRightArrow;
|
|
|
|
|
|
|
|
std::vector<OptionListData> mEntries;
|
|
|
|
|
|
|
|
// Subclass to OptionListComponent.
|
|
|
|
class OptionListPopup : public GuiComponent
|
|
|
|
{
|
|
|
|
public:
|
|
|
|
OptionListPopup(
|
|
|
|
Window* window,
|
|
|
|
const HelpStyle& helpstyle,
|
|
|
|
OptionListComponent<T>* parent,
|
|
|
|
const std::string& title)
|
|
|
|
: GuiComponent(window),
|
|
|
|
mHelpStyle(helpstyle),
|
|
|
|
mMenu(window, title.c_str()),
|
|
|
|
mParent(parent)
|
|
|
|
{
|
|
|
|
auto font = Font::get(FONT_SIZE_MEDIUM);
|
|
|
|
ComponentListRow row;
|
|
|
|
|
|
|
|
// For select all/none.
|
|
|
|
std::vector<ImageComponent*> checkboxes;
|
|
|
|
|
2020-07-13 18:58:25 +00:00
|
|
|
for (auto it = mParent->mEntries.begin(); it != mParent->mEntries.end(); it++) {
|
2020-06-28 16:39:18 +00:00
|
|
|
row.elements.clear();
|
|
|
|
row.addElement(std::make_shared<TextComponent>
|
|
|
|
(mWindow, Utils::String::toUpper(it->name), font, 0x777777FF), true);
|
|
|
|
|
|
|
|
OptionListData& e = *it;
|
|
|
|
|
2020-07-13 18:58:25 +00:00
|
|
|
if (mParent->mMultiSelect) {
|
2020-06-28 16:39:18 +00:00
|
|
|
// Add checkbox.
|
|
|
|
auto checkbox = std::make_shared<ImageComponent>(mWindow);
|
|
|
|
checkbox->setImage(it->selected ? CHECKED_PATH : UNCHECKED_PATH);
|
|
|
|
checkbox->setResize(0, font->getLetterHeight());
|
|
|
|
row.addElement(checkbox, false);
|
|
|
|
|
|
|
|
// Input handler.
|
|
|
|
// Update checkbox state & selected value.
|
|
|
|
row.makeAcceptInputHandler([this, &e, checkbox] {
|
|
|
|
e.selected = !e.selected;
|
|
|
|
checkbox->setImage(e.selected ? CHECKED_PATH : UNCHECKED_PATH);
|
|
|
|
mParent->onSelectedChanged();
|
|
|
|
});
|
|
|
|
|
|
|
|
// For select all/none.
|
|
|
|
checkboxes.push_back(checkbox.get());
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
// Input handler for non-multiselect.
|
|
|
|
// Update selected value and close.
|
|
|
|
row.makeAcceptInputHandler([this, &e] {
|
|
|
|
mParent->mEntries.at(mParent->getSelectedId()).selected = false;
|
|
|
|
e.selected = true;
|
|
|
|
mParent->onSelectedChanged();
|
|
|
|
delete this;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
// Also set cursor to this row if we're not multi-select and this row is selected.
|
|
|
|
mMenu.addRow(row, (!mParent->mMultiSelect && it->selected));
|
|
|
|
}
|
|
|
|
|
|
|
|
mMenu.addButton("BACK", "back", [this] { delete this; });
|
|
|
|
|
2020-07-13 18:58:25 +00:00
|
|
|
if (mParent->mMultiSelect) {
|
2020-06-28 16:39:18 +00:00
|
|
|
mMenu.addButton("SELECT ALL", "select all", [this, checkboxes] {
|
2020-07-13 18:58:25 +00:00
|
|
|
for (unsigned int i = 0; i < mParent->mEntries.size(); i++) {
|
2020-06-28 16:39:18 +00:00
|
|
|
mParent->mEntries.at(i).selected = true;
|
|
|
|
checkboxes.at(i)->setImage(CHECKED_PATH);
|
|
|
|
}
|
|
|
|
mParent->onSelectedChanged();
|
|
|
|
});
|
|
|
|
|
|
|
|
mMenu.addButton("SELECT NONE", "select none", [this, checkboxes] {
|
2020-07-13 18:58:25 +00:00
|
|
|
for (unsigned int i = 0; i < mParent->mEntries.size(); i++) {
|
2020-06-28 16:39:18 +00:00
|
|
|
mParent->mEntries.at(i).selected = false;
|
|
|
|
checkboxes.at(i)->setImage(UNCHECKED_PATH);
|
|
|
|
}
|
|
|
|
mParent->onSelectedChanged();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
mMenu.setPosition((Renderer::getScreenWidth() - mMenu.getSize().x()) / 2,
|
|
|
|
Renderer::getScreenHeight() * 0.15f);
|
|
|
|
addChild(&mMenu);
|
|
|
|
}
|
|
|
|
|
|
|
|
bool input(InputConfig* config, Input input) override
|
|
|
|
{
|
2020-07-13 18:58:25 +00:00
|
|
|
if (config->isMappedTo("b", input) && input.value != 0) {
|
2020-06-28 16:39:18 +00:00
|
|
|
delete this;
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
return GuiComponent::input(config, input);
|
|
|
|
}
|
|
|
|
|
|
|
|
std::vector<HelpPrompt> getHelpPrompts() override
|
|
|
|
{
|
|
|
|
auto prompts = mMenu.getHelpPrompts();
|
|
|
|
prompts.push_back(HelpPrompt("a", "select"));
|
|
|
|
prompts.push_back(HelpPrompt("b", "back"));
|
|
|
|
return prompts;
|
|
|
|
}
|
|
|
|
|
|
|
|
HelpStyle getHelpStyle() override { return mHelpStyle; };
|
|
|
|
|
|
|
|
private:
|
|
|
|
MenuComponent mMenu;
|
|
|
|
OptionListComponent<T>* mParent;
|
|
|
|
HelpStyle mHelpStyle;
|
|
|
|
};
|
2013-10-01 21:52:30 +00:00
|
|
|
};
|
2017-10-31 17:12:50 +00:00
|
|
|
|
|
|
|
#endif // ES_CORE_COMPONENTS_OPTION_LIST_COMPONENT_H
|