tasiaiso/tildefriends
1
0
Fork 0
forked from cory/tildefriends
Code Issues Pull Requests Releases Wiki Activity

prettier

Browse Source
This commit is contained in:
Cory McWilliams 2024-05-12 08:23:34 -04:00
parent a5af312b39
commit 93ce253d1e
1 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
apps/ssb/tf-tab-connections.js
View File

@ -105,14 +105,16 @@ class TfTabConnectionsElement extends LitElement {
} }
render_connection(connection) { render_connection(connection) {
let requests = Object.values(connection.requests.reduce(function(accumulator, value) { let requests = Object.values(
let key = `${value.name}:${Math.sign(value.request_number)}`; connection.requests.reduce(function (accumulator, value) {
if (!accumulator[key]) { let key = `${value.name}:${Math.sign(value.request_number)}`;
accumulator[key] = Object.assign({count: 0}, value); if (!accumulator[key]) {
} accumulator[key] = Object.assign({count: 0}, value);
accumulator[key].count++; }
return accumulator; accumulator[key].count++;
}, {})); return accumulator;
}, {})
);
return html` return html`
<button <button
class="w3-button w3-theme-d1" class="w3-button w3-theme-d1"
@ -124,9 +126,20 @@ class TfTabConnectionsElement extends LitElement {
${connection.tunnel !== undefined ${connection.tunnel !== undefined
? '🚇' ? '🚇'
: html`(${connection.host}:${connection.port})`} : html`(${connection.host}:${connection.port})`}
<div>${requests.map(x => html` <div>
<span class="w3-tag w3-small">${x.request_number > 0 ? '🟩' : '🟥'} ${x.name} <span class="w3-badge w3-white" style=${x.count > 1 ? undefined : 'display: none'}>${x.count}</span></span> ${requests.map(
`)}</div> (x) => html`
<span class="w3-tag w3-small"
>${x.request_number > 0 ? '🟩' : '🟥'} ${x.name}
<span
class="w3-badge w3-white"
style=${x.count > 1 ? undefined : 'display: none'}
>${x.count}</span
></span
>
`
)}
</div>
<ul> <ul>
${this.connections ${this.connections
.filter((x) => x.tunnel === this.connections.indexOf(connection)) .filter((x) => x.tunnel === this.connections.indexOf(connection))