matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix orphan opening div.

Browse Source
This commit is contained in:
John Livingston 2024-06-11 12:08:50 +02:00
parent 8ccc2975e1
commit 2da97245ae
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC
1 changed files with 75 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

149
client/common/configuration/elements/channel-configuration.ts
View File

@ -1,4 +1,5 @@
// SPDX-FileCopyrightText: 2024 Mehdi Benadel <https://mehdibenadel.com> // SPDX-FileCopyrightText: 2024 Mehdi Benadel <https://mehdibenadel.com>
// SPDX-FileCopyrightText: 2024 John Livingston <https://www.john-livingston.fr/>
// //
// SPDX-License-Identifier: AGPL-3.0-only // SPDX-License-Identifier: AGPL-3.0-only
@ -224,9 +225,8 @@ export class ChannelConfigurationElement extends LivechatElement {
</p> </p>
<form livechat-configuration-channel-options role="form" @submit=${this._saveConfig}> <form livechat-configuration-channel-options role="form" @submit=${this._saveConfig}>
<div class="row mt-3">
<div class="row mt-5"> <div class="row mt-5">
<div class="col-12 col-lg-4 col-xl-3"> <div class="col-12 col-lg-4 col-xl-3">
<livechat-configuration-row <livechat-configuration-row
.title=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_SLOW_MODE_LABEL)} .title=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_SLOW_MODE_LABEL)}
.description=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_SLOW_MODE_DESC, true)} .description=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_SLOW_MODE_DESC, true)}
@ -315,87 +315,88 @@ export class ChannelConfigurationElement extends LivechatElement {
} }
</div> </div>
</div> </div>
${this._channelConfiguration?.configuration.bot.enabled ${!this._channelConfiguration?.configuration.bot.enabled
? html`<div class="row mt-5"> ? ''
<div class="col-12 col-lg-4 col-xl-3"> : html`
<livechat-configuration-row <div class="row mt-5">
.title=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_FORBIDDEN_WORDS_LABEL)} <div class="col-12 col-lg-4 col-xl-3">
.description=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_FORBIDDEN_WORDS_DESC)} <livechat-configuration-row
.helpPage=${'documentation/user/streamers/bot/forbidden_words'}> .title=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_FORBIDDEN_WORDS_LABEL)}
</livechat-configuration-row> .description=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_FORBIDDEN_WORDS_DESC)}
</div> .helpPage=${'documentation/user/streamers/bot/forbidden_words'}>
<div class="col-12 col-lg-8 col-xl-9"> </livechat-configuration-row>
<livechat-dynamic-table-form </div>
.header=${tableHeaderList.forbiddenWords} <div class="col-12 col-lg-8 col-xl-9">
.schema=${tableSchema.forbiddenWords} <livechat-dynamic-table-form
.validation=${this._validationError?.properties} .header=${tableHeaderList.forbiddenWords}
.validationPrefix=${'bot.forbiddenWords'} .schema=${tableSchema.forbiddenWords}
.rows=${this._channelConfiguration?.configuration.bot.forbiddenWords} .validation=${this._validationError?.properties}
@update=${(e: CustomEvent) => { .validationPrefix=${'bot.forbiddenWords'}
if (this._channelConfiguration) { .rows=${this._channelConfiguration?.configuration.bot.forbiddenWords}
this._channelConfiguration.configuration.bot.forbiddenWords = e.detail @update=${(e: CustomEvent) => {
this.requestUpdate('_channelConfiguration') if (this._channelConfiguration) {
this._channelConfiguration.configuration.bot.forbiddenWords = e.detail
this.requestUpdate('_channelConfiguration')
}
} }
} }
} .formName=${'forbidden-words'}>
.formName=${'forbidden-words'}> </livechat-dynamic-table-form>
</livechat-dynamic-table-form> </div>
</div> </div>
</div> <div class="row mt-5">
<div class="row mt-5"> <div class="col-12 col-lg-4 col-xl-3">
<div class="col-12 col-lg-4 col-xl-3"> <livechat-configuration-row
<livechat-configuration-row .title=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_QUOTE_LABEL)}
.title=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_QUOTE_LABEL)} .description=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_QUOTE_DESC)}
.description=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_QUOTE_DESC)} .helpPage=${'documentation/user/streamers/bot/quotes'}>
.helpPage=${'documentation/user/streamers/bot/quotes'}> </livechat-configuration-row>
</livechat-configuration-row> </div>
</div> <div class="col-12 col-lg-8 col-xl-9">
<div class="col-12 col-lg-8 col-xl-9"> <livechat-dynamic-table-form
<livechat-dynamic-table-form .header=${tableHeaderList.quotes}
.header=${tableHeaderList.quotes} .schema=${tableSchema.quotes}
.schema=${tableSchema.quotes} .validation=${this._validationError?.properties}
.validation=${this._validationError?.properties} .validationPrefix=${'bot.quotes'}
.validationPrefix=${'bot.quotes'} .rows=${this._channelConfiguration?.configuration.bot.quotes}
.rows=${this._channelConfiguration?.configuration.bot.quotes} @update=${(e: CustomEvent) => {
@update=${(e: CustomEvent) => { if (this._channelConfiguration) {
if (this._channelConfiguration) { this._channelConfiguration.configuration.bot.quotes = e.detail
this._channelConfiguration.configuration.bot.quotes = e.detail this.requestUpdate('_channelConfiguration')
this.requestUpdate('_channelConfiguration') }
} }
} }
} .formName=${'quote'}>
.formName=${'quote'}> </livechat-dynamic-table-form>
</livechat-dynamic-table-form> </div>
</div> </div>
</div> <div class="row mt-5">
<div class="row mt-5"> <div class="col-12 col-lg-4 col-xl-3">
<div class="col-12 col-lg-4 col-xl-3"> <livechat-configuration-row
<livechat-configuration-row .title=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_COMMAND_LABEL)}
.title=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_COMMAND_LABEL)} .description=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_COMMAND_DESC)}
.description=${ptTr(LOC_LIVECHAT_CONFIGURATION_CHANNEL_COMMAND_DESC)} .helpPage=${'documentation/user/streamers/bot/commands'}>
.helpPage=${'documentation/user/streamers/bot/commands'}> </livechat-configuration-row>
</livechat-configuration-row> </div>
</div> <div class="col-12 col-lg-8 col-xl-9">
<div class="col-12 col-lg-8 col-xl-9"> <livechat-dynamic-table-form
<livechat-dynamic-table-form .header=${tableHeaderList.commands}
.header=${tableHeaderList.commands} .schema=${tableSchema.commands}
.schema=${tableSchema.commands} .validation=${this._validationError?.properties}
.validation=${this._validationError?.properties} .validationPrefix=${'bot.commands'}
.validationPrefix=${'bot.commands'} .rows=${this._channelConfiguration?.configuration.bot.commands}
.rows=${this._channelConfiguration?.configuration.bot.commands} @update=${(e: CustomEvent) => {
@update=${(e: CustomEvent) => { if (this._channelConfiguration) {
if (this._channelConfiguration) { this._channelConfiguration.configuration.bot.commands = e.detail
this._channelConfiguration.configuration.bot.commands = e.detail this.requestUpdate('_channelConfiguration')
this.requestUpdate('_channelConfiguration') }
} }
} }
} .formName=${'command'}>
.formName=${'command'}> </livechat-dynamic-table-form>
</livechat-dynamic-table-form> </div>
</div> </div>
</div>` `}
: ''
}
<div class="form-group mt-5"> <div class="form-group mt-5">
<input type="submit" class="peertube-button-link orange-button" value=${ptTr(LOC_SAVE)} /> <input type="submit" class="peertube-button-link orange-button" value=${ptTr(LOC_SAVE)} />
</div> </div>