From ecfa136ab24bccb1c218d9bf3908fb68fc56e60c Mon Sep 17 00:00:00 2001
From: Helene Amouzou <helene.amouzou@clever-cloud.com>
Date: Tue, 15 Oct 2024 16:07:30 +0200
Subject: [PATCH] feat(cc-elasticsearch-info): move doc link into `cc-block`
footer slot
---
.../cc-elasticsearch-info.js | 15 +++++++--------
src/translations/translations.en.js | 2 +-
src/translations/translations.fr.js | 2 +-
3 files changed, 9 insertions(+), 10 deletions(-)
diff --git a/src/components/cc-elasticsearch-info/cc-elasticsearch-info.js b/src/components/cc-elasticsearch-info/cc-elasticsearch-info.js
index 62b754bdb..06a7b61c6 100644
--- a/src/components/cc-elasticsearch-info/cc-elasticsearch-info.js
+++ b/src/components/cc-elasticsearch-info/cc-elasticsearch-info.js
@@ -101,18 +101,17 @@ export class CcElasticsearchInfo extends LitElement {
}
return html`
- <cc-block ribbon=${i18n('cc-elasticsearch-info.info')} no-head>
- <div class="info-text">${i18n('cc-elasticsearch-info.text')}</div>
+ <cc-block>
+ <div slot="ribbon">${i18n('cc-elasticsearch-info.info')}</div>
+ <div slot="content" class="info-text">${i18n('cc-elasticsearch-info.text')}</div>
- <div class="link-list">
+ <div slot="content" class="link-list">${this._renderLinks(this.state.links, skeleton)}</div>
+
+ <div slot="footer-right">
${ccLink(
ELASTICSEARCH_DOCUMENTATION,
- html`
- <cc-icon size="lg" .icon=${iconInfo}></cc-icon>
- <span>${i18n('cc-elasticsearch-info.link.doc')}</span>
- `,
+ html`<cc-icon .icon="${iconInfo}"></cc-icon> ${i18n('cc-elasticsearch-info.documentation.text')}`,
)}
- ${this._renderLinks(this.state.links, skeleton)}
</div>
</cc-block>
`;
diff --git a/src/translations/translations.en.js b/src/translations/translations.en.js
index 4bfdb73f0..0d84cb726 100644
--- a/src/translations/translations.en.js
+++ b/src/translations/translations.en.js
@@ -334,10 +334,10 @@ export const translations = {
'cc-domain-management.tls.certificates.documentation.text': `TLS certificates - Documentation`,
//#endregion
//#region cc-elasticsearch-info
+ 'cc-elasticsearch-info.documentation.text': `Elasticsearch - Documentation`,
'cc-elasticsearch-info.error': `Something went wrong while loading add-ons linked to this application.`,
'cc-elasticsearch-info.info': `Info`,
'cc-elasticsearch-info.link.apm': `Open APM`,
- 'cc-elasticsearch-info.link.doc': `Read the documentation`,
'cc-elasticsearch-info.link.elasticsearch': `Check out the Elasticsearch add-on`,
'cc-elasticsearch-info.link.kibana': `Open Kibana`,
'cc-elasticsearch-info.text': `This add-on is part of the Elastic Stack offer. You can find the documentation and linked services right below.`,
diff --git a/src/translations/translations.fr.js b/src/translations/translations.fr.js
index 4d82fd50b..a7d6c1a19 100644
--- a/src/translations/translations.fr.js
+++ b/src/translations/translations.fr.js
@@ -344,10 +344,10 @@ export const translations = {
'cc-domain-management.tls.certificates.documentation.text': `Certificats TLS - Documentation`,
//#endregion
//#region cc-elasticsearch-info
+ 'cc-elasticsearch-info.documentation.text': `Elasticsearch - Documentation`,
'cc-elasticsearch-info.error': `Une erreur est survenue pendant le chargement des liens des add-on liés à cette application.`,
'cc-elasticsearch-info.info': `Info`,
'cc-elasticsearch-info.link.apm': `Ouvrir APM`,
- 'cc-elasticsearch-info.link.doc': `Lire la documentation`,
'cc-elasticsearch-info.link.elasticsearch': `Voir l'add-on Elasticsearch`,
'cc-elasticsearch-info.link.kibana': `Ouvrir Kibana`,
'cc-elasticsearch-info.text': `Cet add-on fait partie de l'offre Suite Elastic. Vous pouvez retrouver la documentation ainsi que les différents services liés ci-dessous.`,