You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							336 lines
						
					
					
						
							10 KiB
						
					
					
				
			
		
		
	
	
							336 lines
						
					
					
						
							10 KiB
						
					
					
				| #include "selfdrive/ui/qt/widgets/input.h"
 | |
| 
 | |
| #include <QPushButton>
 | |
| #include <QButtonGroup>
 | |
| 
 | |
| #include "system/hardware/hw.h"
 | |
| #include "selfdrive/ui/qt/util.h"
 | |
| #include "selfdrive/ui/qt/qt_window.h"
 | |
| #include "selfdrive/ui/qt/widgets/scrollview.h"
 | |
| 
 | |
| 
 | |
| DialogBase::DialogBase(QWidget *parent) : QDialog(parent) {
 | |
|   Q_ASSERT(parent != nullptr);
 | |
|   parent->installEventFilter(this);
 | |
| 
 | |
|   setStyleSheet(R"(
 | |
|     * {
 | |
|       outline: none;
 | |
|       color: white;
 | |
|       font-family: Inter;
 | |
|     }
 | |
|     DialogBase {
 | |
|       background-color: black;
 | |
|     }
 | |
|     QPushButton {
 | |
|       height: 160;
 | |
|       font-size: 55px;
 | |
|       font-weight: 400;
 | |
|       border-radius: 10px;
 | |
|       color: white;
 | |
|       background-color: #333333;
 | |
|     }
 | |
|     QPushButton:pressed {
 | |
|       background-color: #444444;
 | |
|     }
 | |
|   )");
 | |
| }
 | |
| 
 | |
| bool DialogBase::eventFilter(QObject *o, QEvent *e) {
 | |
|   if (o == parent() && e->type() == QEvent::Hide) {
 | |
|     reject();
 | |
|   }
 | |
|   return QDialog::eventFilter(o, e);
 | |
| }
 | |
| 
 | |
| int DialogBase::exec() {
 | |
|   setMainWindow(this);
 | |
|   return QDialog::exec();
 | |
| }
 | |
| 
 | |
| InputDialog::InputDialog(const QString &title, QWidget *parent, const QString &subtitle, bool secret) : DialogBase(parent) {
 | |
|   main_layout = new QVBoxLayout(this);
 | |
|   main_layout->setContentsMargins(50, 55, 50, 50);
 | |
|   main_layout->setSpacing(0);
 | |
| 
 | |
|   // build header
 | |
|   QHBoxLayout *header_layout = new QHBoxLayout();
 | |
| 
 | |
|   QVBoxLayout *vlayout = new QVBoxLayout;
 | |
|   header_layout->addLayout(vlayout);
 | |
|   label = new QLabel(title, this);
 | |
|   label->setStyleSheet("font-size: 90px; font-weight: bold;");
 | |
|   vlayout->addWidget(label, 1, Qt::AlignTop | Qt::AlignLeft);
 | |
| 
 | |
|   if (!subtitle.isEmpty()) {
 | |
|     sublabel = new QLabel(subtitle, this);
 | |
|     sublabel->setStyleSheet("font-size: 55px; font-weight: light; color: #BDBDBD;");
 | |
|     vlayout->addWidget(sublabel, 1, Qt::AlignTop | Qt::AlignLeft);
 | |
|   }
 | |
| 
 | |
|   QPushButton* cancel_btn = new QPushButton(tr("Cancel"));
 | |
|   cancel_btn->setFixedSize(386, 125);
 | |
|   cancel_btn->setStyleSheet(R"(
 | |
|     QPushButton {
 | |
|       font-size: 48px;
 | |
|       border-radius: 10px;
 | |
|       color: #E4E4E4;
 | |
|       background-color: #333333;
 | |
|     }
 | |
|     QPushButton:pressed {
 | |
|       background-color: #444444;
 | |
|     }
 | |
|   )");
 | |
|   header_layout->addWidget(cancel_btn, 0, Qt::AlignRight);
 | |
|   QObject::connect(cancel_btn, &QPushButton::clicked, this, &InputDialog::reject);
 | |
|   QObject::connect(cancel_btn, &QPushButton::clicked, this, &InputDialog::cancel);
 | |
| 
 | |
|   main_layout->addLayout(header_layout);
 | |
| 
 | |
|   // text box
 | |
|   main_layout->addStretch(2);
 | |
| 
 | |
|   QWidget *textbox_widget = new QWidget;
 | |
|   textbox_widget->setObjectName("textbox");
 | |
|   QHBoxLayout *textbox_layout = new QHBoxLayout(textbox_widget);
 | |
|   textbox_layout->setContentsMargins(50, 0, 50, 0);
 | |
| 
 | |
|   textbox_widget->setStyleSheet(R"(
 | |
|     #textbox {
 | |
|       margin-left: 50px;
 | |
|       margin-right: 50px;
 | |
|       border-radius: 0;
 | |
|       border-bottom: 3px solid #BDBDBD;
 | |
|     }
 | |
|     * {
 | |
|       border: none;
 | |
|       font-size: 80px;
 | |
|       font-weight: light;
 | |
|       background-color: transparent;
 | |
|     }
 | |
|   )");
 | |
| 
 | |
|   line = new QLineEdit();
 | |
|   line->setStyleSheet("lineedit-password-character: 8226; lineedit-password-mask-delay: 1500;");
 | |
|   textbox_layout->addWidget(line, 1);
 | |
| 
 | |
|   if (secret) {
 | |
|     eye_btn = new QPushButton();
 | |
|     eye_btn->setCheckable(true);
 | |
|     eye_btn->setFixedSize(150, 120);
 | |
|     QObject::connect(eye_btn, &QPushButton::toggled, [=](bool checked) {
 | |
|       if (checked) {
 | |
|         eye_btn->setIcon(QIcon(ASSET_PATH + "img_eye_closed.svg"));
 | |
|         eye_btn->setIconSize(QSize(81, 54));
 | |
|         line->setEchoMode(QLineEdit::Password);
 | |
|       } else {
 | |
|         eye_btn->setIcon(QIcon(ASSET_PATH + "img_eye_open.svg"));
 | |
|         eye_btn->setIconSize(QSize(81, 44));
 | |
|         line->setEchoMode(QLineEdit::Normal);
 | |
|       }
 | |
|     });
 | |
|     eye_btn->toggle();
 | |
|     eye_btn->setChecked(false);
 | |
|     textbox_layout->addWidget(eye_btn);
 | |
|   }
 | |
| 
 | |
|   main_layout->addWidget(textbox_widget, 0, Qt::AlignBottom);
 | |
|   main_layout->addSpacing(25);
 | |
| 
 | |
|   k = new Keyboard(this);
 | |
|   QObject::connect(k, &Keyboard::emitEnter, this, &InputDialog::handleEnter);
 | |
|   QObject::connect(k, &Keyboard::emitBackspace, this, [=]() {
 | |
|     line->backspace();
 | |
|   });
 | |
|   QObject::connect(k, &Keyboard::emitKey, this, [=](const QString &key) {
 | |
|     line->insert(key.left(1));
 | |
|   });
 | |
| 
 | |
|   main_layout->addWidget(k, 2, Qt::AlignBottom);
 | |
| }
 | |
| 
 | |
| QString InputDialog::getText(const QString &prompt, QWidget *parent, const QString &subtitle,
 | |
|                              bool secret, int minLength, const QString &defaultText) {
 | |
|   InputDialog d = InputDialog(prompt, parent, subtitle, secret);
 | |
|   d.line->setText(defaultText);
 | |
|   d.setMinLength(minLength);
 | |
|   const int ret = d.exec();
 | |
|   return ret ? d.text() : QString();
 | |
| }
 | |
| 
 | |
| QString InputDialog::text() {
 | |
|   return line->text();
 | |
| }
 | |
| 
 | |
| void InputDialog::show() {
 | |
|   setMainWindow(this);
 | |
| }
 | |
| 
 | |
| void InputDialog::handleEnter() {
 | |
|   if (line->text().length() >= minLength) {
 | |
|     done(QDialog::Accepted);
 | |
|     emitText(line->text());
 | |
|   } else {
 | |
|     setMessage(tr("Need at least %n character(s)!", "", minLength), false);
 | |
|   }
 | |
| }
 | |
| 
 | |
| void InputDialog::setMessage(const QString &message, bool clearInputField) {
 | |
|   label->setText(message);
 | |
|   if (clearInputField) {
 | |
|     line->setText("");
 | |
|   }
 | |
| }
 | |
| 
 | |
| void InputDialog::setMinLength(int length) {
 | |
|   minLength = length;
 | |
| }
 | |
| 
 | |
| // ConfirmationDialog
 | |
| 
 | |
| ConfirmationDialog::ConfirmationDialog(const QString &prompt_text, const QString &confirm_text, const QString &cancel_text,
 | |
|                                        const bool rich, QWidget *parent) : DialogBase(parent) {
 | |
|   QFrame *container = new QFrame(this);
 | |
|   container->setStyleSheet(R"(
 | |
|     QFrame { background-color: #1B1B1B; color: #C9C9C9; }
 | |
|     #confirm_btn { background-color: #465BEA; }
 | |
|     #confirm_btn:pressed { background-color: #3049F4; }
 | |
|   )");
 | |
|   QVBoxLayout *main_layout = new QVBoxLayout(container);
 | |
|   main_layout->setContentsMargins(32, rich ? 32 : 120, 32, 32);
 | |
| 
 | |
|   QLabel *prompt = new QLabel(prompt_text, this);
 | |
|   prompt->setWordWrap(true);
 | |
|   prompt->setAlignment(rich ? Qt::AlignLeft : Qt::AlignHCenter);
 | |
|   prompt->setStyleSheet((rich ? "font-size: 42px; font-weight: light;" : "font-size: 70px; font-weight: bold;") + QString(" margin: 45px;"));
 | |
|   main_layout->addWidget(rich ? (QWidget*)new ScrollView(prompt, this) : (QWidget*)prompt, 1, Qt::AlignTop);
 | |
| 
 | |
|   // cancel + confirm buttons
 | |
|   QHBoxLayout *btn_layout = new QHBoxLayout();
 | |
|   btn_layout->setSpacing(30);
 | |
|   main_layout->addLayout(btn_layout);
 | |
| 
 | |
|   if (cancel_text.length()) {
 | |
|     QPushButton* cancel_btn = new QPushButton(cancel_text);
 | |
|     btn_layout->addWidget(cancel_btn);
 | |
|     QObject::connect(cancel_btn, &QPushButton::clicked, this, &ConfirmationDialog::reject);
 | |
|   }
 | |
| 
 | |
|   if (confirm_text.length()) {
 | |
|     QPushButton* confirm_btn = new QPushButton(confirm_text);
 | |
|     confirm_btn->setObjectName("confirm_btn");
 | |
|     btn_layout->addWidget(confirm_btn);
 | |
|     QObject::connect(confirm_btn, &QPushButton::clicked, this, &ConfirmationDialog::accept);
 | |
|   }
 | |
| 
 | |
|   QVBoxLayout *outer_layout = new QVBoxLayout(this);
 | |
|   int margin = rich ? 100 : 200;
 | |
|   outer_layout->setContentsMargins(margin, margin, margin, margin);
 | |
|   outer_layout->addWidget(container);
 | |
| }
 | |
| 
 | |
| bool ConfirmationDialog::alert(const QString &prompt_text, QWidget *parent) {
 | |
|   ConfirmationDialog d = ConfirmationDialog(prompt_text, tr("Ok"), "", false, parent);
 | |
|   return d.exec();
 | |
| }
 | |
| 
 | |
| bool ConfirmationDialog::confirm(const QString &prompt_text, const QString &confirm_text, QWidget *parent) {
 | |
|   ConfirmationDialog d = ConfirmationDialog(prompt_text, confirm_text, tr("Cancel"), false, parent);
 | |
|   return d.exec();
 | |
| }
 | |
| 
 | |
| bool ConfirmationDialog::rich(const QString &prompt_text, QWidget *parent) {
 | |
|   ConfirmationDialog d = ConfirmationDialog(prompt_text, tr("Ok"), "", true, parent);
 | |
|   return d.exec();
 | |
| }
 | |
| 
 | |
| // MultiOptionDialog
 | |
| 
 | |
| MultiOptionDialog::MultiOptionDialog(const QString &prompt_text, const QStringList &l, const QString ¤t, QWidget *parent) : DialogBase(parent) {
 | |
|   QFrame *container = new QFrame(this);
 | |
|   container->setStyleSheet(R"(
 | |
|     QFrame { background-color: #1B1B1B; }
 | |
|     #confirm_btn[enabled="false"] { background-color: #2B2B2B; }
 | |
|     #confirm_btn:enabled { background-color: #465BEA; }
 | |
|     #confirm_btn:enabled:pressed { background-color: #3049F4; }
 | |
|   )");
 | |
| 
 | |
|   QVBoxLayout *main_layout = new QVBoxLayout(container);
 | |
|   main_layout->setContentsMargins(55, 50, 55, 50);
 | |
| 
 | |
|   QLabel *title = new QLabel(prompt_text, this);
 | |
|   title->setStyleSheet("font-size: 70px; font-weight: 500;");
 | |
|   main_layout->addWidget(title, 0, Qt::AlignLeft | Qt::AlignTop);
 | |
|   main_layout->addSpacing(25);
 | |
| 
 | |
|   QWidget *listWidget = new QWidget(this);
 | |
|   QVBoxLayout *listLayout = new QVBoxLayout(listWidget);
 | |
|   listLayout->setSpacing(20);
 | |
|   listWidget->setStyleSheet(R"(
 | |
|     QPushButton {
 | |
|       height: 135;
 | |
|       padding: 0px 50px;
 | |
|       text-align: left;
 | |
|       font-size: 55px;
 | |
|       font-weight: 300;
 | |
|       border-radius: 10px;
 | |
|       background-color: #4F4F4F;
 | |
|     }
 | |
|     QPushButton:checked { background-color: #465BEA; }
 | |
|   )");
 | |
| 
 | |
|   QButtonGroup *group = new QButtonGroup(listWidget);
 | |
|   group->setExclusive(true);
 | |
| 
 | |
|   QPushButton *confirm_btn = new QPushButton(tr("Select"));
 | |
|   confirm_btn->setObjectName("confirm_btn");
 | |
|   confirm_btn->setEnabled(false);
 | |
| 
 | |
|   for (const QString &s : l) {
 | |
|     QPushButton *selectionLabel = new QPushButton(s);
 | |
|     selectionLabel->setCheckable(true);
 | |
|     selectionLabel->setChecked(s == current);
 | |
|     QObject::connect(selectionLabel, &QPushButton::toggled, [=](bool checked) {
 | |
|       if (checked) selection = s;
 | |
|       if (selection != current) {
 | |
|         confirm_btn->setEnabled(true);
 | |
|       } else {
 | |
|         confirm_btn->setEnabled(false);
 | |
|       }
 | |
|     });
 | |
| 
 | |
|     group->addButton(selectionLabel);
 | |
|     listLayout->addWidget(selectionLabel);
 | |
|   }
 | |
|   // add stretch to keep buttons spaced correctly
 | |
|   listLayout->addStretch(1);
 | |
| 
 | |
|   ScrollView *scroll_view = new ScrollView(listWidget, this);
 | |
|   scroll_view->setVerticalScrollBarPolicy(Qt::ScrollBarAsNeeded);
 | |
| 
 | |
|   main_layout->addWidget(scroll_view);
 | |
|   main_layout->addSpacing(35);
 | |
| 
 | |
|   // cancel + confirm buttons
 | |
|   QHBoxLayout *blayout = new QHBoxLayout;
 | |
|   main_layout->addLayout(blayout);
 | |
|   blayout->setSpacing(50);
 | |
| 
 | |
|   QPushButton *cancel_btn = new QPushButton(tr("Cancel"));
 | |
|   QObject::connect(cancel_btn, &QPushButton::clicked, this, &ConfirmationDialog::reject);
 | |
|   QObject::connect(confirm_btn, &QPushButton::clicked, this, &ConfirmationDialog::accept);
 | |
|   blayout->addWidget(cancel_btn);
 | |
|   blayout->addWidget(confirm_btn);
 | |
| 
 | |
|   QVBoxLayout *outer_layout = new QVBoxLayout(this);
 | |
|   outer_layout->setContentsMargins(50, 50, 50, 50);
 | |
|   outer_layout->addWidget(container);
 | |
| }
 | |
| 
 | |
| QString MultiOptionDialog::getSelection(const QString &prompt_text, const QStringList &l, const QString ¤t, QWidget *parent) {
 | |
|   MultiOptionDialog d = MultiOptionDialog(prompt_text, l, current, parent);
 | |
|   if (d.exec()) {
 | |
|     return d.selection;
 | |
|   }
 | |
|   return "";
 | |
| }
 | |
| 
 |