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

View File

@ -4,7 +4,14 @@
class="window"> class="window">
<div <div
id="chat" 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 <div
:id="'chan-' + channel.id" :id="'chan-' + channel.id"
:class="[channel.type, 'chan', 'active']" :class="[channel.type, 'chan', 'active']"
@ -81,6 +88,7 @@ export default {
ChatUserList, ChatUserList,
}, },
props: { props: {
settings: Object,
network: Object, network: Object,
channel: Object, channel: Object,
}, },

View File

@ -91,13 +91,6 @@ function applySetting(name, value) {
if (name === "syncSettings" && value) { if (name === "syncSettings" && value) {
$syncWarningOverride.hide(); $syncWarningOverride.hide();
$forceSyncButton.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") { } else if (name === "theme") {
value = `themes/${value}.css`; value = `themes/${value}.css`;