jonah/mini-graph-card
1
0
Fork 0
mirror of https://github.com/kalkih/mini-graph-card.git synced 2025-12-20 00:35:56 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: Add loader (#1180)

Browse Source
This commit is contained in:
Julien Deveaux
2024-12-21 01:00:50 +01:00
committed by GitHub
parent 3b1c82793a
commit 30c5263a30
2 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/main.js
View File

@@ -323,16 +323,22 @@ class MiniGraphCard extends LitElement {
}
renderGraph() {
const ready = this.entity[0] && this.Graph[0]._history !== undefined;
return this.config.show.graph ? html`
<div class="graph">
<div class="graph__container">
${this.renderLabels()}
${this.renderLabelsSecondary()}
<div class="graph__container__svg">
${this.renderSvg()}
</div>
</div>
${this.renderLegend()}
${ready ? html`
<div class="graph__container">
${this.renderLabels()}
${this.renderLabelsSecondary()}
<div class="graph__container__svg">
${this.renderSvg()}
</div>
</div>
${this.renderLegend()}
` : html`
<ha-circular-progress indeterminate></ha-circular-progress>
`}
</div>` : '';
}

3
src/style.js
View File

@@ -67,6 +67,9 @@ const style = css`
ha-card[hover] {
cursor: pointer;
}
ha-circular-progress {
margin: auto;
}
.flex {
display: flex;
display: -webkit-flex;