jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-17 14:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make migration warning alert sticky at the top for views (#19970)

Browse Source
This commit is contained in:
Paul Bottein 2024-03-04 15:04:20 +01:00 committed by GitHub
parent 19d50b9c92
commit 70146a08c1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 19 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts
View File

@ -57,8 +57,6 @@ import { EditViewDialogParams } from "./show-edit-view-dialog";
export class HuiDialogEditView extends LitElement {
@property({ attribute: false }) public hass?: HomeAssistant;
@state() private _currentType?: string;
@state() private _params?: EditViewDialogParams;
@state() private _config?: LovelaceViewConfig;
@ -113,7 +111,6 @@ export class HuiDialogEditView extends LitElement {
this._badges = [];
return;
}
this._currentType = view.type;
const { badges, ...viewConfig } = view;
this._config = viewConfig;
this._badges = badges ? processEditorEntities(badges) : [];
@ -214,14 +211,12 @@ export class HuiDialogEditView extends LitElement {
}
}
const isEmpty =
!this._config?.cards?.length && !this._config?.sections?.length;
const isCompatibleViewType =
isEmpty ||
(this._currentType === SECTION_VIEW_LAYOUT
? this._config?.type === SECTION_VIEW_LAYOUT
: this._config?.type !== SECTION_VIEW_LAYOUT);
this._config?.type === SECTION_VIEW_LAYOUT
? this._config?.type === SECTION_VIEW_LAYOUT &&
!this._config?.cards?.length
: this._config?.type !== SECTION_VIEW_LAYOUT &&
!this._config?.sections?.length;
return html`
<ha-dialog
@ -281,6 +276,19 @@ export class HuiDialogEditView extends LitElement {
: ``}
</mwc-list-item>
</ha-button-menu>
${!isCompatibleViewType
? html`
<ha-alert class="incompatible" alert-type="warning">
${this._config?.type === SECTION_VIEW_LAYOUT
? this.hass!.localize(
"ui.panel.lovelace.editor.edit_view.type_warning_sections"
)
: this.hass!.localize(
"ui.panel.lovelace.editor.edit_view.type_warning_others"
)}
</ha-alert>
`
: nothing}
${!this._yamlMode
? html`<paper-tabs
scrollable
@ -320,19 +328,6 @@ export class HuiDialogEditView extends LitElement {
</mwc-button>
`
: nothing}
${!isCompatibleViewType
? html`
<ha-alert class="incompatible" alert-type="warning">
${this._config?.type === SECTION_VIEW_LAYOUT
? this.hass!.localize(
"ui.panel.lovelace.editor.edit_view.type_warning_sections"
)
: this.hass!.localize(
"ui.panel.lovelace.editor.edit_view.type_warning_others"
)}
</ha-alert>
`
: nothing}
<mwc-button
slot="primaryAction"
?disabled=${!this._config ||
@ -425,14 +420,13 @@ export class HuiDialogEditView extends LitElement {
}
this._saving = true;
const viewConf: LovelaceViewConfig = {
...this._config,
badges: this._badges,
};
if (viewConf.type === SECTION_VIEW_LAYOUT && !viewConf.sections?.length) {
viewConf.sections = [{ cards: [] }];
viewConf.sections = [{ type: "grid", cards: [] }];
} else if (!viewConf.cards?.length) {
viewConf.cards = [];
}
@ -584,7 +578,6 @@ export class HuiDialogEditView extends LitElement {
}
.incompatible {
display: block;
margin-top: 16px;
}
@media all and (min-width: 600px) {