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

Update assist config layout a bit (#16170

Browse Source 
* Update assist config a bit

* update images

* Update assist-pref.ts
This commit is contained in:
Bram Kragten 2023-04-13 15:27:17 +02:00 committed by GitHub
parent 5e352f6194
commit a741faced1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 43 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/data/voice.ts
View File

@ -1,7 +1,7 @@
import { HomeAssistant } from "../types";
export const voiceAssistants = {
conversation: { domain: "conversation", name: "Assist" },
conversation: { domain: "voice_assistant", name: "Assist" },
"cloud.alexa": {
domain: "alexa",
name: "Amazon Alexa",

68
src/panels/config/voice-assistants/assist-pref.ts
View File

@ -18,6 +18,7 @@ import {
import { showConfirmationDialog } from "../../../dialogs/generic/show-dialog-box";
import type { HomeAssistant } from "../../../types";
import { showVoiceAssistantPipelineDetailDialog } from "./show-dialog-voice-assistant-pipeline-detail";
import { brandsUrl } from "../../../util/brands-url";
export class AssistPref extends LitElement {
@property({ attribute: false }) public hass!: HomeAssistant;
@ -35,7 +36,17 @@ export class AssistPref extends LitElement {
protected render() {
return html`
<ha-card outlined>
<h1 class="card-header">Assist</h1>
<h1 class="card-header">
<img
alt=""
src=${brandsUrl({
domain: "voice_assistant",
type: "icon",
darkOptimized: this.hass.themes?.darkMode,
})}
referrerpolicy="no-referrer"
/>Assist
</h1>
<div class="header-actions">
<a
href="https://www.home-assistant.io/docs/assist/"
@ -49,31 +60,29 @@ export class AssistPref extends LitElement {
></ha-icon-button>
</a>
</div>
<div class="card-content">
<mwc-list>
${this._pipelines.map(
(pipeline) => html`
<ha-list-item
twoline
hasMeta
role="button"
@click=${this._editPipeline}
.id=${pipeline.id}
>
${pipeline.name}
<span slot="secondary">${pipeline.language}</span>
<ha-icon-next slot="meta"></ha-icon-next>
</ha-list-item>
`
)}
</mwc-list>
<ha-button @click=${this._addPipeline}>
${this.hass.localize(
"ui.panel.config.voice_assistants.assistants.pipeline.add_assistant"
)}
<ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon>
</ha-button>
</div>
<mwc-list>
${this._pipelines.map(
(pipeline) => html`
<ha-list-item
twoline
hasMeta
role="button"
@click=${this._editPipeline}
.id=${pipeline.id}
>
${pipeline.name}
<span slot="secondary">${pipeline.language}</span>
<ha-icon-next slot="meta"></ha-icon-next>
</ha-list-item>
`
)}
</mwc-list>
<ha-button @click=${this._addPipeline} class="add" outlined>
${this.hass.localize(
"ui.panel.config.voice_assistants.assistants.pipeline.add_assistant"
)}
<ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon>
</ha-button>
<div class="card-actions">
<a
href="/config/voice-assistants/expose?assistants=conversation&historyBack"
@ -165,6 +174,9 @@ export class AssistPref extends LitElement {
direction: var(--direction);
color: var(--secondary-text-color);
}
.add {
margin: 0 16px 16px;
}
.card-actions {
display: flex;
}
@ -175,6 +187,10 @@ export class AssistPref extends LitElement {
display: flex;
align-items: center;
}
img {
height: 28px;
margin-right: 16px;
}
`;
}
}