jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-26 18:56:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Corrects add-on link (#4634)

Browse Source 
* Fixes the addon url

* quote it

* Don't link the extra space

* puerly for testing

* Don't link the extra space
This commit is contained in:
Joakim Sørensen 2020-01-28 20:39:42 +01:00 committed by Paulus Schoutsen
parent 1cb10694e7
commit 6e624b394b
1 changed files with 231 additions and 272 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -97,8 +97,7 @@ class HassioAddonInfo extends LitElement {
protected render(): TemplateResult { protected render(): TemplateResult {
return html` return html`
${ ${this._computeUpdateAvailable
this._computeUpdateAvailable
? html` ? html`
<paper-card heading="Update available! 🎉"> <paper-card heading="Update available! 🎉">
<div class="card-content"> <div class="card-content">
@ -137,11 +136,8 @@ class HassioAddonInfo extends LitElement {
</div> </div>
</paper-card> </paper-card>
` `
: "" : ""}
} ${!this.addon.protected
${
!this.addon.protected
? html` ? html`
<paper-card heading="Warning: Protection mode is disabled!" class="warning"> <paper-card heading="Warning: Protection mode is disabled!" class="warning">
<div class="card-content"> <div class="card-content">
@ -153,16 +149,14 @@ class HassioAddonInfo extends LitElement {
</div> </div>
</paper-card> </paper-card>
` `
: "" : ""}
}
<paper-card> <paper-card>
<div class="card-content"> <div class="card-content">
<div class="addon-header"> <div class="addon-header">
${this.addon.name} ${this.addon.name}
<div class="addon-version light-color"> <div class="addon-version light-color">
${ ${this.addon.version
this.addon.version
? html` ? html`
${this.addon.version} ${this.addon.version}
${this._computeIsRunning ${this._computeIsRunning
@ -183,25 +177,24 @@ class HassioAddonInfo extends LitElement {
` `
: html` : html`
${this.addon.last_version} ${this.addon.last_version}
` `}
}
</div> </div>
</div> </div>
<div class="description light-color"> <div class="description light-color">
${this.addon.description}.<br /> ${this.addon.description}.<br />
Visit <a href=${this.addon.url}" target="_blank"> Visit
${this.addon.name} page <a href="${this.addon.url}" target="_blank">
</a> for details. ${this.addon.name} page</a
>
for details.
</div> </div>
${ ${this.addon.logo
this.addon.logo
? html` ? html`
<a href="${this.addon.url}" target="_blank" class="logo"> <a href="${this.addon.url}" target="_blank" class="logo">
<img src="/api/hassio/addons/${this.addon.slug}/logo" /> <img src="/api/hassio/addons/${this.addon.slug}/logo" />
</a> </a>
` `
: "" : ""}
}
<div class="security"> <div class="security">
<ha-label-badge <ha-label-badge
class=${classMap({ class=${classMap({
@ -215,8 +208,7 @@ class HassioAddonInfo extends LitElement {
label="rating" label="rating"
description="" description=""
></ha-label-badge> ></ha-label-badge>
${ ${this.addon.host_network
this.addon.host_network
? html` ? html`
<ha-label-badge <ha-label-badge
@click=${this._showMoreInfo} @click=${this._showMoreInfo}
@ -226,11 +218,8 @@ class HassioAddonInfo extends LitElement {
description="" description=""
></ha-label-badge> ></ha-label-badge>
` `
: "" : ""}
} ${this.addon.full_access
${
this.addon.full_access
? html` ? html`
<ha-label-badge <ha-label-badge
@click=${this._showMoreInfo} @click=${this._showMoreInfo}
@ -240,11 +229,8 @@ class HassioAddonInfo extends LitElement {
description="" description=""
></ha-label-badge> ></ha-label-badge>
` `
: "" : ""}
} ${this.addon.homeassistant_api
${
this.addon.homeassistant_api
? html` ? html`
<ha-label-badge <ha-label-badge
@click=${this._showMoreInfo} @click=${this._showMoreInfo}
@ -254,11 +240,8 @@ class HassioAddonInfo extends LitElement {
description="" description=""
></ha-label-badge> ></ha-label-badge>
` `
: "" : ""}
} ${this._computeHassioApi
${
this._computeHassioApi
? html` ? html`
<ha-label-badge <ha-label-badge
@click=${this._showMoreInfo} @click=${this._showMoreInfo}
@ -268,11 +251,8 @@ class HassioAddonInfo extends LitElement {
.description=${this.addon.hassio_role} .description=${this.addon.hassio_role}
></ha-label-badge> ></ha-label-badge>
` `
: "" : ""}
} ${this.addon.docker_api
${
this.addon.docker_api
? html` ? html`
<ha-label-badge <ha-label-badge
@click=${this._showMoreInfo} @click=${this._showMoreInfo}
@ -282,11 +262,8 @@ class HassioAddonInfo extends LitElement {
description="" description=""
></ha-label-badge> ></ha-label-badge>
` `
: "" : ""}
} ${this.addon.host_pid
${
this.addon.host_pid
? html` ? html`
<ha-label-badge <ha-label-badge
@click=${this._showMoreInfo} @click=${this._showMoreInfo}
@ -296,11 +273,8 @@ class HassioAddonInfo extends LitElement {
description="" description=""
></ha-label-badge> ></ha-label-badge>
` `
: "" : ""}
} ${this.addon.apparmor
${
this.addon.apparmor
? html` ? html`
<ha-label-badge <ha-label-badge
@click=${this._showMoreInfo} @click=${this._showMoreInfo}
@ -311,11 +285,8 @@ class HassioAddonInfo extends LitElement {
description="" description=""
></ha-label-badge> ></ha-label-badge>
` `
: "" : ""}
} ${this.addon.auth_api
${
this.addon.auth_api
? html` ? html`
<ha-label-badge <ha-label-badge
@click=${this._showMoreInfo} @click=${this._showMoreInfo}
@ -325,11 +296,8 @@ class HassioAddonInfo extends LitElement {
description="" description=""
></ha-label-badge> ></ha-label-badge>
` `
: "" : ""}
} ${this.addon.ingress
${
this.addon.ingress
? html` ? html`
<ha-label-badge <ha-label-badge
@click=${this._showMoreInfo} @click=${this._showMoreInfo}
@ -339,12 +307,10 @@ class HassioAddonInfo extends LitElement {
description="" description=""
></ha-label-badge> ></ha-label-badge>
` `
: "" : ""}
}
</div> </div>
${ ${this.addon.version
this.addon.version
? html` ? html`
<div class="state"> <div class="state">
<div>Start on boot</div> <div>Start on boot</div>
@ -400,19 +366,15 @@ class HassioAddonInfo extends LitElement {
` `
: ""} : ""}
` `
: "" : ""}
} ${this._error
${
this._error
? html` ? html`
<div class="errors">${this._error}</div> <div class="errors">${this._error}</div>
` `
: "" : ""}
}
</div> </div>
<div class="card-actions"> <div class="card-actions">
${ ${this.addon.version
this.addon.version
? html` ? html`
<mwc-button class="warning" @click=${this._uninstallClicked}> <mwc-button class="warning" @click=${this._uninstallClicked}>
Uninstall Uninstall
@ -490,13 +452,11 @@ class HassioAddonInfo extends LitElement {
> >
Install Install
</mwc-button> </mwc-button>
` `}
}
</div> </div>
</paper-card> </paper-card>
${ ${this.addon.long_description
this.addon.long_description
? html` ? html`
<paper-card> <paper-card>
<div class="card-content"> <div class="card-content">
@ -506,8 +466,7 @@ class HassioAddonInfo extends LitElement {
</div> </div>
</paper-card> </paper-card>
` `
: "" : ""}
}
`; `;
} }