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

New page loading and error cases:

Browse Source 
* adding new custom elements: spinner and error
* using them on async tasks
This commit is contained in:
John Livingston
2024-06-11 16:25:05 +02:00
parent 75ac7a1052
commit 597afc8ba6
9 changed files with 55 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/common/configuration/elements/channel-home.ts
View File

@ -47,6 +47,8 @@ export class ChannelHomeElement extends LivechatElement {
protected override render = (): unknown => {
return this._asyncTaskRender.render({
pending: () => html`<livechat-spinner></livechat-spinner>`,
error: () => html`<livechat-error></livechat-error>`,
complete: () => html`
<div class="margin-content peertube-plugin-livechat-configuration peertube-plugin-livechat-configuration-home">
<h1>
@ -62,7 +64,7 @@ export class ChannelHomeElement extends LivechatElement {
<a href="${channel.livechatConfigurationUri}">
${channel.avatar
? html`<img class="avatar channel" src="${channel.avatar.path}">`
: html`<div class="avatar channel initial gray"></div>`
: html`<div class="avatar channel initial gray"></div>`
}
</a>
<div class="peertube-plugin-livechat-configuration-home-info">