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

Add internal, legacy to IQS (#23040)

Browse Source
This commit is contained in:
Wendelin 2024-11-28 12:23:53 +01:00 committed by GitHub
parent a1be9d923e
commit 3120184d63
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 91 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/data/integration.ts
View File

@ -40,12 +40,13 @@ export interface IntegrationManifest {
loggers?: string[];
quality_scale?:
| "bronze"
| "gold"
| "internal"
| "platinum"
| "silver"
| "custom"
| "no_score";
| "gold"
| "platinum"
| "no_score"
| "internal"
| "legacy"
| "custom";
iot_class:
| "assumed_state"
| "cloud_polling"

39
src/data/integration_quality_scale.ts Normal file
View File

@ -0,0 +1,39 @@
import { mdiContentSave, mdiMedal, mdiTrophy } from "@mdi/js";
import { mdiHomeAssistant } from "../resources/home-assistant-logo-svg";
import type { LocalizeKeys } from "../common/translations/localize";
/**
* Map integration quality scale to icon and translation key.
*/
export const QUALITY_SCALE_MAP: Record<
string,
{ icon: string; translationKey: LocalizeKeys }
> = {
bronze: {
icon: mdiMedal,
translationKey: "ui.panel.config.integrations.config_entry.bronze_quality",
},
silver: {
icon: mdiMedal,
translationKey: "ui.panel.config.integrations.config_entry.silver_quality",
},
gold: {
icon: mdiMedal,
translationKey: "ui.panel.config.integrations.config_entry.gold_quality",
},
platinum: {
icon: mdiTrophy,
translationKey:
"ui.panel.config.integrations.config_entry.platinum_quality",
},
internal: {
icon: mdiHomeAssistant,
translationKey:
"ui.panel.config.integrations.config_entry.internal_integration",
},
legacy: {
icon: mdiContentSave,
translationKey:
"ui.panel.config.integrations.config_entry.legacy_integration",
},
};

75
src/panels/config/integrations/ha-config-integration-page.ts
View File

@ -13,7 +13,6 @@ import {
mdiDownload,
mdiFileCodeOutline,
mdiHandExtendedOutline,
mdiMedal,
mdiOpenInNew,
mdiPackageVariant,
mdiPlayCircleOutline,
@ -23,7 +22,6 @@ import {
mdiRenameBox,
mdiShapeOutline,
mdiStopCircleOutline,
mdiTrophy,
mdiWeb,
mdiWrench,
} from "@mdi/js";
@ -107,9 +105,7 @@ import { documentationUrl } from "../../../util/documentation-url";
import { fileDownload } from "../../../util/file_download";
import type { DataEntryFlowProgressExtended } from "./ha-config-integrations";
import { showAddIntegrationDialog } from "./show-add-integration-dialog";
type MedalColor = "gold" | "silver" | "bronze" | "platinum";
const MEDAL_COLORS = ["bronze", "silver", "gold", "platinum"];
import { QUALITY_SCALE_MAP } from "../../../data/integration_quality_scale";
export const renderConfigEntryError = (
hass: HomeAssistant,
@ -344,29 +340,30 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
? html`<div class="version">${this._manifest.version}</div>`
: nothing}
${this._manifest?.quality_scale &&
MEDAL_COLORS.includes(this._manifest.quality_scale)
Object.keys(QUALITY_SCALE_MAP).includes(
this._manifest.quality_scale
)
? html`
<div class="quality-scale integration-info">
<ha-svg-icon
class=${`${this._manifest.quality_scale}-medal`}
.path=${this._manifest.quality_scale === "platinum"
? mdiTrophy
: mdiMedal}
class=${`${this._manifest.quality_scale}-quality`}
.path=${QUALITY_SCALE_MAP[
this._manifest.quality_scale
].icon}
></ha-svg-icon>
<span>
<a
href=${documentationUrl(
this.hass,
`/docs/quality_scale/#-${this._manifest.quality_scale}`
)}
rel="noopener noreferrer"
target="_blank"
>
${this.hass.localize(
`ui.panel.config.integrations.config_entry.${this._manifest.quality_scale as MedalColor}_quality`
)}
</a>
</span>
<a
href=${documentationUrl(
this.hass,
`/docs/quality_scale/#-${this._manifest.quality_scale}`
)}
rel="noopener noreferrer"
target="_blank"
>
${this.hass.localize(
QUALITY_SCALE_MAP[this._manifest.quality_scale]
.translationKey
)}
</a>
</div>
`
: nothing}
@ -376,9 +373,18 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
class="warning"
path=${mdiPackageVariant}
></ha-svg-icon>
${this.hass.localize(
"ui.panel.config.integrations.config_entry.custom_integration"
)}
<a
href=${documentationUrl(
this.hass,
`/docs/quality_scale/#-custom`
)}
rel="noopener noreferrer"
target="_blank"
>
${this.hass.localize(
"ui.panel.config.integrations.config_entry.custom_integration"
)}
</a>
</div>`
: nothing}
${this._manifest?.iot_class?.startsWith("cloud_")
@ -1532,18 +1538,25 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
100%;
animation: shimmer 2.5s infinite;
}
ha-svg-icon.bronze-medal {
ha-svg-icon.bronze-quality {
color: #cd7f32;
}
ha-svg-icon.silver-medal {
ha-svg-icon.silver-quality {
color: silver;
}
ha-svg-icon.gold-medal {
ha-svg-icon.gold-quality {
color: gold;
}
ha-svg-icon.platinum-medal {
ha-svg-icon.platinum-quality {
color: #727272;
}
ha-svg-icon.internal-quality {
color: var(--primary-color);
}
ha-svg-icon.legacy-quality {
color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
animation: unset;
}
ha-md-list-item {
position: relative;
}

2
src/translations/en.json
View File

@ -4505,6 +4505,8 @@
}
},
"custom_integration": "Custom integration",
"internal_integration": "Internal integration",
"legacy_integration": "Legacy integration",
"custom_overwrites_core": "Custom integration that replaces a core component",
"depends_on_cloud": "Depends on Internet connection",
"yaml_only": "This integration cannot be setup from the UI",