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

Implement add-on changelog (#5727)

Browse Source
This commit is contained in:
Joakim Sørensen 2020-05-07 15:21:12 +02:00 committed by GitHub
parent 0961c9d05e
commit 44ad75aead
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
hassio/src/addon-view/info/hassio-addon-info.ts
View File

@ -175,7 +175,6 @@ class HassioAddonInfo extends LitElement {
<div class="addon-version light-color"> <div class="addon-version light-color">
${this.addon.version ${this.addon.version
? html` ? html`
${this.addon.version}
${this._computeIsRunning ${this._computeIsRunning
? html` ? html`
<ha-icon <ha-icon
@ -195,6 +194,19 @@ class HassioAddonInfo extends LitElement {
: html` ${this.addon.version_latest} `} : html` ${this.addon.version_latest} `}
</div> </div>
</div> </div>
<div class="description light-color">
${this.addon.version
? html`
Current version: ${this.addon.version}
<div class="changelog" @click=${this._openChangelog}>
(<span class="changelog-link">changelog</span>)
</div>
`
: html`<span class="changelog-link" @click=${this._openChangelog}
>Changelog</span
>`}
</div>
<div class="description light-color"> <div class="description light-color">
${this.addon.description}.<br /> ${this.addon.description}.<br />
Visit Visit
@ -205,14 +217,10 @@ class HassioAddonInfo extends LitElement {
</div> </div>
${this.addon.logo ${this.addon.logo
? html` ? html`
<a <img
href="${this.addon.url!}"
target="_blank"
class="logo" class="logo"
rel="noreferrer" src="/api/hassio/addons/${this.addon.slug}/logo"
> />
<img src="/api/hassio/addons/${this.addon.slug}/logo" />
</a>
` `
: ""} : ""}
<div class="security"> <div class="security">
@ -549,7 +557,7 @@ class HassioAddonInfo extends LitElement {
.description { .description {
margin-bottom: 16px; margin-bottom: 16px;
} }
.logo img { img.logo {
max-height: 60px; max-height: 60px;
margin: 16px 0; margin: 16px 0;
display: block; display: block;
@ -621,6 +629,14 @@ class HassioAddonInfo extends LitElement {
--mdc-icon-size: 45px; --mdc-icon-size: 45px;
--ha-label-badge-padding: 8px 0 0 0; --ha-label-badge-padding: 8px 0 0 0;
} }
.changelog {
display: contents;
}
.changelog-link {
color: var(--primary-color);
text-decoration: underline;
cursor: pointer;
}
`, `,
]; ];
} }