Prettier.

This commit is contained in:
Cory McWilliams 2024-04-24 19:23:13 -04:00
parent d528bc808e
commit a947396bad
5 changed files with 64 additions and 39 deletions

View File

@ -236,7 +236,13 @@ class TfElement extends LitElement {
console.log(by_count.sort((x, y) => y.count - x.count).slice(0, 20));
let start_time = new Date();
users = await this.fetch_about(Object.keys(following).sort(), users);
console.log('about took', (new Date() - start_time) / 1000.0, 'seconds for', Object.keys(users).length, 'users');
console.log(
'about took',
(new Date() - start_time) / 1000.0,
'seconds for',
Object.keys(users).length,
'users'
);
this.following = Object.keys(following);
this.users = users;
await tags;

View File

@ -550,7 +550,8 @@ class TfComposeElement extends LitElement {
@input=${this.input}
@paste=${this.paste}
contenteditable
>${draft.text}</span>
>${draft.text}</span
>
</div>
<div class="w3-half w3-padding">
${content_warning}

View File

@ -72,10 +72,7 @@ class TfMessageElement extends LitElement {
return expression;
}
}
return html`<div
class="w3-button"
@click=${this.show_reactions}
>
return html`<div class="w3-button" @click=${this.show_reactions}>
${(this.message.votes || []).map(
(vote) => html`
<span

View File

@ -23,29 +23,45 @@ class TfReactionsModalElement extends LitElement {
render() {
let self = this;
return this.votes?.length ? html`
<div class="w3-modal w3-animate-opacity" style="display: block; box-sizing: border-box">
return this.votes?.length
? html` <div
class="w3-modal w3-animate-opacity"
style="display: block; box-sizing: border-box"
>
<div class="w3-modal-content w3-card-4 w3-theme-d1">
<div class="w3-container w3-padding">
<header class="w3-container">
<h2>Reactions</h2>
<span class="w3-button w3-display-topright" @click=${this.clear}>&times;</span>
<span class="w3-button w3-display-topright" @click=${this.clear}
>&times;</span
>
</header>
<ul class="w3-theme-dark w3-container w3-ul">
${this.votes.map(x => html`
${this.votes.map(
(x) => html`
<li class="w3-bar">
<span class="w3-bar-item">${x?.content?.vote?.expression}</span>
<tf-user class="w3-bar-item" id=${x.author} .users=${this.users}></tf-user>
<span class="w3-bar-item w3-right">${new Date(x?.timestamp).toLocaleString()}</span>
<span class="w3-bar-item"
>${x?.content?.vote?.expression}</span
>
<tf-user
class="w3-bar-item"
id=${x.author}
.users=${this.users}
></tf-user>
<span class="w3-bar-item w3-right"
>${new Date(x?.timestamp).toLocaleString()}</span
>
</li>
`)}
`
)}
</ul>
<footer class="w3-container w3-padding">
<button class="w3-button" @click=${this.clear}>Close</button>
</footer>
</div>
</div>
</div>` : undefined;
</div>`
: undefined;
}
}

View File

@ -347,7 +347,12 @@ class TfNavigationElement extends LitElement {
${this.status?.message && !this.status.is_error
? html`
<link type="text/css" rel="stylesheet" href="/static/w3.css" />
<div class="w3-bar-item" style="color: ${this.status.color ?? kStatusColor}">${this.status.message}</div>
<div
class="w3-bar-item"
style="color: ${this.status.color ?? kStatusColor}"
>
${this.status.message}
</div>
`
: undefined}
${Object.keys(this.spark_lines)