Stop spinning when opening media in dialog (#11800)

This commit is contained in:
Bram Kragten 2022-02-23 16:13:09 +01:00 committed by GitHub
parent e6dbbc31a8
commit b341ee9d38
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 14 deletions

View File

@ -1,22 +1,12 @@
import { animate } from "@lit-labs/motion"; import { animate } from "@lit-labs/motion";
import "@material/mwc-list/mwc-check-list-item";
import "@material/mwc-list/mwc-list-item";
import "@material/mwc-list/mwc-list"; import "@material/mwc-list/mwc-list";
import { repeat } from "lit/directives/repeat"; import "@material/mwc-list/mwc-list-item";
import { mdiClose, mdiDelete } from "@mdi/js"; import { mdiClose, mdiDelete } from "@mdi/js";
import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit"; import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { customElement, property, state } from "lit/decorators"; import { customElement, property, state } from "lit/decorators";
import { repeat } from "lit/directives/repeat";
import { fireEvent } from "../../common/dom/fire_event"; import { fireEvent } from "../../common/dom/fire_event";
import { computeRTLDirection } from "../../common/util/compute_rtl"; import { computeRTLDirection } from "../../common/util/compute_rtl";
import { haStyleDialog } from "../../resources/styles";
import type { HomeAssistant } from "../../types";
import "../ha-header-bar";
import "../ha-dialog";
import "../ha-svg-icon";
import "../ha-circular-progress";
import "./ha-media-player-browse";
import "./ha-media-upload-button";
import type { MediaManageDialogParams } from "./show-media-manage-dialog";
import { import {
MediaClassBrowserSettings, MediaClassBrowserSettings,
MediaPlayerItem, MediaPlayerItem,
@ -26,6 +16,16 @@ import {
removeLocalMedia, removeLocalMedia,
} from "../../data/media_source"; } from "../../data/media_source";
import { showConfirmationDialog } from "../../dialogs/generic/show-dialog-box"; import { showConfirmationDialog } from "../../dialogs/generic/show-dialog-box";
import { haStyleDialog } from "../../resources/styles";
import type { HomeAssistant } from "../../types";
import "../ha-circular-progress";
import "../ha-dialog";
import "../ha-header-bar";
import "../ha-svg-icon";
import "../ha-check-list-item";
import "./ha-media-player-browse";
import "./ha-media-upload-button";
import type { MediaManageDialogParams } from "./show-media-manage-dialog";
@customElement("dialog-media-manage") @customElement("dialog-media-manage")
class DialogMediaManage extends LitElement { class DialogMediaManage extends LitElement {
@ -180,7 +180,7 @@ class DialogMediaManage extends LitElement {
></ha-svg-icon> ></ha-svg-icon>
`; `;
return html` return html`
<mwc-check-list-item <ha-check-list-item
${animate({ ${animate({
id: item.media_content_id, id: item.media_content_id,
skipInitial: true, skipInitial: true,
@ -191,7 +191,7 @@ class DialogMediaManage extends LitElement {
.item=${item} .item=${item}
> >
${icon} ${item.title} ${icon} ${item.title}
</mwc-check-list-item> </ha-check-list-item>
`; `;
} }
)} )}

View File

@ -241,6 +241,7 @@ class PanelMediaBrowser extends LitElement {
title: item.title, title: item.title,
can_play: item.can_play, can_play: item.can_play,
}); });
this._player.hideResolvingNewMediaPicked();
} }
private _playerPicked(ev) { private _playerPicked(ev) {