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

Allow to move card from other view to section view

Browse Source
This commit is contained in:
Paul Bottein 2024-10-16 16:18:22 +02:00
parent 4d9e9aaead
commit 203d900d16
No known key found for this signature in database
2 changed files with 28 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/panels/lovelace/components/hui-card-options.ts
View File

@ -28,7 +28,10 @@ import "../../../components/ha-icon-button";
import "../../../components/ha-list-item"; import "../../../components/ha-list-item";
import { LovelaceCardConfig } from "../../../data/lovelace/config/card"; import { LovelaceCardConfig } from "../../../data/lovelace/config/card";
import { saveConfig } from "../../../data/lovelace/config/types"; import { saveConfig } from "../../../data/lovelace/config/types";
import { isStrategyView } from "../../../data/lovelace/config/view"; import {
isStrategyView,
LovelaceViewConfig,
} from "../../../data/lovelace/config/view";
import { import {
showAlertDialog, showAlertDialog,
showPromptDialog, showPromptDialog,
@ -40,12 +43,14 @@ import { computeCardSize } from "../common/compute-card-size";
import { showEditCardDialog } from "../editor/card-editor/show-edit-card-dialog"; import { showEditCardDialog } from "../editor/card-editor/show-edit-card-dialog";
import { import {
addCard, addCard,
addSection,
deleteCard, deleteCard,
moveCardToContainer, moveCardToContainer,
moveCardToIndex, moveCardToIndex,
} from "../editor/config-util"; } from "../editor/config-util";
import { import {
LovelaceCardPath, LovelaceCardPath,
LovelaceContainerPath,
findLovelaceItems, findLovelaceItems,
getLovelaceContainerPath, getLovelaceContainerPath,
parseLovelaceCardPath, parseLovelaceCardPath,
@ -353,34 +358,49 @@ export class HuiCardOptions extends LitElement {
allowDashboardChange: true, allowDashboardChange: true,
header: this.hass!.localize("ui.panel.lovelace.editor.move_card.header"), header: this.hass!.localize("ui.panel.lovelace.editor.move_card.header"),
viewSelectedCallback: async (urlPath, selectedDashConfig, viewIndex) => { viewSelectedCallback: async (urlPath, selectedDashConfig, viewIndex) => {
const view = selectedDashConfig.views[viewIndex]; let view = selectedDashConfig.views[viewIndex];
let newConfig = selectedDashConfig;
if (!isStrategyView(view) && view.type === SECTION_VIEW_LAYOUT) { if (isStrategyView(view)) {
showAlertDialog(this, { showAlertDialog(this, {
title: this.hass!.localize( title: this.hass!.localize(
"ui.panel.lovelace.editor.move_card.error_title" "ui.panel.lovelace.editor.move_card.error_title"
), ),
text: this.hass!.localize( text: this.hass!.localize(
"ui.panel.lovelace.editor.move_card.error_text_section" "ui.panel.lovelace.editor.move_card.error_text_strategy"
), ),
warning: true, warning: true,
}); });
return; return;
} }
const isSectionView = view.type === SECTION_VIEW_LAYOUT;
// If the view is a section view and has no sections, add a default section.
if (isSectionView && !view.sections?.length) {
const newSection = { type: "grid", cards: [] };
newConfig = addSection(selectedDashConfig, viewIndex, newSection);
view = newConfig.views[viewIndex] as LovelaceViewConfig;
}
const toPath: LovelaceContainerPath = isSectionView
? [viewIndex, view.sections!.length - 1]
: [viewIndex];
if (urlPath === this.lovelace!.urlPath) { if (urlPath === this.lovelace!.urlPath) {
this.lovelace!.saveConfig( this.lovelace!.saveConfig(
moveCardToContainer(this.lovelace!.config, this.path!, [viewIndex]) moveCardToContainer(newConfig, this.path!, toPath)
); );
showSaveSuccessToast(this, this.hass!); showSaveSuccessToast(this, this.hass!);
return; return;
} }
try { try {
const { cardIndex } = parseLovelaceCardPath(this.path!); const { cardIndex } = parseLovelaceCardPath(this.path!);
const card = this._cards[cardIndex];
await saveConfig( await saveConfig(
this.hass!, this.hass!,
urlPath, urlPath,
addCard(selectedDashConfig, [viewIndex], this._cards[cardIndex]) addCard(newConfig, toPath, card)
); );
this.lovelace!.saveConfig( this.lovelace!.saveConfig(
deleteCard(this.lovelace!.config, this.path!) deleteCard(this.lovelace!.config, this.path!)

4
src/translations/en.json
View File

@ -5682,8 +5682,8 @@
}, },
"move_card": { "move_card": {
"header": "Choose a view to move the card to", "header": "Choose a view to move the card to",
"error_title": "Impossible to move the card", "strategy_error_title": "Impossible to move the card",
"error_text_section": "Moving a card to a section view is not supported yet. Use copy/cut/paste instead." "strategy_error_text_strategy": "Moving a card to a strategy view is not supported."
}, },
"change_position": { "change_position": {
"title": "Change card position", "title": "Change card position",