Updates telemetry dashboard UI (#18743)

* Update temeltry dashboard UI

* Uses headline prop/attr to set the header
* Uses a normal h3 rather than a h2 with H3 uui css class
* Updates the UUI slider to not show the value of 0,1,2 as not that useful to see when changing the slider

* Updates translation as it had a weirdly places br mid sentance
This commit is contained in:
Warren Buckley
2025-04-01 10:29:57 +01:00
committed by GitHub
parent 7fb9df9b19
commit e7a52de097
3 changed files with 6 additions and 8 deletions

View File

@@ -2603,7 +2603,7 @@ export default {
consentForAnalytics: 'Consent for telemetry data',
analyticsLevelSavedSuccess: 'Telemetry level saved!',
analyticsDescription:
'\n In order to improve Umbraco and add new functionality based on as relevant information as possible,\n <br>we would like to collect system- and usage information from your installation.\n <br>Aggregate data will be shared on a regular basis as well as learnings from these metrics.\n <br>Hopefully, you will help us collect some valuable data.\n <br>\n <br>We <strong>WILL NOT</strong> collect any personal data such as content, code, user information, and all data will be fully anonymized.\n ',
'In order to improve Umbraco and add new functionality based on as relevant information as possible, we would like to collect system- and usage information from your installation.\n<br>Aggregate data will be shared on a regular basis as well as learnings from these metrics.\n<br>Hopefully, you will help us collect some valuable data.\n<br>\n<br>We <strong>WILL NOT</strong> collect any personal data such as content, code, user information, and all data will be fully anonymized.',
minimalLevelDescription: 'We will only send an anonymized site ID to let us know that the site exists.',
basicLevelDescription: 'We will send an anonymized site ID, Umbraco version, and packages installed',
detailedLevelDescription:

View File

@@ -2703,7 +2703,7 @@ export default {
consentForAnalytics: 'Consent for telemetry data',
analyticsLevelSavedSuccess: 'Telemetry level saved!',
analyticsDescription:
'In order to improve Umbraco and add new functionality based on as relevant information as possible,\n<br>we would like to collect system- and usage information from your installation.\n<br>Aggregate data will be shared on a regular basis as well as learnings from these metrics.\n<br>Hopefully, you will help us collect some valuable data.\n<br>\n<br>We <strong>WILL NOT</strong> collect any personal data such as content, code, user information, and all data will be fully anonymized.',
'In order to improve Umbraco and add new functionality based on as relevant information as possible, we would like to collect system- and usage information from your installation.\n<br>Aggregate data will be shared on a regular basis as well as learnings from these metrics.\n<br>Hopefully, you will help us collect some valuable data.\n<br>\n<br>We <strong>WILL NOT</strong> collect any personal data such as content, code, user information, and all data will be fully anonymized.',
minimalLevelDescription: 'We will only send an anonymized site ID to let us know that the site exists.',
basicLevelDescription: 'We will send an anonymized site ID, Umbraco version, and packages installed',
detailedLevelDescription:

View File

@@ -92,18 +92,16 @@ export class UmbDashboardTelemetryElement extends UmbLitElement {
value=${this._selectedTelemetryIndex + 1}
min="1"
max=${this._telemetryLevels.length}
hide-step-values></uui-slider>
<h2 class="uui-h3">${this._selectedTelemetry.telemetryLevel}</h2>
hide-step-values
hide-value-label></uui-slider>
<h3>${this._selectedTelemetry.telemetryLevel}</h3>
<p>${unsafeHTML(this._selectedTelemetryDescription)}</p>
`;
}
override render() {
return html`
<uui-box class="uui-text">
<h1 class="uui-h2">
<umb-localize key="analytics_consentForAnalytics">Consent for telemetry data</umb-localize>
</h1>
<uui-box headline=${this.localize.term('analytics_consentForAnalytics')}>
<div style="max-width:75ch">
<umb-localize key="analytics_analyticsDescription"></umb-localize>
${this._renderSettingSlider()}