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

update

Browse Source
This commit is contained in:
Ludeeus 2021-06-02 21:22:34 +00:00
parent 57788cec44
commit 2811541fba
3 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
hassio/src/dashboard/hassio-addons.ts
View File

@ -25,7 +25,11 @@ class HassioAddons extends LitElement {
> >
<div class="addons" ?narrow=${this.narrow}> <div class="addons" ?narrow=${this.narrow}>
${this.supervisor.supervisor.addons.map( ${this.supervisor.supervisor.addons.map(
(addon) => html`<div class="addon"> (addon) => html`<div
class="addon"
@click=${this._addonTapped}
.addon=${addon}
>
<div class="icon"> <div class="icon">
<div class="overlay"> <div class="overlay">
<ha-svg-icon <ha-svg-icon
@ -124,7 +128,7 @@ class HassioAddons extends LitElement {
.addon { .addon {
text-align: center; text-align: center;
max-width: 100px; max-width: 100px;
padding: 8px; padding: 0 8px;
cursor: pointer; cursor: pointer;
} }
.icon > *:not(.overlay) { .icon > *:not(.overlay) {

8
hassio/src/dashboard/hassio-dashboard.ts
View File

@ -56,15 +56,13 @@ class HassioDashboard extends LitElement {
hassioStyle, hassioStyle,
css` css`
.content { .content {
margin: 4px; display: grid;
display: flex; max-width: 1400px;
max-width: 1500px;
justify-content: center; justify-content: center;
} }
.content > * { .content > * {
display: block; display: block;
min-width: 500px; min-width: 400px;
margin: 4px;
} }
`, `,
]; ];

13
hassio/src/dashboard/hassio-update.ts
View File

@ -68,10 +68,17 @@ export class HassioUpdate extends LitElement {
.header="${this.supervisor.localize( .header="${this.supervisor.localize(
"common.update_available", "common.update_available",
"count", "count",
updatesAvailable updatesAvailable + 1
)} )}
🎉" 🎉"
> >
${this._renderUpdateRow({
type: "os",
heading: "Home Assistant Operating system",
icon: mdiHomeAssistant,
version: "5",
version_latest: "6",
})}
${this.supervisor.addon.addons ${this.supervisor.addon.addons
.filter((addon) => addon.update_available) .filter((addon) => addon.update_available)
.map((addon) => .map((addon) =>
@ -79,6 +86,7 @@ export class HassioUpdate extends LitElement {
type: "addon", type: "addon",
heading: addon.name, heading: addon.name,
version: addon.version_latest, version: addon.version_latest,
version_latest: addon.version,
image: addon.icon image: addon.icon
? `/api/hassio/addons/${addon.slug}/icon` ? `/api/hassio/addons/${addon.slug}/icon`
: undefined, : undefined,
@ -123,6 +131,7 @@ export class HassioUpdate extends LitElement {
type: "supervisor" | "os" | "core" | "addon"; type: "supervisor" | "os" | "core" | "addon";
heading: string; heading: string;
version: string; version: string;
version_latest: string;
icon?: string; icon?: string;
image?: string; image?: string;
release_notes?: string; release_notes?: string;
@ -139,7 +148,7 @@ export class HassioUpdate extends LitElement {
</div> </div>
<paper-item-body two-line> <paper-item-body two-line>
${options.heading} ${options.heading}
<div secondary>Version ${options.version} is available</div> <div secondary>Version ${options.version_latest} is available</div>
</paper-item-body> </paper-item-body>
</paper-icon-item> </paper-icon-item>
<div class="update-row-actions" ?narrow=${false}> <div class="update-row-actions" ?narrow=${false}>