jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-04-24 21:37:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add download button

Browse Source
This commit is contained in:
Paulus Schoutsen 2021-03-13 04:35:47 +00:00
parent 7bd4eeb0df
commit 2cf63cda08
1 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/panels/config/automation/trace/ha-automation-trace.ts
View File

@ -62,9 +62,14 @@ export class HaAutomationTrace extends LitElement {
stateObj?.attributes.friendly_name || this._entityId
}`}
>
<button class="load-last" @click=${this._loadTrace}>
<div class="actions">
<button @click=${this._loadTrace}>
Load last trace
</button>
<button @click=${this._downloadTrace}>
Download
</button>
</div>
${this._trace
? html`
<div class="card-content">
@ -135,6 +140,22 @@ export class HaAutomationTrace extends LitElement {
history.back();
}
private _downloadTrace() {
const aEl = document.createElement("a");
aEl.download = `trace-${this._entityId}.json`;
aEl.href = `data:application/json;charset=utf-8,${encodeURI(
JSON.stringify(
{
trace: this._trace,
logbookEntries: this._logbookEntries,
},
undefined,
2
)
)}`;
aEl.click();
}
static get styles(): CSSResult[] {
return [
haStyle,
@ -144,7 +165,7 @@ export class HaAutomationTrace extends LitElement {
margin: 24px auto;
}
.load-last {
.actions {
position: absolute;
top: 8px;
right: 8px;