peertube-plugin-livechat/client/common/lib/elements/configuration-row.ts

30 lines
839 B
TypeScript
Raw Normal View History

2024-05-23 15:17:28 +00:00
// SPDX-FileCopyrightText: 2024 Mehdi Benadel <https://mehdibenadel.com>
//
// SPDX-License-Identifier: AGPL-3.0-only
2024-05-23 15:09:58 +00:00
import { html } from 'lit'
2024-05-23 13:52:12 +00:00
import { customElement, property } from 'lit/decorators.js'
2024-05-25 12:40:59 +00:00
import { LivechatElement } from './livechat'
2024-05-23 13:52:12 +00:00
@customElement('livechat-configuration-row')
2024-05-23 15:09:58 +00:00
export class ConfigurationRowElement extends LivechatElement {
2024-05-23 13:52:12 +00:00
@property({ attribute: false })
2024-05-25 12:40:59 +00:00
public override title: string = 'title'
2024-05-23 13:52:12 +00:00
@property({ attribute: false })
2024-05-23 20:52:39 +00:00
public description: string = 'Here\'s a description'
2024-05-23 13:52:12 +00:00
@property({ attribute: false })
public helpPage: string = 'documentation'
2024-05-23 20:52:39 +00:00
protected override render = (): unknown => {
2024-05-23 13:52:12 +00:00
return html`
<h2>
${this.title}
<livechat-help-button .page=${this.helpPage}></livechat-help-button>
</h2>
2024-05-23 13:52:12 +00:00
<p>${this.description}</p>
`
}
}