2018-06-26 14:09:39 +02:00
|
|
|
#include "AppearancePage.hpp"
|
2018-01-12 23:09:05 +01:00
|
|
|
|
2018-06-26 14:09:39 +02:00
|
|
|
#include "Application.hpp"
|
|
|
|
#include "singletons/WindowManager.hpp"
|
|
|
|
#include "util/LayoutCreator.hpp"
|
|
|
|
#include "util/RemoveScrollAreaBackground.hpp"
|
2018-07-03 16:55:02 +02:00
|
|
|
#include "widgets/helper/Line.hpp"
|
2018-04-27 22:11:19 +02:00
|
|
|
|
2018-01-12 23:09:05 +01:00
|
|
|
#include <QFontDialog>
|
|
|
|
#include <QFormLayout>
|
|
|
|
#include <QGroupBox>
|
|
|
|
#include <QLabel>
|
|
|
|
#include <QPushButton>
|
2018-04-25 20:35:32 +02:00
|
|
|
#include <QScrollArea>
|
2018-04-03 02:55:32 +02:00
|
|
|
#include <QSlider>
|
2018-01-12 23:09:05 +01:00
|
|
|
#include <QVBoxLayout>
|
|
|
|
|
|
|
|
#define THEME_ITEMS "White", "Light", "Dark", "Black"
|
|
|
|
|
2018-04-25 20:35:32 +02:00
|
|
|
#define TAB_X "Show close button"
|
2018-01-12 23:09:05 +01:00
|
|
|
#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"
|
|
|
|
|
2018-01-17 18:36:12 +01:00
|
|
|
// 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
|
2018-01-12 23:09:05 +01:00
|
|
|
|
|
|
|
namespace chatterino {
|
|
|
|
|
|
|
|
AppearancePage::AppearancePage()
|
2018-04-25 20:35:32 +02:00
|
|
|
: SettingsPage("Look", ":/images/theme.svg")
|
2018-01-12 23:09:05 +01:00
|
|
|
{
|
2018-06-26 17:06:17 +02:00
|
|
|
LayoutCreator<AppearancePage> layoutCreator(this);
|
2018-04-25 20:35:32 +02:00
|
|
|
|
2018-07-03 16:55:02 +02:00
|
|
|
auto xd = layoutCreator.emplace<QVBoxLayout>().withoutMargin();
|
|
|
|
|
|
|
|
// settings
|
|
|
|
auto scroll = xd.emplace<QScrollArea>();
|
2018-04-25 20:35:32 +02:00
|
|
|
auto widget = scroll.emplaceScrollAreaWidget();
|
2018-06-26 17:06:17 +02:00
|
|
|
removeScrollAreaBackground(scroll.getElement(), widget.getElement());
|
2018-04-25 20:35:32 +02:00
|
|
|
|
2018-07-03 16:55:02 +02:00
|
|
|
auto &layout = *widget.setLayoutType<QVBoxLayout>().withoutMargin();
|
2018-01-12 23:09:05 +01:00
|
|
|
|
2018-07-03 16:55:02 +02:00
|
|
|
this->addApplicationGroup(layout);
|
|
|
|
this->addMessagesGroup(layout);
|
|
|
|
this->addEmotesGroup(layout);
|
|
|
|
|
|
|
|
// preview
|
|
|
|
xd.emplace<Line>(false);
|
|
|
|
|
|
|
|
auto channelView = xd.emplace<ChannelView>();
|
|
|
|
auto channel = this->createPreviewChannel();
|
|
|
|
channelView->setChannel(channel);
|
|
|
|
channelView->setScaleIndependantHeight(64);
|
|
|
|
|
|
|
|
layout.addStretch(1);
|
|
|
|
}
|
|
|
|
|
|
|
|
void AppearancePage::addApplicationGroup(QVBoxLayout &layout)
|
|
|
|
{
|
|
|
|
auto box = LayoutCreator<QVBoxLayout>(&layout)
|
|
|
|
.emplace<QGroupBox>("Application")
|
|
|
|
.emplace<QVBoxLayout>()
|
|
|
|
.withoutMargin();
|
|
|
|
|
|
|
|
auto form = box.emplace<QFormLayout>();
|
|
|
|
|
|
|
|
// theme
|
|
|
|
auto *theme = this->createComboBox({THEME_ITEMS}, getApp()->themes->themeName);
|
|
|
|
QObject::connect(theme, &QComboBox::currentTextChanged,
|
|
|
|
[](const QString &) { getApp()->windows->forceLayoutChannelViews(); });
|
2018-01-12 23:09:05 +01:00
|
|
|
|
2018-07-03 16:55:02 +02:00
|
|
|
form->addRow("Theme:", theme);
|
2018-06-04 16:10:54 +02:00
|
|
|
|
2018-07-03 16:55:02 +02:00
|
|
|
// ui scale
|
|
|
|
form->addRow("UI Scaling:", this->createUiScaleSlider());
|
2018-06-04 16:10:54 +02:00
|
|
|
|
2018-07-03 16:55:02 +02:00
|
|
|
// font
|
|
|
|
form->addRow("Font:", this->createFontChanger());
|
|
|
|
|
|
|
|
// tab x
|
|
|
|
form->addRow("Tabs:", this->createCheckBox(TAB_X, getSettings()->showTabCloseButton));
|
|
|
|
|
|
|
|
// show buttons
|
2018-06-04 16:10:54 +02:00
|
|
|
#ifndef USEWINSDK
|
2018-07-03 19:42:38 +02:00
|
|
|
form->addRow("", this->createCheckBox(TAB_PREF, getSettings()->hidePreferencesButton));
|
|
|
|
form->addRow("", this->createCheckBox(TAB_USER, getSettings()->hideUserButton));
|
2018-06-04 16:10:54 +02:00
|
|
|
#endif
|
|
|
|
|
2018-07-03 16:55:02 +02:00
|
|
|
// scrolling
|
|
|
|
form->addRow("Scrolling:",
|
|
|
|
this->createCheckBox(SCROLL_SMOOTH, getSettings()->enableSmoothScrolling));
|
|
|
|
form->addRow(
|
|
|
|
"", this->createCheckBox(SCROLL_NEWMSG, getSettings()->enableSmoothScrollingNewMessages));
|
|
|
|
}
|
|
|
|
|
|
|
|
void AppearancePage::addMessagesGroup(QVBoxLayout &layout)
|
|
|
|
{
|
|
|
|
auto box =
|
|
|
|
LayoutCreator<QVBoxLayout>(&layout).emplace<QGroupBox>("Messages").emplace<QVBoxLayout>();
|
|
|
|
|
|
|
|
// timestamps
|
|
|
|
box.append(this->createCheckBox("Show timestamps", getSettings()->showTimestamps));
|
|
|
|
auto tbox = box.emplace<QHBoxLayout>().withoutMargin();
|
|
|
|
{
|
|
|
|
tbox.emplace<QLabel>("Timestamp format (a = am/pm):");
|
|
|
|
tbox.append(this->createComboBox({TIMESTAMP_FORMATS}, getSettings()->timestampFormat));
|
|
|
|
tbox->addStretch(1);
|
2018-01-12 23:09:05 +01:00
|
|
|
}
|
|
|
|
|
2018-07-03 16:55:02 +02:00
|
|
|
// badges
|
|
|
|
box.append(this->createCheckBox("Show badges", getSettings()->showBadges));
|
|
|
|
|
|
|
|
// collapsing
|
2018-01-12 23:09:05 +01:00
|
|
|
{
|
2018-07-03 16:55:02 +02:00
|
|
|
auto *combo = new QComboBox(this);
|
|
|
|
combo->addItems(
|
|
|
|
{"Never", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15"});
|
|
|
|
|
2018-07-03 17:21:41 +02:00
|
|
|
const auto currentIndex = []() -> int {
|
|
|
|
auto val = getSettings()->collpseMessagesMinLines.getValue();
|
|
|
|
if (val > 0) {
|
|
|
|
--val;
|
|
|
|
}
|
|
|
|
return val;
|
|
|
|
}();
|
|
|
|
combo->setCurrentIndex(currentIndex);
|
|
|
|
|
2018-07-03 16:55:02 +02:00
|
|
|
QObject::connect(combo, &QComboBox::currentTextChanged, [](const QString &str) {
|
|
|
|
getSettings()->collpseMessagesMinLines = str.toInt();
|
|
|
|
});
|
|
|
|
|
|
|
|
auto hbox = box.emplace<QHBoxLayout>().withoutMargin();
|
|
|
|
hbox.emplace<QLabel>("Collapse messages longer than");
|
|
|
|
hbox.append(combo);
|
|
|
|
hbox.emplace<QLabel>("lines");
|
2018-01-12 23:09:05 +01:00
|
|
|
}
|
|
|
|
|
2018-07-03 16:55:02 +02:00
|
|
|
// seperate
|
|
|
|
box.append(this->createCheckBox("Separation lines", getSettings()->separateMessages));
|
|
|
|
|
|
|
|
// alternate
|
|
|
|
box.append(this->createCheckBox("Alternate background colors",
|
|
|
|
getSettings()->alternateMessageBackground));
|
|
|
|
}
|
|
|
|
|
|
|
|
void AppearancePage::addEmotesGroup(QVBoxLayout &layout)
|
|
|
|
{
|
|
|
|
auto box = LayoutCreator<QVBoxLayout>(&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));
|
|
|
|
*/
|
|
|
|
box.append(this->createCheckBox("Animated emotes", getSettings()->enableGifAnimations));
|
|
|
|
|
|
|
|
auto scaleBox = box.emplace<QHBoxLayout>();
|
2018-01-12 23:09:05 +01:00
|
|
|
{
|
2018-07-03 16:55:02 +02:00
|
|
|
scaleBox.emplace<QLabel>("Size:");
|
|
|
|
|
|
|
|
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.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<int>(5, std::min<int>(50, int(getSettings()->emoteScale.getValue() * 10.f))));
|
|
|
|
|
|
|
|
scaleLabel->setText(QString::number(getSettings()->emoteScale.getValue()));
|
2018-04-25 20:35:32 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
{
|
2018-07-03 16:55:02 +02:00
|
|
|
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 = box.emplace<QHBoxLayout>().withoutMargin();
|
|
|
|
hbox.emplace<QLabel>("Emoji set:");
|
|
|
|
hbox.append(combo);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
ChannelPtr AppearancePage::createPreviewChannel()
|
|
|
|
{
|
|
|
|
auto channel = ChannelPtr(new Channel("preview", Channel::Misc));
|
|
|
|
|
|
|
|
{
|
|
|
|
auto message = MessagePtr(new Message());
|
|
|
|
message->addElement(new ImageElement(getApp()->resources->badgeModerator,
|
|
|
|
MessageElement::BadgeChannelAuthority));
|
|
|
|
message->addElement(new ImageElement(getApp()->resources->badgeSubscriber,
|
|
|
|
MessageElement::BadgeSubscription));
|
|
|
|
message->addElement(new TimestampElement());
|
|
|
|
message->addElement(new TextElement("username1:", MessageElement::Username,
|
|
|
|
QColor("#0094FF"), FontStyle::ChatMediumBold));
|
|
|
|
message->addElement(new TextElement("This is a preview message :)", MessageElement::Text));
|
|
|
|
channel->addMessage(message);
|
|
|
|
}
|
2018-04-25 20:35:32 +02:00
|
|
|
{
|
2018-07-03 16:55:02 +02:00
|
|
|
auto message = MessagePtr(new Message());
|
|
|
|
message->addElement(new ImageElement(getApp()->resources->badgePremium,
|
|
|
|
MessageElement::BadgeChannelAuthority));
|
|
|
|
message->addElement(new TimestampElement());
|
|
|
|
message->addElement(new TextElement("username2:", MessageElement::Username,
|
|
|
|
QColor("#FF6A00"), FontStyle::ChatMediumBold));
|
|
|
|
message->addElement(new TextElement("This is another one :)", MessageElement::Text));
|
|
|
|
channel->addMessage(message);
|
2018-01-12 23:09:05 +01:00
|
|
|
}
|
|
|
|
|
2018-07-03 16:55:02 +02:00
|
|
|
return channel;
|
2018-06-06 01:29:43 +02:00
|
|
|
}
|
2018-01-12 23:09:05 +01:00
|
|
|
|
|
|
|
QLayout *AppearancePage::createThemeColorChanger()
|
|
|
|
{
|
2018-04-27 22:11:19 +02:00
|
|
|
auto app = getApp();
|
2018-01-12 23:09:05 +01:00
|
|
|
QHBoxLayout *layout = new QHBoxLayout;
|
|
|
|
|
2018-04-27 22:11:19 +02:00
|
|
|
auto &themeHue = app->themes->themeHue;
|
2018-01-12 23:09:05 +01:00
|
|
|
|
|
|
|
// SLIDER
|
|
|
|
QSlider *slider = new QSlider(Qt::Horizontal);
|
|
|
|
layout->addWidget(slider);
|
2018-06-04 16:10:54 +02:00
|
|
|
slider->setValue(int(std::min(std::max(themeHue.getValue(), 0.0), 1.0) * 100));
|
2018-01-12 23:09:05 +01:00
|
|
|
|
|
|
|
// BUTTON
|
|
|
|
QPushButton *button = new QPushButton;
|
|
|
|
layout->addWidget(button);
|
|
|
|
button->setFlat(true);
|
|
|
|
button->setFixedWidth(64);
|
|
|
|
|
2018-04-27 22:11:19 +02:00
|
|
|
auto setButtonColor = [button, app](int value) mutable {
|
2018-01-23 13:34:26 +01:00
|
|
|
double newValue = value / 100.0;
|
2018-04-27 22:11:19 +02:00
|
|
|
app->themes->themeHue.setValue(newValue);
|
2018-01-12 23:09:05 +01:00
|
|
|
|
|
|
|
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();
|
2018-02-06 00:10:30 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
// SIGNALS
|
|
|
|
QObject::connect(slider, &QSlider::valueChanged, this, setButtonColor);
|
2018-01-12 23:09:05 +01:00
|
|
|
|
2018-02-06 00:10:30 +01:00
|
|
|
setButtonColor(themeHue * 100);
|
2018-01-12 23:09:05 +01:00
|
|
|
|
|
|
|
return layout;
|
|
|
|
}
|
|
|
|
|
|
|
|
QLayout *AppearancePage::createFontChanger()
|
|
|
|
{
|
2018-04-28 15:20:18 +02:00
|
|
|
auto app = getApp();
|
2018-01-12 23:09:05 +01:00
|
|
|
|
2018-04-28 15:20:18 +02:00
|
|
|
QHBoxLayout *layout = new QHBoxLayout;
|
2018-01-12 23:09:05 +01:00
|
|
|
|
|
|
|
// LABEL
|
|
|
|
QLabel *label = new QLabel();
|
|
|
|
layout->addWidget(label);
|
|
|
|
|
2018-04-28 15:20:18 +02:00
|
|
|
auto updateFontFamilyLabel = [=](auto) {
|
2018-05-23 04:22:17 +02:00
|
|
|
label->setText(QString::fromStdString(app->fonts->chatFontFamily.getValue()) + ", " +
|
|
|
|
QString::number(app->fonts->chatFontSize) + "pt");
|
2018-01-12 23:09:05 +01:00
|
|
|
};
|
|
|
|
|
2018-05-23 04:22:17 +02:00
|
|
|
app->fonts->chatFontFamily.connectSimple(updateFontFamilyLabel, this->managedConnections);
|
|
|
|
app->fonts->chatFontSize.connectSimple(updateFontFamilyLabel, this->managedConnections);
|
2018-01-12 23:09:05 +01:00
|
|
|
|
|
|
|
// BUTTON
|
|
|
|
QPushButton *button = new QPushButton("Select");
|
|
|
|
layout->addWidget(button);
|
|
|
|
button->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Policy::Fixed);
|
|
|
|
|
2018-04-28 15:20:18 +02:00
|
|
|
QObject::connect(button, &QPushButton::clicked, [=]() {
|
2018-06-28 19:51:07 +02:00
|
|
|
QFontDialog dialog(app->fonts->getFont(Fonts::ChatMedium, 1.));
|
2018-01-12 23:09:05 +01:00
|
|
|
|
2018-06-25 11:25:39 +02:00
|
|
|
dialog.setWindowFlag(Qt::WindowStaysOnTopHint);
|
|
|
|
|
2018-04-28 15:20:18 +02:00
|
|
|
dialog.connect(&dialog, &QFontDialog::fontSelected, [=](const QFont &font) {
|
2018-05-23 04:22:17 +02:00
|
|
|
app->fonts->chatFontFamily = font.family().toStdString();
|
|
|
|
app->fonts->chatFontSize = font.pointSize();
|
2018-01-12 23:09:05 +01:00
|
|
|
});
|
|
|
|
|
|
|
|
dialog.show();
|
|
|
|
dialog.exec();
|
|
|
|
});
|
|
|
|
|
|
|
|
return layout;
|
|
|
|
}
|
2018-04-03 02:55:32 +02:00
|
|
|
|
2018-06-11 15:04:54 +02:00
|
|
|
QLayout *AppearancePage::createUiScaleSlider()
|
|
|
|
{
|
|
|
|
auto layout = new QHBoxLayout();
|
|
|
|
auto slider = new QSlider(Qt::Horizontal);
|
|
|
|
auto label = new QLabel();
|
|
|
|
layout->addWidget(slider);
|
|
|
|
layout->addWidget(label);
|
|
|
|
|
2018-06-28 19:38:57 +02:00
|
|
|
slider->setMinimum(WindowManager::uiScaleMin);
|
|
|
|
slider->setMaximum(WindowManager::uiScaleMax);
|
2018-07-03 16:55:02 +02:00
|
|
|
slider->setValue(WindowManager::clampUiScale(getSettings()->uiScale.getValue()));
|
2018-06-11 15:04:54 +02:00
|
|
|
|
|
|
|
label->setMinimumWidth(100);
|
|
|
|
|
|
|
|
QObject::connect(slider, &QSlider::valueChanged,
|
2018-07-03 16:55:02 +02:00
|
|
|
[](auto value) { getSettings()->uiScale.setValue(value); });
|
2018-06-11 15:04:54 +02:00
|
|
|
|
2018-07-03 16:55:02 +02:00
|
|
|
getSettings()->uiScale.connect(
|
2018-07-03 17:19:49 +02:00
|
|
|
[label](auto, auto) { label->setText(QString::number(WindowManager::getUiScaleValue())); },
|
2018-06-11 15:04:54 +02:00
|
|
|
this->connections_);
|
|
|
|
|
|
|
|
return layout;
|
|
|
|
}
|
|
|
|
|
2018-01-12 23:09:05 +01:00
|
|
|
} // namespace chatterino
|