Move error outside ha form for assist pipeline form (#16258)

This commit is contained in:
Paul Bottein 2023-04-20 18:49:27 +02:00 committed by GitHub
parent be1867900e
commit 49b0c7c3d1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 28 additions and 38 deletions

View File

@ -5,10 +5,10 @@ import type { SpeechMetadata } from "./stt";
export interface AssistPipeline {
id: string;
name: string;
language: string;
conversation_engine: string;
conversation_language: string | null;
language: string;
name: string;
stt_engine: string | null;
stt_language: string | null;
tts_engine: string | null;
@ -17,15 +17,15 @@ export interface AssistPipeline {
}
export interface AssistPipelineMutableParams {
conversation_engine: string;
conversation_language?: string | null;
language: string;
name: string;
stt_engine?: string | null;
stt_language?: string | null;
tts_engine?: string | null;
tts_language?: string | null;
tts_voice?: string | null;
language: string;
conversation_engine: string;
conversation_language: string | null;
stt_engine: string | null;
stt_language: string | null;
tts_engine: string | null;
tts_language: string | null;
tts_voice: string | null;
}
export interface assistRunListing {

View File

@ -11,8 +11,6 @@ export class AssistPipelineDetailConfig extends LitElement {
@property() public data?: Partial<AssistPipeline>;
@property() public error?: Record<string, string>;
@property() public supportedLanguages?: string[];
private _schema = memoizeOne(
@ -60,7 +58,6 @@ export class AssistPipelineDetailConfig extends LitElement {
<ha-form
.schema=${this._schema(this.supportedLanguages)}
.data=${this.data}
.error=${this.error}
.hass=${this.hass}
.computeLabel=${this._computeLabel}
></ha-form>

View File

@ -11,8 +11,6 @@ export class AssistPipelineDetailConversation extends LitElement {
@property() public data?: Partial<AssistPipeline>;
@property() public error?: Record<string, string>;
private _schema = memoizeOne(
(language?: string) =>
[
@ -60,7 +58,6 @@ export class AssistPipelineDetailConversation extends LitElement {
<ha-form
.schema=${this._schema(this.data?.language)}
.data=${this.data}
.error=${this.error}
.hass=${this.hass}
.computeLabel=${this._computeLabel}
></ha-form>

View File

@ -11,8 +11,6 @@ export class AssistPipelineDetailSTT extends LitElement {
@property() public data?: Partial<AssistPipeline>;
@property() public error?: Record<string, string>;
private _schema = memoizeOne(
(language?: string) =>
[
@ -59,7 +57,6 @@ export class AssistPipelineDetailSTT extends LitElement {
<ha-form
.schema=${this._schema(this.data?.language)}
.data=${this.data}
.error=${this.error}
.hass=${this.hass}
.computeLabel=${this._computeLabel}
></ha-form>

View File

@ -11,8 +11,6 @@ export class AssistPipelineDetailTTS extends LitElement {
@property() public data?: Partial<AssistPipeline>;
@property() public error?: Record<string, string>;
private _schema = memoizeOne(
(language?: string) =>
[
@ -67,7 +65,6 @@ export class AssistPipelineDetailTTS extends LitElement {
<ha-form
.schema=${this._schema(this.data?.language)}
.data=${this.data}
.error=${this.error}
.hass=${this.hass}
.computeLabel=${this._computeLabel}
></ha-form>

View File

@ -80,30 +80,29 @@ export class DialogVoiceAssistantPipelineDetail extends LitElement {
)
)}
>
<div>
<div class="content">
${this._error
? html`<ha-alert alert-type="error"> ${this._error} </ha-alert>`
: nothing}
<assist-pipeline-detail-config
.hass=${this.hass}
.data=${this._data}
.error=${this._error}
.supportedLanguages=${this._supportedLanguages}
@value-changed=${this._valueChanged}
></assist-pipeline-detail-config>
<assist-pipeline-detail-conversation
.hass=${this.hass}
.data=${this._data}
.error=${this._error}
@value-changed=${this._valueChanged}
></assist-pipeline-detail-conversation>
<assist-pipeline-detail-stt
.hass=${this.hass}
.data=${this._data}
.error=${this._error}
@value-changed=${this._valueChanged}
></assist-pipeline-detail-stt>
<assist-pipeline-detail-tts
.hass=${this.hass}
.data=${this._data}
.error=${this._error}
@value-changed=${this._valueChanged}
></assist-pipeline-detail-tts>
</div>
@ -165,12 +164,12 @@ export class DialogVoiceAssistantPipelineDetail extends LitElement {
name: data.name!,
language: data.language!,
conversation_engine: data.conversation_engine!,
conversation_language: data.conversation_language,
stt_engine: data.stt_engine,
stt_language: data.stt_language,
tts_engine: data.tts_engine,
tts_language: data.tts_language,
tts_voice: data.tts_voice,
conversation_language: data.conversation_language ?? null,
stt_engine: data.stt_engine ?? null,
stt_language: data.stt_language ?? null,
tts_engine: data.tts_engine ?? null,
tts_language: data.tts_language ?? null,
tts_voice: data.tts_voice ?? null,
};
await this._params!.updatePipeline(values);
} else {
@ -180,7 +179,7 @@ export class DialogVoiceAssistantPipelineDetail extends LitElement {
}
this.closeDialog();
} catch (err: any) {
this._error = { base: err?.message || "Unknown error" };
this._error = err?.message || "Unknown error";
} finally {
this._submitting = false;
}
@ -192,7 +191,7 @@ export class DialogVoiceAssistantPipelineDetail extends LitElement {
await this._params!.setPipelinePreferred();
this._preferred = true;
} catch (err: any) {
this._error = { base: err?.message || "Unknown error" };
this._error = err?.message || "Unknown error";
} finally {
this._submitting = false;
}
@ -205,7 +204,7 @@ export class DialogVoiceAssistantPipelineDetail extends LitElement {
this.closeDialog();
}
} catch (err: any) {
this._error = { base: err?.message || "Unknown error" };
this._error = err?.message || "Unknown error";
} finally {
this._submitting = false;
}
@ -217,11 +216,14 @@ export class DialogVoiceAssistantPipelineDetail extends LitElement {
css`
assist-pipeline-detail-config,
assist-pipeline-detail-conversation,
assist-pipeline-detail-stt,
assist-pipeline-detail-tts {
assist-pipeline-detail-stt {
margin-bottom: 16px;
display: block;
}
ha-alert {
margin-bottom: 8px;
display: block;
}
`,
];
}