Skip to content
Snippets Groups Projects
Unverified Commit 912c244b authored by Bekerle, Patrizio's avatar Bekerle, Patrizio :fire:
Browse files

Add footer-links slot to app shell

parent 42f90cac
No related branches found
No related tags found
No related merge requests found
Pipeline #44875 passed
...@@ -79,9 +79,16 @@ You will need to provide your own language selector and auth component. ...@@ -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>` 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 #### 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>` 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>`
......
...@@ -926,9 +926,11 @@ export class AppShell extends ScopedElementsMixin(AdapterLitElement) { ...@@ -926,9 +926,11 @@ export class AppShell extends ScopedElementsMixin(AdapterLitElement) {
<footer> <footer>
<slot name="footer"> <slot name="footer">
<a target="_blank" rel="noopener" class="int-link-external" href="https://datenschutz.tugraz.at/erklaerung/">${i18n.t('privacy-policy')}</a> <slot name="footer-links">
<a target="_blank" rel="noopener" class="int-link-external" href="${imprintUrl}">${i18n.t('imprint')}</a> <a target="_blank" rel="noopener" class="int-link-external" href="https://datenschutz.tugraz.at/erklaerung/">${i18n.t('privacy-policy')}</a>
<a rel="noopener" class="int-link-external" href="mailto:it-support@tugraz.at">${i18n.t('contact')}</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> <dbp-build-info class="${prodClassMap}" git-info="${this.gitInfo}" env="${this.env}" build-url="${this.buildUrl}" build-time="${this.buildTime}"></dbp-build-info>
</slot> </slot>
</footer> </footer>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment