#include "LookPage.hpp" #include "Application.hpp" #include "messages/Image.hpp" #include "messages/MessageBuilder.hpp" #include "singletons/Resources.hpp" #include "singletons/Theme.hpp" #include "singletons/WindowManager.hpp" #include "util/LayoutCreator.hpp" #include "util/RemoveScrollAreaBackground.hpp" #include "widgets/helper/ChannelView.hpp" #include "widgets/helper/Line.hpp" #include #include #include #include #include #include #include #include #include #define THEME_ITEMS "White", "Light", "Dark", "Black", "Custom" #define TAB_X "Show tab close button" #define TAB_PREF "Hide preferences button (ctrl+p to show)" #define TAB_USER "Hide user button" // clang-format off #define TIMESTAMP_FORMATS "hh:mm a", "h:mm a", "hh:mm:ss a", "h:mm:ss a", "HH:mm", "H:mm", "HH:mm:ss", "H:mm:ss" // clang-format on #ifdef USEWINSDK # define WINDOW_TOPMOST "Window always on top" #else # define WINDOW_TOPMOST "Window always on top (requires restart)" #endif #define INPUT_EMPTY "Show input box when empty" #define LAST_MSG "Mark the last message you read" namespace chatterino { LookPage::LookPage() : SettingsPage("Look", ":/settings/theme.svg") { this->initializeUi(); } void LookPage::initializeUi() { LayoutCreator layoutCreator(this); auto layout = layoutCreator.emplace().withoutMargin(); // settings auto tabs = layout.emplace(); this->addInterfaceTab(tabs.appendTab(new QVBoxLayout, "Interface")); this->addMessageTab(tabs.appendTab(new QVBoxLayout, "Messages")); this->addEmoteTab(tabs.appendTab(new QVBoxLayout, "Emotes")); this->addSplitHeaderTab(tabs.appendTab(new QVBoxLayout, "Split header")); this->addBadgesTab(tabs.appendTab(new QVBoxLayout, "Badges")); layout->addStretch(1); // preview layout.emplace(false); auto channelView = layout.emplace(); auto channel = this->createPreviewChannel(); channelView->setChannel(channel); channelView->setScaleIndependantHeight(74); } void LookPage::addInterfaceTab(LayoutCreator layout) { // theme { auto *theme = this->createComboBox({THEME_ITEMS}, getApp()->themes->themeName); QDoubleSpinBox *w = new QDoubleSpinBox; QObject::connect(theme, &QComboBox::currentTextChanged, [w](const QString &themeName) { if (themeName == "Custom") { w->show(); } else { w->hide(); } getApp()->windows->forceLayoutChannelViews(); }); auto box = layout.emplace().withoutMargin(); box.emplace("Theme: "); box.append(theme); { w->setButtonSymbols(QDoubleSpinBox::NoButtons); if (getApp()->themes->themeName.getValue() != "Custom") { w->hide(); } else { w->show(); } w->setRange(-1.0, 1.0); w->setSingleStep(0.05); w->setValue(getSettings()->customThemeMultiplier.getValue()); QObject::connect( w, QOverload::of(&QDoubleSpinBox::valueChanged), [](double value) { getSettings()->customThemeMultiplier.setValue(float(value)); getApp()->themes->update(); getApp()->windows->forceLayoutChannelViews(); }); box.append(w); } box->addStretch(1); } layout.append( this->createCheckBox(WINDOW_TOPMOST, getSettings()->windowTopMost)); // -- layout.emplace(false); // tab x layout.append( this->createCheckBox(TAB_X, getSettings()->showTabCloseButton)); // show buttons #ifndef USEWINSDK layout.append( this->createCheckBox(TAB_PREF, getSettings()->hidePreferencesButton)); layout.append( this->createCheckBox(TAB_USER, getSettings()->hideUserButton)); #endif // empty input layout.append( this->createCheckBox(INPUT_EMPTY, getSettings()->showEmptyInput)); layout.append(this->createCheckBox("Show message length while typing", getSettings()->showMessageLength)); layout->addStretch(1); } void LookPage::addMessageTab(LayoutCreator layout) { // font layout.append(this->createFontChanger()); // -- layout.emplace(false); // timestamps { auto box = layout.emplace().withoutMargin(); box.append(this->createCheckBox("Show timestamps", getSettings()->showTimestamps)); box.append(this->createComboBox({TIMESTAMP_FORMATS}, getSettings()->timestampFormat)); box->addStretch(1); } // -- layout.emplace(false); // separate layout.append(this->createCheckBox("Lines between messages", getSettings()->separateMessages)); // alternate layout.append(this->createCheckBox("Alternate background", getSettings()->alternateMessages)); layout.append( this->createCheckBox("Compact emotes", getSettings()->compactEmotes)); layout.emplace(false); // bold-slider { auto box = layout.emplace().withoutMargin(); box.emplace("Username boldness: "); box.append(this->createBoldScaleSlider()); } // bold usernames layout.append(this->createCheckBox("Bold mentions (@username)", getSettings()->boldUsernames)); // -- layout.emplace(false); // lowercase links layout.append(this->createCheckBox("Lowercase domains", getSettings()->lowercaseDomains)); // collapsing { auto *combo = new QComboBox(this); combo->addItems({"Never", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15"}); const auto currentIndex = []() -> int { auto val = getSettings()->collpseMessagesMinLines.getValue(); if (val > 0) { --val; } return val; }(); combo->setCurrentIndex(currentIndex); QObject::connect( combo, &QComboBox::currentTextChanged, [](const QString &str) { getSettings()->collpseMessagesMinLines = str.toInt(); }); auto hbox = layout.emplace().withoutMargin(); hbox.emplace("Collapse messages longer than"); hbox.append(combo); hbox.emplace("lines"); } // last read message this->addLastReadMessageIndicatorPatternSelector(layout); // -- layout->addStretch(1); } void LookPage::addEmoteTab(LayoutCreator layout) { layout.append( this->createCheckBox("Animations", getSettings()->animateEmotes)); layout.append( this->createCheckBox("Animations only when chatterino has focus", getSettings()->animationsWhenFocused)); auto scaleBox = layout.emplace().withoutMargin(); { scaleBox.emplace("Size:"); auto emoteScale = scaleBox.emplace(Qt::Horizontal); emoteScale->setMinimum(5); emoteScale->setMaximum(50); auto scaleLabel = scaleBox.emplace("1.0"); scaleLabel->setFixedWidth(100); QObject::connect(emoteScale.getElement(), &QSlider::valueChanged, [scaleLabel](int value) mutable { float f = float(value) / 10.f; scaleLabel->setText(QString::number(f)); getSettings()->emoteScale.setValue(f); }); emoteScale->setValue(std::max( 5, std::min( 50, int(getSettings()->emoteScale.getValue() * 10.f)))); scaleLabel->setText( QString::number(getSettings()->emoteScale.getValue())); } { auto *combo = new QComboBox(this); combo->addItems({"EmojiOne 2", "EmojiOne 3", "Twitter", "Facebook", "Apple", "Google", "Messenger"}); combo->setCurrentText(getSettings()->emojiSet); QObject::connect(combo, &QComboBox::currentTextChanged, [](const QString &str) { getSettings()->emojiSet = str; // }); auto hbox = layout.emplace().withoutMargin(); hbox.emplace("Emoji set:"); hbox.append(combo); } layout->addStretch(1); } void LookPage::addSplitHeaderTab(LayoutCreator layout) { layout.append( this->createCheckBox("Show uptime", getSettings()->headerUptime)); layout.append(this->createCheckBox("Show viewer count", getSettings()->headerViewerCount)); layout.append(this->createCheckBox("Show game", getSettings()->headerGame)); layout.append( this->createCheckBox("Show title", getSettings()->headerStreamTitle)); layout->addStretch(1); } void LookPage::addBadgesTab(LayoutCreator layout) { // layout.append( // this->createCheckBox(("Show all badges"), getSettings()->showBadges)); auto fastSelection = layout.emplace(); { auto addAll = fastSelection.emplace("Enable all"); QObject::connect(addAll.getElement(), &QPushButton::clicked, this, [] { getSettings()->showBadgesGlobalAuthority = true; getSettings()->showBadgesChannelAuthority = true; getSettings()->showBadgesSubscription = true; getSettings()->showBadgesVanity = true; getSettings()->showBadgesChatterino = true; }); auto removeAll = fastSelection.emplace("Disable all"); QObject::connect(removeAll.getElement(), &QPushButton::clicked, this, [] { getSettings()->showBadgesGlobalAuthority = false; getSettings()->showBadgesChannelAuthority = false; getSettings()->showBadgesSubscription = false; getSettings()->showBadgesVanity = false; getSettings()->showBadgesChatterino = false; }); } layout.emplace(false); layout.append(this->createCheckBox( ("Show authority badges (staff, admin, turbo, etc)"), getSettings()->showBadgesGlobalAuthority)); layout.append(this->createCheckBox( ("Show channel badges (broadcaster, moderator, VIP)"), getSettings()->showBadgesChannelAuthority)); layout.append(this->createCheckBox(("Show subscriber badges "), getSettings()->showBadgesSubscription)); layout.append( this->createCheckBox(("Show vanity badges (prime, bits, subgifter)"), getSettings()->showBadgesVanity)); layout.append(this->createCheckBox(("Show chatterino badges"), getSettings()->showBadgesChatterino)); layout->addStretch(1); } void LookPage::addLastReadMessageIndicatorPatternSelector( LayoutCreator layout) { // combo auto *combo = new QComboBox(this); combo->addItems({"Dotted line", "Solid line"}); const auto currentIndex = []() -> int { switch (getSettings()->lastMessagePattern.getValue()) { case Qt::SolidLine: return 1; case Qt::VerPattern: default: return 0; } }(); combo->setCurrentIndex(currentIndex); QObject::connect( combo, static_cast(&QComboBox::currentIndexChanged), [](int index) { getSettings()->lastMessagePattern = [&] { switch (index) { case 1: return Qt::SolidPattern; case 0: default: return Qt::VerPattern; } }(); }); // color picker QLabel *colorPreview = new QLabel(); auto updatePreviewColor = [colorPreview](QColor newColor) { QPixmap pixmap(16, 16); pixmap.fill(QColor(0, 0, 0, 255)); QPainter painter(&pixmap); QBrush brush(newColor); painter.fillRect(1, 1, pixmap.width() - 2, pixmap.height() - 2, brush); colorPreview->setPixmap(pixmap); }; auto getCurrentColor = []() { return getSettings()->lastMessageColor != "" ? QColor(getSettings()->lastMessageColor.getValue()) : getApp() ->themes->tabs.selected.backgrounds.regular.color(); }; updatePreviewColor(getCurrentColor()); QPushButton *button = new QPushButton("Select Color"); button->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Policy::Fixed); QObject::connect( button, &QPushButton::clicked, [updatePreviewColor, getCurrentColor]() { QColor newColor = QColorDialog::getColor(getCurrentColor()); if (newColor.isValid()) { updatePreviewColor(newColor); getSettings()->lastMessageColor = newColor.name(); } }); QPushButton *resetButton = new QPushButton("Reset Color"); resetButton->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Policy::Fixed); QObject::connect( resetButton, &QPushButton::clicked, [updatePreviewColor]() { QColor defaultColor = getApp()->themes->tabs.selected.backgrounds.regular.color(); updatePreviewColor(defaultColor); getSettings()->lastMessageColor = ""; }); // layout auto hbox = layout.emplace().withoutMargin(); hbox.append(this->createCheckBox(LAST_MSG, getSettings()->showLastMessageIndicator)); hbox.append(combo); hbox.append(colorPreview); hbox.append(button); hbox.append(resetButton); hbox->addStretch(1); } ChannelPtr LookPage::createPreviewChannel() { auto channel = ChannelPtr(new Channel("preview", Channel::Type::Misc)); // clang-format off { MessageBuilder builder; builder.emplace(QTime(8, 13, 42)); builder.emplace(Image::fromPixmap(getApp()->resources->twitch.moderator), MessageElementFlag::BadgeChannelAuthority); builder.emplace(Image::fromPixmap(getApp()->resources->twitch.subscriber, 0.25), MessageElementFlag::BadgeSubscription); builder.emplace("username1:", MessageElementFlag::Username, QColor("#0094FF"), FontStyle::ChatMediumBold); builder.emplace("This is a preview message", MessageElementFlag::Text); builder.emplace(Image::fromPixmap(getApp()->resources->pajaDank, 0.25), MessageElementFlag::AlwaysShow); builder.emplace("@fourtf", MessageElementFlag::BoldUsername, MessageColor::Text, FontStyle::ChatMediumBold); builder.emplace("@fourtf", MessageElementFlag::NonBoldUsername); channel->addMessage(builder.release()); } { MessageBuilder message; message.emplace(QTime(8, 15, 21)); message.emplace(Image::fromPixmap(getApp()->resources->twitch.broadcaster), MessageElementFlag::BadgeChannelAuthority); message.emplace("username2:", MessageElementFlag::Username, QColor("#FF6A00"), FontStyle::ChatMediumBold); message.emplace("This is another one", MessageElementFlag::Text); // message.emplace(Image::fromNonOwningPixmap(&getApp()->resources->ppHop), MessageElementFlag::BttvEmote); message.emplace("www.fourtf.com", MessageElementFlag::LowercaseLink, MessageColor::Link)->setLink(Link(Link::Url, "https://www.fourtf.com")); message.emplace("wWw.FoUrTf.CoM", MessageElementFlag::OriginalLink, MessageColor::Link)->setLink(Link(Link::Url, "https://www.fourtf.com")); channel->addMessage(message.release()); } // clang-format on return channel; } QLayout *LookPage::createThemeColorChanger() { auto app = getApp(); QHBoxLayout *layout = new QHBoxLayout; auto &themeHue = app->themes->themeHue; // SLIDER QSlider *slider = new QSlider(Qt::Horizontal); layout->addWidget(slider); slider->setValue( int(std::min(std::max(themeHue.getValue(), 0.0), 1.0) * 100)); // BUTTON QPushButton *button = new QPushButton; layout->addWidget(button); button->setFlat(true); button->setFixedWidth(64); auto setButtonColor = [button, app](int value) mutable { double newValue = value / 100.0; app->themes->themeHue.setValue(newValue); QPalette pal = button->palette(); QColor color; color.setHsvF(newValue, 1.0, 1.0, 1.0); pal.setColor(QPalette::Button, color); button->setAutoFillBackground(true); button->setPalette(pal); button->update(); }; // SIGNALS QObject::connect(slider, &QSlider::valueChanged, this, setButtonColor); setButtonColor(themeHue * 100); return layout; } QLayout *LookPage::createFontChanger() { auto app = getApp(); QHBoxLayout *layout = new QHBoxLayout; layout->setMargin(0); // LABEL QLabel *label = new QLabel(); layout->addWidget(label); auto updateFontFamilyLabel = [=]() { label->setText("Font (" + app->fonts->chatFontFamily.getValue() + ", " + QString::number(app->fonts->chatFontSize) + "pt)"); }; app->fonts->chatFontFamily.connect(updateFontFamilyLabel, this->managedConnections_); app->fonts->chatFontSize.connect(updateFontFamilyLabel, this->managedConnections_); // BUTTON QPushButton *button = new QPushButton("Select"); layout->addWidget(button); button->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Policy::Fixed); QObject::connect(button, &QPushButton::clicked, [=]() { QFontDialog dialog(app->fonts->getFont(FontStyle::ChatMedium, 1.)); dialog.setWindowFlag(Qt::WindowStaysOnTopHint); dialog.connect(&dialog, &QFontDialog::fontSelected, [=](const QFont &font) { app->fonts->chatFontFamily = font.family(); app->fonts->chatFontSize = font.pointSize(); }); dialog.show(); dialog.exec(); }); layout->addStretch(1); return layout; } QLayout *LookPage::createBoldScaleSlider() { auto layout = new QHBoxLayout(); auto slider = new QSlider(Qt::Horizontal); auto label = new QLabel(); layout->addWidget(slider); layout->addWidget(label); slider->setMinimum(50); slider->setMaximum(100); slider->setValue(getSettings()->boldScale.getValue()); label->setMinimumWidth(100); QObject::connect(slider, &QSlider::valueChanged, [](auto value) { getSettings()->boldScale.setValue(value); }); // show value // getSettings()->boldScale.connect( // [label](auto, auto) { // label->setText(QString::number(getSettings()->boldScale.getValue())); // }, // this->connections_); // QPushButton *button = new QPushButton("Reset"); // layout->addWidget(button); // button->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Policy::Fixed); // QObject::connect(button, &QPushButton::clicked, [=]() { // getSettings()->boldScale.setValue(57); // slider->setValue(57); //}); return layout; } } // namespace chatterino