Make class settings work (colored nicks, etc)

This commit is contained in:
Pavel Djundik 2018-07-08 20:26:26 +03:00 committed by Pavel Djundik
parent 9290264fa5
commit e28e13bd10
3 changed files with 11 additions and 8 deletions

View file

@ -61,6 +61,7 @@
<article id="windows">
<Chat
v-if="activeChannel"
:settings="settings"
:network="activeChannel.network"
:channel="activeChannel.channel"/>
<div
@ -102,6 +103,7 @@ export default {
Chat,
},
props: {
settings: Object,
activeChannel: Object,
networks: Array,
},

View file

@ -4,7 +4,14 @@
class="window">
<div
id="chat"
ref="chat">
ref="chat"
:class="{
'hide-motd': !settings.motd,
'hide-status-messages': settings.statusMessages === 'hidden',
'condensed-status-messages': settings.statusMessages === 'condensed',
'colored-nicks': settings.coloredNicks,
}"
>
<div
:id="'chan-' + channel.id"
:class="[channel.type, 'chan', 'active']"
@ -81,6 +88,7 @@ export default {
ChatUserList,
},
props: {
settings: Object,
network: Object,
channel: Object,
},

View file

@ -91,13 +91,6 @@ function applySetting(name, value) {
if (name === "syncSettings" && value) {
$syncWarningOverride.hide();
$forceSyncButton.hide();
} else if (name === "motd") {
$chat.toggleClass("hide-" + name, !value);
} else if (name === "statusMessages") {
$chat.toggleClass("hide-status-messages", value === "hidden");
$chat.toggleClass("condensed-status-messages", value === "condensed");
} else if (name === "coloredNicks") {
$chat.toggleClass("colored-nicks", value);
} else if (name === "theme") {
value = `themes/${value}.css`;