jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Seperate addresses in network configuration (#9319)

Browse Source
This commit is contained in:
J. Nick Koston 2021-05-31 17:31:33 -05:00 committed by GitHub
parent 07f4e5ac5c
commit 2eb35668fa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/ha-network.ts
View File

@ -1,5 +1,12 @@
import "@polymer/paper-tooltip/paper-tooltip";
import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import {
css,
CSSResultGroup,
html,
nothing,
LitElement,
TemplateResult,
} from "lit";
import { customElement, state, property } from "lit/decorators";
import {
Adapter,
@ -17,18 +24,19 @@ import "./ha-icon";
const format_addresses = (
addresses: IPv6ConfiguredAddress[] | IPv4ConfiguredAddress[]
): TemplateResult[] =>
addresses.map(
(address) => html`<span>${address.address}/${address.network_prefix}</span>`
);
): TemplateResult =>
html`${addresses.map((address, i) => [
html`<span>${address.address}/${address.network_prefix}</span>`,
i < addresses.length - 1 ? ", " : nothing,
])}`;
const format_auto_detected_interfaces = (
adapters: Adapter[]
): Array<TemplateResult | string> =>
adapters.map((adapter) =>
adapter.auto
? html`${adapter.name} (${format_addresses(adapter.ipv4)}
${format_addresses(adapter.ipv6)} )`
? html`${adapter.name}
(${format_addresses([...adapter.ipv4, ...adapter.ipv6])})`
: ""
);
@ -88,8 +96,7 @@ export class HaNetwork extends LitElement {
: ""}
</span>
<span slot="description">
${format_addresses(adapter.ipv4)}
${format_addresses(adapter.ipv6)}
${format_addresses([...adapter.ipv4, ...adapter.ipv6])}
</span>
</ha-settings-row>`
)