Some styling and html fixes.

This commit is contained in:
John Livingston
2024-04-02 17:40:43 +02:00
parent 612a9f622d
commit 610040b253
9 changed files with 40 additions and 29 deletions

View File

@ -125,17 +125,17 @@ async function displayConverseJS (
): Promise<void> {
const peertubeHelpers = clientOptions.peertubeHelpers
const converseRoot = document.createElement('converse-root')
converseRoot.classList.add('theme-peertube')
container.append(converseRoot)
const spinner = document.createElement('div')
spinner.classList.add('livechat-spinner')
spinner.setAttribute('id', 'livechat-loading-spinner')
spinner.innerHTML = '<div></div>'
container.prepend(spinner)
container.append(spinner)
// spinner will be removed by a converse plugin
const converseRoot = document.createElement('converse-root')
converseRoot.classList.add('theme-peertube')
container.append(converseRoot)
const authHeader = peertubeHelpers.getAuthHeader()
const response = await fetch(

View File

@ -198,7 +198,7 @@ function register (registerOptions: RegisterClientOptions): void {
return false
}
if (container.querySelector('converse-root')) {
if (container.getElementsByTagName('converse-root').length) {
logger.error('Seems that there is already a ConverseJS in the container.')
return false
}
@ -221,7 +221,7 @@ function register (registerOptions: RegisterClientOptions): void {
function closeChat (): void {
const container = document.getElementById('peertube-plugin-livechat-container')
if (!container) {
logger.error('Cant close livechat, container not found.')
logger.error('Can\'t close livechat, container not found.')
return
}
@ -229,7 +229,7 @@ function register (registerOptions: RegisterClientOptions): void {
if (window.converse?.livechatDisconnect) { window.converse.livechatDisconnect() }
// Removing from the DOM
container.childNodes.forEach(dom => dom.remove())
container.querySelectorAll('converse-root, .livechat-spinner').forEach(dom => dom.remove())
container.setAttribute('peertube-plugin-livechat-state', 'closed')