diff --git a/packages/app-shell/README.md b/packages/app-shell/README.md index 7d8b8603a25bd442e0ff972348c4c3d6d169cb0a..634d1634d322fd33cdab62a615070e1975de6bd3 100644 --- a/packages/app-shell/README.md +++ b/packages/app-shell/README.md @@ -79,9 +79,16 @@ You will need to provide your own language selector and auth component. Example: `<app-shell><div slot="header">My custom header</div></app-shell>` +#### footer-links + +The content of this slot will override the whole content of the footer link section, for example to set custom links. + +Example: `<app-shell><div slot="footer-links"><a target="_blank" rel="noopener" class="int-link-external" href="https://my-webpage.com">Link text</a></div></app-shell>` + #### footer -The content of this slot will override the whole content of the footer, for example to set custom links. +The content of this slot will override the whole content of the footer, for example to set custom links +and also overwrite the `dbp-build-info` tag. Example: `<app-shell><div slot="footer"><a target="_blank" rel="noopener" class="int-link-external" href="https://my-webpage.com">Link text</a></div></app-shell>` diff --git a/packages/app-shell/src/app-shell.js b/packages/app-shell/src/app-shell.js index f9d44eb6fbef2680756faab1689be84468e7ff3a..133497480cc912f5b183a037bfa2d482a2240146 100644 --- a/packages/app-shell/src/app-shell.js +++ b/packages/app-shell/src/app-shell.js @@ -926,9 +926,11 @@ export class AppShell extends ScopedElementsMixin(AdapterLitElement) { <footer> <slot name="footer"> - <a target="_blank" rel="noopener" class="int-link-external" href="https://datenschutz.tugraz.at/erklaerung/">${i18n.t('privacy-policy')}</a> - <a target="_blank" rel="noopener" class="int-link-external" href="${imprintUrl}">${i18n.t('imprint')}</a> - <a rel="noopener" class="int-link-external" href="mailto:it-support@tugraz.at">${i18n.t('contact')}</a> + <slot name="footer-links"> + <a target="_blank" rel="noopener" class="int-link-external" href="https://datenschutz.tugraz.at/erklaerung/">${i18n.t('privacy-policy')}</a> + <a target="_blank" rel="noopener" class="int-link-external" href="${imprintUrl}">${i18n.t('imprint')}</a> + <a rel="noopener" class="int-link-external" href="mailto:it-support@tugraz.at">${i18n.t('contact')}</a> + </slot> <dbp-build-info class="${prodClassMap}" git-info="${this.gitInfo}" env="${this.env}" build-url="${this.buildUrl}" build-time="${this.buildTime}"></dbp-build-info> </slot> </footer>