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

Update thread-config-panel.ts

Browse Source
This commit is contained in:
Bram Kragten 2023-08-16 10:01:50 +02:00
parent 05e08cdcc0
commit b19fe68686
1 changed files with 88 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

183
src/panels/config/integrations/integration-panels/thread/thread-config-panel.ts
View File

@ -164,102 +164,95 @@ export class ThreadConfigPanel extends SubscribeMixin(LitElement) {
})} })}
</h4> </h4>
</div> </div>
${network.routers.map( ${network.routers.map((router) => {
(router) => const showOverflow =
html`<ha-list-item ("dataset" in network && router.border_agent_id) ||
class="router" router.extended_address === this._otbrInfo?.extended_address;
twoline return html`<ha-list-item
graphic="avatar" class="router"
.hasMeta=${("dataset" in network && router.border_agent_id) || twoline
router.extended_address === this._otbrInfo?.extended_address} graphic="avatar"
> .hasMeta=${showOverflow}
<img >
slot="graphic" <img
.src=${brandsUrl({ slot="graphic"
domain: router.brand, .src=${brandsUrl({
brand: true, domain: router.brand,
type: "icon", brand: true,
darkOptimized: this.hass.themes?.darkMode, type: "icon",
})} darkOptimized: this.hass.themes?.darkMode,
alt=${router.brand} })}
referrerpolicy="no-referrer" alt=${router.brand}
@error=${this._onImageError} referrerpolicy="no-referrer"
@load=${this._onImageLoad} @error=${this._onImageError}
/> @load=${this._onImageLoad}
${router.model_name || />
router.server?.replace(".local.", "") || ${router.model_name ||
""} router.server?.replace(".local.", "") ||
<span slot="secondary">${router.server}</span> ""}
${(network.dataset && router.border_agent_id) || <span slot="secondary">${router.server}</span>
router.extended_address === this._otbrInfo?.extended_address ${showOverflow
? html`${network.dataset && ? html`${network.dataset &&
router.border_agent_id === router.border_agent_id ===
network.dataset.preferred_border_agent_id network.dataset.preferred_border_agent_id
? html`<ha-svg-icon .path=${mdiStar} slot="meta"> ? html`<ha-svg-icon .path=${mdiStar} slot="meta">
${this.hass.localize( ${this.hass.localize(
"ui.panel.config.thread.default_router" "ui.panel.config.thread.default_router"
)}
</ha-svg-icon>`
: ""}
<ha-button-menu
slot="meta"
.network=${network}
.router=${router}
@action=${this._handleRouterAction}
>
<ha-icon-button
.label=${this.hass.localize(
"ui.common.overflow_menu"
)} )}
.path=${mdiDotsVertical} </ha-svg-icon>`
slot="trigger" : ""}
></ha-icon-button> <ha-button-menu
${network.dataset && router.border_agent_id slot="meta"
? html`<ha-list-item .network=${network}
.disabled=${router.border_agent_id === .router=${router}
network.dataset.preferred_border_agent_id} @action=${this._handleRouterAction}
> >
${router.border_agent_id === <ha-icon-button
network.dataset.preferred_border_agent_id .label=${this.hass.localize(
? this.hass.localize( "ui.common.overflow_menu"
"ui.panel.config.thread.default_router" )}
) .path=${mdiDotsVertical}
: this.hass.localize( slot="trigger"
"ui.panel.config.thread.set_default_router" ></ha-icon-button>
)} ${network.dataset && router.border_agent_id
</ha-list-item>` ? html`<ha-list-item
: ""} .disabled=${router.border_agent_id ===
${router.extended_address === network.dataset.preferred_border_agent_id}
this._otbrInfo?.extended_address >
? html`<ha-icon-button ${router.border_agent_id ===
.label=${this.hass.localize( network.dataset.preferred_border_agent_id
"ui.common.overflow_menu" ? this.hass.localize(
"ui.panel.config.thread.default_router"
)
: this.hass.localize(
"ui.panel.config.thread.set_default_router"
)} )}
.path=${mdiDotsVertical} </ha-list-item>`
slot="trigger" : ""}
></ha-icon-button> ${router.extended_address ===
<ha-list-item> this._otbrInfo?.extended_address
${this.hass.localize( ? html`<ha-list-item>
"ui.panel.config.thread.reset_border_router" ${this.hass.localize(
)}</ha-list-item "ui.panel.config.thread.reset_border_router"
> )}</ha-list-item
<ha-list-item> >
${this.hass.localize( <ha-list-item>
"ui.panel.config.thread.change_channel" ${this.hass.localize(
)}</ha-list-item "ui.panel.config.thread.change_channel"
> )}</ha-list-item
${network.dataset?.preferred >
? "" ${network.dataset?.preferred
: html`<ha-list-item> ? ""
${this.hass.localize( : html`<ha-list-item>
"ui.panel.config.thread.add_to_my_network" ${this.hass.localize(
)} "ui.panel.config.thread.add_to_my_network"
</ha-list-item>`}` )}
: ""} </ha-list-item>`}`
</ha-button-menu>` : ""}
: ""} </ha-button-menu>`
</ha-list-item>` : ""}
)}` </ha-list-item>`;
})}`
: html`<div class="card-content no-routers"> : html`<div class="card-content no-routers">
<ha-svg-icon .path=${mdiDevices}></ha-svg-icon> <ha-svg-icon .path=${mdiDevices}></ha-svg-icon>
${network.dataset?.extended_pan_id && ${network.dataset?.extended_pan_id &&
@ -509,7 +502,7 @@ export class ThreadConfigPanel extends SubscribeMixin(LitElement) {
) { ) {
const datasetId = dataset.dataset_id; const datasetId = dataset.dataset_id;
const borderAgentId = router.border_agent_id; const borderAgentId = router.border_agent_id;
if (!router.border_agent_id) { if (!borderAgentId) {
return; return;
} }
await setPreferredBorderAgent(this.hass, datasetId, borderAgentId); await setPreferredBorderAgent(this.hass, datasetId, borderAgentId);