mirror-chatterino2/src/widgets/settingspages/appearancepage.cpp

#include "appearancepage.hpp"

#include "application.hpp"
#include "singletons/windowmanager.hpp"
#include "util/layoutcreator.hpp"
#include "util/removescrollareabackground.hpp"

#include <QFontDialog>
#include <QFormLayout>
#include <QGroupBox>
#include <QLabel>
#include <QPushButton>
#include <QScrollArea>
#include <QSlider>
#include <QVBoxLayout>

#define THEME_ITEMS "White", "Light", "Dark", "Black"

#define TAB_X "Show close button"
#define TAB_PREF "Hide preferences button (ctrl+p to show)"
#define TAB_USER "Hide user button"

#define SCROLL_SMOOTH "Enable smooth scrolling"
#define SCROLL_NEWMSG "Enable smooth scrolling for new messages"

#define LAST_MSG "Mark the last message you read (dotted line)"

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

namespace chatterino {
namespace widgets {
namespace settingspages {

AppearancePage::AppearancePage()
    : SettingsPage("Look", ":/images/theme.svg")
{
    auto app = getApp();
    util::LayoutCreator<AppearancePage> layoutCreator(this);

    auto scroll = layoutCreator.emplace<QScrollArea>();
    auto widget = scroll.emplaceScrollAreaWidget();
    util::removeScrollAreaBackground(*scroll, *widget);

    auto layout = widget.setLayoutType<QVBoxLayout>();

    auto application =
        layout.emplace<QGroupBox>("Application").emplace<QVBoxLayout>().withoutMargin();
    {
        auto form = application.emplace<QFormLayout>();

        // clang-format off
            form->addRow("Theme:",       this->createComboBox({THEME_ITEMS}, app->themes->themeName));
            // form->addRow("Theme color:", this->createThemeColorChanger());
            form->addRow("Font:",        this->createFontChanger());

            form->addRow("Tabs:",        this->createCheckBox(TAB_X, app->settings->showTabCloseButton));
    #ifndef USEWINSDK
            form->addRow("",             this->createCheckBox(TAB_PREF, app->settings->hidePreferencesButton));
            form->addRow("",             this->createCheckBox(TAB_USER, app->settings->hideUserButton));
    #endif

            form->addRow("Scrolling:",   this->createCheckBox(SCROLL_SMOOTH, app->settings->enableSmoothScrolling));
            form->addRow("",			 this->createCheckBox(SCROLL_NEWMSG, app->settings->enableSmoothScrollingNewMessages));
        // clang-format on
    }

    auto messages = layout.emplace<QGroupBox>("Messages").emplace<QVBoxLayout>();
    {
        messages.append(this->createCheckBox("Show timestamp", app->settings->showTimestamps));
        auto tbox = messages.emplace<QHBoxLayout>().withoutMargin();
        {
            tbox.emplace<QLabel>("timestamp format (a = am/pm):");
            tbox.append(this->createComboBox({TIMESTAMP_FORMATS}, app->settings->timestampFormat));
            tbox->addStretch(1);
        }

        messages.append(this->createCheckBox("Show badges", app->settings->showBadges));

        auto *collapseMessages = this->createCheckBox("Collapse large messages (3+ lines)",
                                                      app->settings->collapseLongMessages);
        QObject::connect(collapseMessages, &QCheckBox::toggled,
                         [] { getApp()->windows->layoutVisibleChatWidgets(); });
        messages.append(collapseMessages);
        {
            auto checkbox =
                this->createCheckBox("Seperate messages", app->settings->seperateMessages);
            messages.append(checkbox);
            QObject::connect(checkbox, &QCheckBox::toggled,
                             [](bool) { getApp()->windows->repaintVisibleChatWidgets(); });
        }
        {
            auto checkbox = this->createCheckBox("Alternate message background color",
                                                 app->settings->alternateMessageBackground);
            messages.append(checkbox);
            QObject::connect(checkbox, &QCheckBox::toggled, [](bool) {
                getApp()->fonts->incGeneration();  // fourtf: hacky solution
                getApp()->windows->repaintVisibleChatWidgets();
            });
        }
        messages.append(this->createCheckBox("Show message length while typing",
                                             app->settings->showMessageLength));

        messages.append(this->createCheckBox(LAST_MSG, app->settings->showLastMessageIndicator));
    }

    auto emotes = layout.emplace<QGroupBox>("Emotes").setLayoutType<QVBoxLayout>();
    {
        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));
        emotes.append(
            this->createCheckBox("Enable animations", app->settings->enableGifAnimations));

        auto scaleBox = emotes.emplace<QHBoxLayout>();
        {
            scaleBox.emplace<QLabel>("Emote scale:");

            auto emoteScale = scaleBox.emplace<QSlider>(Qt::Horizontal);
            emoteScale->setMinimum(5);
            emoteScale->setMaximum(50);

            auto scaleLabel = scaleBox.emplace<QLabel>("1.0");
            scaleLabel->setFixedWidth(100);
            QObject::connect(*emoteScale, &QSlider::valueChanged, [scaleLabel](int value) mutable {
                float f = (float)value / 10.f;
                scaleLabel->setText(QString::number(f));

                getApp()->settings->emoteScale.setValue(f);
            });

            emoteScale->setValue(std::max<int>(
                5, std::min<int>(50, (int)(app->settings->emoteScale.getValue() * 10.f))));

            scaleLabel->setText(QString::number(app->settings->emoteScale.getValue()));
        }
    }

    layout->addStretch(1);
}

QLayout *AppearancePage::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(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 *AppearancePage::createFontChanger()
{
    auto app = getApp();

    QHBoxLayout *layout = new QHBoxLayout;

    // LABEL
    QLabel *label = new QLabel();
    layout->addWidget(label);

    auto updateFontFamilyLabel = [=](auto) {
        label->setText(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(singletons::FontManager::ChatMedium, 1.));

        dialog.connect(&dialog, &QFontDialog::fontSelected, [=](const QFont &font) {
            app->fonts->chatFontFamily = font.family().toStdString();
            app->fonts->chatFontSize = font.pointSize();
        });

        dialog.show();
        dialog.exec();
    });

    return layout;
}

}  // namespace settingspages
}  // namespace widgets
}  // namespace chatterino