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

Restore hui-map-card.ts

Browse Source
This commit is contained in:
Zack Barett 2020-11-03 22:59:35 -06:00 committed by GitHub
parent ebf0050e81
commit 4d2ae36b0d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/panels/lovelace/cards/hui-map-card.ts
View File

@ -30,6 +30,7 @@ import { computeDomain } from "../../../common/entity/compute_domain";
import { computeStateDomain } from "../../../common/entity/compute_state_domain"; import { computeStateDomain } from "../../../common/entity/compute_state_domain";
import { computeStateName } from "../../../common/entity/compute_state_name"; import { computeStateName } from "../../../common/entity/compute_state_name";
import { debounce } from "../../../common/util/debounce"; import { debounce } from "../../../common/util/debounce";
import parseAspectRatio from "../../../common/util/parse-aspect-ratio";
import { fetchRecent } from "../../../data/history"; import { fetchRecent } from "../../../data/history";
import { HomeAssistant } from "../../../types"; import { HomeAssistant } from "../../../types";
import "../../map/ha-entity-marker"; import "../../map/ha-entity-marker";
@ -160,7 +161,16 @@ class HuiMapCard extends LitElement implements LovelaceCard {
} }
public getCardSize(): number { public getCardSize(): number {
return 10; if (!this._config?.aspect_ratio) {
return 5;
}
const ratio = parseAspectRatio(this._config.aspect_ratio);
const ar =
ratio && ratio.w > 0 && ratio.h > 0
? `${((100 * ratio.h) / ratio.w).toFixed(2)}`
: "100";
return 1 + Math.floor(Number(ar) / 25) || 3;
} }
public connectedCallback(): void { public connectedCallback(): void {
@ -244,6 +254,18 @@ class HuiMapCard extends LitElement implements LovelaceCard {
} }
this._attachObserver(); this._attachObserver();
if (!this._config.aspect_ratio) {
root.style.paddingBottom = "100%";
return;
}
const ratio = parseAspectRatio(this._config.aspect_ratio);
root.style.paddingBottom =
ratio && ratio.w > 0 && ratio.h > 0
? `${((100 * ratio.h) / ratio.w).toFixed(2)}%`
: (root.style.paddingBottom = "100%");
} }
protected updated(changedProps: PropertyValues): void { protected updated(changedProps: PropertyValues): void {
@ -638,14 +660,17 @@ class HuiMapCard extends LitElement implements LovelaceCard {
static get styles(): CSSResult { static get styles(): CSSResult {
return css` return css`
:host([ispanel]) ha-card {
width: 100%;
height: 100%;
}
:host([ispanel][editMode]) ha-card { :host([ispanel][editMode]) ha-card {
height: calc(100% - 51px); height: calc(100% - 51px);
} }
ha-card { ha-card {
overflow: hidden; overflow: hidden;
height: 100%;
width: 100%;
} }
#map { #map {