Compare commits
No commits in common. "a5af312b39527cce4cef3643b0f1ddf7849b8c5c" and "443dd4d168c66609e11d228605cd2cc65fe27e98" have entirely different histories.
a5af312b39
...
443dd4d168
@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"type": "tildefriends-app",
|
"type": "tildefriends-app",
|
||||||
"emoji": "🐌",
|
"emoji": "🐌",
|
||||||
"previous": "&6dwXL1RKL8t/RSV0UHBflkMnM8f8SV9VFvBZFqhW6LI=.sha256"
|
"previous": "&cN1BLgsD5fU8QzkNbtKR/Ie1fO3miBq8FVSpgNqFbrc=.sha256"
|
||||||
}
|
}
|
||||||
|
@ -105,14 +105,6 @@ class TfTabConnectionsElement extends LitElement {
|
|||||||
}
|
}
|
||||||
|
|
||||||
render_connection(connection) {
|
render_connection(connection) {
|
||||||
let requests = Object.values(connection.requests.reduce(function(accumulator, value) {
|
|
||||||
let key = `${value.name}:${Math.sign(value.request_number)}`;
|
|
||||||
if (!accumulator[key]) {
|
|
||||||
accumulator[key] = Object.assign({count: 0}, value);
|
|
||||||
}
|
|
||||||
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 +116,15 @@ 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>
|
${connection.requests.map(
|
||||||
`)}</div>
|
(x) => html`
|
||||||
|
<span class="w3-tag w3-small"
|
||||||
|
>${x.request_number > 0 ? '🟩' : '🟥'} ${x.name}</span
|
||||||
|
>
|
||||||
|
`
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
<ul>
|
<ul>
|
||||||
${this.connections
|
${this.connections
|
||||||
.filter((x) => x.tunnel === this.connections.indexOf(connection))
|
.filter((x) => x.tunnel === this.connections.indexOf(connection))
|
||||||
|
Loading…
Reference in New Issue
Block a user