Commit d05c82e8 authored by Sandro Lutz's avatar Sandro Lutz Committed by Sandro Lutz
Browse files

Add bug report link to footer

parent 1c4f4203
......@@ -283,4 +283,10 @@ export default {
shownLanguage: 'Zeige Text in {{shown_language}}.',
loadingPage: 'Die gewünschte Seite konnte nicht geladen werden.',
},
// Footer
footer: {
issueSpotted: 'Hast du ein Problem festgestellt?',
issueReport: 'Melde einen Fehler',
},
};
......@@ -283,4 +283,10 @@ export default {
shownLanguage: 'Showing text in {{shown_language}}.',
loadingPage: 'Could not load the requested page.',
},
// Footer
footer: {
issueSpotted: 'Did you encounter a problem?',
issueReport: 'Report a bug',
},
};
......@@ -44,10 +44,11 @@ html,body {
width: 100%;
min-height: 100%;
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-rows: auto 1fr auto auto;
grid-template-areas:
'header'
'content'
'report'
'footer';
}
}
......
@import './colors.less';
.report-issue {
background-color: @color-grey;
text-align: center;
padding: 1em;
a {
color: @color-red;
text-decoration: none;
margin-left: .5em;
}
}
footer {
background-color: @color-dark-blue;
color: @color-grey;
......
......@@ -35,53 +35,82 @@ export default class Footer {
}
view() {
return m(
'footer',
m('div', [
m('div.copyright', [
m('span', `© 1893 - ${new Date().getFullYear()} AMIV an der ETH`),
m(
'a',
{
href: `/${currentLanguage()}/legal-notice`,
onupdate: m.route.link,
},
`${i18n('contact')} / ${i18n('legalNotice.title')}`
),
]),
return [
m('div.report-issue', [
m('span', i18n('footer.issueSpotted')),
m(
'div.social-media-logos',
m(
'a',
{ href: `https://www.facebook.com/AMIV.ETHZ/` },
m(Icon, { size: 'medium', svg: { content: m.trust(icons.facebook) }, alt: 'Facebook' })
),
m(
'a',
{ href: `https://www.instagram.com/amiv_eth/` },
'a',
{
href: 'https://gitlab.ethz.ch/amiv/amiv-website/issues/new?issuable_template=bug',
target: '_blank',
},
[
i18n('footer.issueReport'),
m(Icon, {
size: 'medium',
svg: { content: m.trust(icons.instagram) },
alt: 'Instagram',
})
),
m(
'a',
{ href: `https://twitter.com/amiv_ethz` },
m(Icon, { size: 'medium', svg: { content: m.trust(icons.twitter) }, alt: 'Twitter' })
)
class: 'external-link',
svg: { content: m.trust(icons.link) },
size: 'small',
alt: i18n('externalLink'),
}),
]
),
m('div.institution-logos', [
m('a', { href: `https://www.ethz.ch/` }, m('img', { src: logos.eth, alt: 'ETH Zürich' })),
]),
m(
'footer',
m('div', [
m('div.copyright', [
m('span', `© 1893 - ${new Date().getFullYear()} AMIV an der ETH`),
m(
'a',
{
href: `/${currentLanguage()}/legal-notice`,
onupdate: m.route.link,
},
`${i18n('contact')} / ${i18n('legalNotice.title')}`
),
]),
m(
'div',
{
onclick: () => this.handleClick(),
},
renderVseth(this.coord)
'div.social-media-logos',
m(
'a',
{ href: `https://www.facebook.com/AMIV.ETHZ/` },
m(Icon, {
size: 'medium',
svg: { content: m.trust(icons.facebook) },
alt: 'Facebook',
})
),
m(
'a',
{ href: `https://www.instagram.com/amiv_eth/` },
m(Icon, {
size: 'medium',
svg: { content: m.trust(icons.instagram) },
alt: 'Instagram',
})
),
m(
'a',
{ href: `https://twitter.com/amiv_ethz` },
m(Icon, { size: 'medium', svg: { content: m.trust(icons.twitter) }, alt: 'Twitter' })
)
),
]),
])
);
m('div.institution-logos', [
m(
'a',
{ href: `https://www.ethz.ch/` },
m('img', { src: logos.eth, alt: 'ETH Zürich' })
),
m(
'div',
{
onclick: () => this.handleClick(),
},
renderVseth(this.coord)
),
]),
])
),
];
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment