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

Fix multiple sortable (#13522)

Browse Source
This commit is contained in:
Paul Bottein
2022-08-31 12:01:36 +02:00
committed by GitHub
parent 1e19799da9
commit c116ad67ed
7 changed files with 98 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/panels/lovelace/components/hui-entity-editor.ts
View File

@@ -15,11 +15,13 @@ import "../../../components/entity/ha-entity-picker";
import type { HaEntityPicker } from "../../../components/entity/ha-entity-picker";
import "../../../components/ha-icon-button";
import { sortableStyles } from "../../../resources/ha-sortable-style";
import {
loadSortable,
SortableInstance,
} from "../../../resources/sortable.ondemand";
import { HomeAssistant } from "../../../types";
import { EntityConfig } from "../entity-rows/types";
let Sortable;
@customElement("hui-entity-editor")
export class HuiEntityEditor extends LitElement {
@property({ attribute: false }) protected hass?: HomeAssistant;
@@ -32,7 +34,7 @@ export class HuiEntityEditor extends LitElement {
@state() private _renderEmptySortable = false;
private _sortable?;
private _sortable?: SortableInstance;
public connectedCallback() {
super.connectedCallback();
@@ -123,23 +125,18 @@ export class HuiEntityEditor extends LitElement {
}
private async _createSortable() {
if (!Sortable) {
const sortableImport = await import(
"sortablejs/modular/sortable.core.esm"
);
const Sortable = await loadSortable();
Sortable = sortableImport.Sortable;
Sortable.mount(sortableImport.OnSpill);
Sortable.mount(sortableImport.AutoScroll());
}
this._sortable = new Sortable(this.shadowRoot!.querySelector(".entities"), {
animation: 150,
fallbackClass: "sortable-fallback",
handle: "ha-svg-icon",
dataIdAttr: "data-entity-id",
onEnd: async (evt: SortableEvent) => this._entityMoved(evt),
});
this._sortable = new Sortable(
this.shadowRoot!.querySelector(".entities")!,
{
animation: 150,
fallbackClass: "sortable-fallback",
handle: "ha-svg-icon",
dataIdAttr: "data-entity-id",
onEnd: async (evt: SortableEvent) => this._entityMoved(evt),
}
);
}
private async _addEntity(ev: CustomEvent): Promise<void> {