#include "LookPage.hpp" #include "Application.hpp" #include "singletons/WindowManager.hpp" #include "util/LayoutCreator.hpp" #include "util/RemoveScrollAreaBackground.hpp" #include "widgets/helper/Line.hpp" #include #include #include #include #include #include #include #include #define THEME_ITEMS "White", "Light", "Dark", "Black" #define TAB_X "Show tab close button" #define TAB_PREF "Preferences button (ctrl+p to show)" #define TAB_USER "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", ":/images/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")); 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); QObject::connect(theme, &QComboBox::currentTextChanged, [](const QString &) { getApp()->windows->forceLayoutChannelViews(); }); auto box = layout.emplace().withoutMargin(); box.emplace("Theme: "); box.append(theme); box->addStretch(1); } // ui scale { auto box = layout.emplace().withoutMargin(); box.emplace("Window scale: "); box.append(this->createUiScaleSlider()); } 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()); // bold-slider { auto box = layout.emplace().withoutMargin(); box.emplace("Boldness: "); box.append(this->createBoldScaleSlider()); } // -- 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); } // badges layout.append(this->createCheckBox("Show badges", getSettings()->showBadges)); // -- layout.emplace(false); // seperate layout.append(this->createCheckBox("Seperate lines", getSettings()->separateMessages)); // alternate layout.append( this->createCheckBox("Alternate background", getSettings()->alternateMessageBackground)); // -- layout.emplace(false); // lowercase links layout.append(this->createCheckBox("Lowercase domains", getSettings()->enableLowercaseLink)); // bold usernames layout.append(this->createCheckBox("Bold @usernames", getSettings()->enableUsernameBold)); // 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) { /* emotes.append( this->createCheckBox("Enable Twitch emotes", app->settings->enableTwitchEmotes)); emotes.append(this->createCheckBox("Enable BetterTTV emotes for Twitch", app->settings->enableBttvEmotes)); emotes.append(this->createCheckBox("Enable FrankerFaceZ emotes for Twitch", app->settings->enableFfzEmotes)); emotes.append(this->createCheckBox("Enable emojis", app->settings->enableEmojis)); */ layout.append(this->createCheckBox("Animations", getSettings()->enableGifAnimations)); 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::addLastReadMessageIndicatorPatternSelector(LayoutCreator layout) { // combo auto *combo = new QComboBox(this); combo->addItems({"Dotted line", "Solid line"}); const auto currentIndex = []() -> int { switch (getApp()->settings->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; } }(); }); // layout auto hbox = layout.emplace().withoutMargin(); hbox.append(this->createCheckBox(LAST_MSG, getSettings()->showLastMessageIndicator)); hbox.append(combo); hbox->addStretch(1); } ChannelPtr LookPage::createPreviewChannel() { auto channel = ChannelPtr(new Channel("preview", Channel::Type::Misc)); { auto message = MessagePtr(new Message()); message->addElement(new TimestampElement(QTime(8, 13, 42))); message->addElement(new ImageElement(getApp()->resources->badgeModerator, MessageElement::BadgeChannelAuthority)); message->addElement(new ImageElement(getApp()->resources->badgeSubscriber, MessageElement::BadgeSubscription)); message->addElement(new TextElement("username1:", MessageElement::Username, QColor("#0094FF"), FontStyle::ChatMediumBold)); message->addElement(new TextElement("This is a preview message", MessageElement::Text)); message->addElement(new EmoteElement(EmoteData(getApp()->resources->pajaDank), MessageElement::Flags::AlwaysShow)); message->addElement(new TextElement("@fourtf", TextElement::BoldUsername, MessageColor::Text, FontStyle::ChatMediumBold)); message->addElement(new TextElement("@fourtf", TextElement::NonBoldUsername)); channel->addMessage(message); } { auto message = MessagePtr(new Message()); message->addElement(new TimestampElement(QTime(8, 15, 21))); message->addElement(new ImageElement(getApp()->resources->badgePremium, MessageElement::BadgeChannelAuthority)); message->addElement(new TextElement("username2:", MessageElement::Username, QColor("#FF6A00"), FontStyle::ChatMediumBold)); message->addElement(new TextElement("This is another one", MessageElement::Text)); message->addElement( new EmoteElement(EmoteData(getApp()->resources->ppHop), MessageElement::BttvEmote)); message->addElement( (new TextElement("www.fourtf.com", MessageElement::LowercaseLink, MessageColor::Link)) ->setLink(Link(Link::Url, "https://www.fourtf.com"))); message->addElement( (new TextElement("wWw.FoUrTf.CoM", MessageElement::OriginalLink, MessageColor::Link)) ->setLink(Link(Link::Url, "https://www.fourtf.com"))); channel->addMessage(message); } 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 = [=](auto) { label->setText("Font (" + QString::fromStdString(app->fonts->chatFontFamily.getValue()) + ", " + QString::number(app->fonts->chatFontSize) + "pt)"); }; app->fonts->chatFontFamily.connectSimple(updateFontFamilyLabel, this->managedConnections_); app->fonts->chatFontSize.connectSimple(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(Fonts::ChatMedium, 1.)); dialog.setWindowFlag(Qt::WindowStaysOnTopHint); dialog.connect(&dialog, &QFontDialog::fontSelected, [=](const QFont &font) { app->fonts->chatFontFamily = font.family().toStdString(); app->fonts->chatFontSize = font.pointSize(); }); dialog.show(); dialog.exec(); }); layout->addStretch(1); return layout; } QLayout *LookPage::createUiScaleSlider() { auto layout = new QHBoxLayout(); auto slider = new QSlider(Qt::Horizontal); auto label = new QLabel(); layout->addWidget(slider); layout->addWidget(label); slider->setMinimum(WindowManager::uiScaleMin); slider->setMaximum(WindowManager::uiScaleMax); slider->setValue(WindowManager::clampUiScale(getSettings()->uiScale.getValue())); label->setMinimumWidth(100); QObject::connect(slider, &QSlider::valueChanged, [](auto value) { getSettings()->uiScale.setValue(value); }); getSettings()->uiScale.connect( [label](auto, auto) { label->setText(QString::number(WindowManager::getUiScaleValue())); }, this->connections_); 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