Add migration note to top (fixes #382)
This commit is contained in:
Michael Kohler
Родитель
cd8e2ad16e
Коммит
e32d965a4d
|
|
@ -1,3 +1,7 @@
|
|||
.warning-top {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
min-height: 75px;
|
||||
background-color: var(--dark-blue-grey-color);
|
||||
|
|
@ -7,7 +11,6 @@
|
|||
position: absolute;
|
||||
width:100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
img.logo {
|
||||
|
|
|
|||
|
|
@ -20,99 +20,109 @@ class Header extends Component {
|
|||
const currentLocale = this.props.currentLocales[0];
|
||||
|
||||
return (
|
||||
<Navbar
|
||||
className="header js-header is-closed"
|
||||
collapseOnSelect
|
||||
onToggle={
|
||||
(event) => {
|
||||
document.getElementsByClassName('js-header')[0].classList.toggle('is-closed');
|
||||
document.getElementsByClassName('js-header')[0].classList.toggle('is-open');
|
||||
<>
|
||||
<section className="warning-top">
|
||||
<p>
|
||||
<strong>Attention:</strong> All of the activities and campaigns from Activate will be migrating
|
||||
to the new Community Portal in March 2020. Starting in April this URL will redirect
|
||||
you to <a href="https://community.mozilla.org/">community.mozilla.org</a>. If you
|
||||
have any questions checkout the <a href="https://discourse.mozilla.org/t/frequently-asked-questions-portal-edition-faq/43224">FAQ</a>.
|
||||
</p>
|
||||
</section>
|
||||
<Navbar
|
||||
className="header js-header is-closed"
|
||||
collapseOnSelect
|
||||
onToggle={
|
||||
(event) => {
|
||||
document.getElementsByClassName('js-header')[0].classList.toggle('is-closed');
|
||||
document.getElementsByClassName('js-header')[0].classList.toggle('is-open');
|
||||
}
|
||||
}
|
||||
}
|
||||
>
|
||||
<Navbar.Header className="header_logo">
|
||||
<Navbar.Brand>
|
||||
<Link to={`/${currentLocale}`} title="Mozilla Activate">
|
||||
<img src="/logo.svg" alt="Mozilla Activate logo" className="logo" />
|
||||
</Link>
|
||||
</Navbar.Brand>
|
||||
<Navbar.Toggle data-toggle="collapse" data-target=".header_logo" />
|
||||
</Navbar.Header>
|
||||
<Navbar.Collapse className="header__menu" >
|
||||
<Navbar.Form className="language-selector" pullRight id="lang_form">
|
||||
<FormGroup controlId="language-select">
|
||||
<div className="header__select">
|
||||
>
|
||||
<Navbar.Header className="header_logo">
|
||||
<Navbar.Brand>
|
||||
<Link to={`/${currentLocale}`} title="Mozilla Activate">
|
||||
<img src="/logo.svg" alt="Mozilla Activate logo" className="logo" />
|
||||
</Link>
|
||||
</Navbar.Brand>
|
||||
<Navbar.Toggle data-toggle="collapse" data-target=".header_logo" />
|
||||
</Navbar.Header>
|
||||
<Navbar.Collapse className="header__menu" >
|
||||
<Navbar.Form className="language-selector" pullRight id="lang_form">
|
||||
<FormGroup controlId="language-select">
|
||||
<div className="header__select">
|
||||
|
||||
<ControlLabel className='element-invisible'>
|
||||
<Localized id="nav-select-language"></Localized>
|
||||
</ControlLabel>
|
||||
<FormControl
|
||||
componentClass="select"
|
||||
placeholder={currentLocales[0]}
|
||||
onChange={(event) => changeLocalesWithURL(currentLocales[0], [event.target.value])}
|
||||
name="lang"
|
||||
defaultValue={currentLocales[0]}
|
||||
id="language-select"
|
||||
>
|
||||
{
|
||||
availableLocales.map((locale) => {
|
||||
return (
|
||||
<option key={locale} value={locale}>{locale}</option>
|
||||
);
|
||||
})
|
||||
}
|
||||
</FormControl>
|
||||
<div className="header__select-arrow"></div>
|
||||
</div>
|
||||
</FormGroup>
|
||||
</Navbar.Form>
|
||||
<Nav pullRight>
|
||||
<LinkContainer exact className="page-link" to={`/${currentLocale}/campaigns`} activeClassName={'is-active'}
|
||||
>
|
||||
<NavItem>
|
||||
<Localized id="nav-campaigns">
|
||||
<span></span>
|
||||
</Localized>
|
||||
</NavItem>
|
||||
</LinkContainer>
|
||||
<LinkContainer exact className="page-link" to={`/${currentLocale}/activities`} activeClassName={'is-active'}>
|
||||
<NavItem>
|
||||
<Localized id="nav-activities">
|
||||
<span></span>
|
||||
</Localized>
|
||||
</NavItem>
|
||||
</LinkContainer>
|
||||
<li className="page-link">
|
||||
<a href="https://community.mozilla.org/events/">
|
||||
<Localized id="nav-events">
|
||||
<span></span>
|
||||
</Localized>
|
||||
</a>
|
||||
</li>
|
||||
<li className="page-link">
|
||||
<a href="https://community.mozilla.org/groups/">
|
||||
<Localized id="nav-groups">
|
||||
<span></span>
|
||||
</Localized>
|
||||
</a>
|
||||
</li>
|
||||
<li className="page-link">
|
||||
<a href="https://community.mozilla.org/people/">
|
||||
<Localized id="nav-people">
|
||||
<span></span>
|
||||
</Localized>
|
||||
</a>
|
||||
</li>
|
||||
<LinkContainer exact className="page-link" to={`/${currentLocale}/faq`} activeClassName={'is-active'}>
|
||||
<NavItem>
|
||||
<Localized id="nav-faq">
|
||||
<span></span>
|
||||
</Localized>
|
||||
</NavItem>
|
||||
</LinkContainer>
|
||||
</Nav>
|
||||
</Navbar.Collapse>
|
||||
</Navbar>
|
||||
<ControlLabel className='element-invisible'>
|
||||
<Localized id="nav-select-language"></Localized>
|
||||
</ControlLabel>
|
||||
<FormControl
|
||||
componentClass="select"
|
||||
placeholder={currentLocales[0]}
|
||||
onChange={(event) => changeLocalesWithURL(currentLocales[0], [event.target.value])}
|
||||
name="lang"
|
||||
defaultValue={currentLocales[0]}
|
||||
id="language-select"
|
||||
>
|
||||
{
|
||||
availableLocales.map((locale) => {
|
||||
return (
|
||||
<option key={locale} value={locale}>{locale}</option>
|
||||
);
|
||||
})
|
||||
}
|
||||
</FormControl>
|
||||
<div className="header__select-arrow"></div>
|
||||
</div>
|
||||
</FormGroup>
|
||||
</Navbar.Form>
|
||||
<Nav pullRight>
|
||||
<LinkContainer exact className="page-link" to={`/${currentLocale}/campaigns`} activeClassName={'is-active'}
|
||||
>
|
||||
<NavItem>
|
||||
<Localized id="nav-campaigns">
|
||||
<span></span>
|
||||
</Localized>
|
||||
</NavItem>
|
||||
</LinkContainer>
|
||||
<LinkContainer exact className="page-link" to={`/${currentLocale}/activities`} activeClassName={'is-active'}>
|
||||
<NavItem>
|
||||
<Localized id="nav-activities">
|
||||
<span></span>
|
||||
</Localized>
|
||||
</NavItem>
|
||||
</LinkContainer>
|
||||
<li className="page-link">
|
||||
<a href="https://community.mozilla.org/events/">
|
||||
<Localized id="nav-events">
|
||||
<span></span>
|
||||
</Localized>
|
||||
</a>
|
||||
</li>
|
||||
<li className="page-link">
|
||||
<a href="https://community.mozilla.org/groups/">
|
||||
<Localized id="nav-groups">
|
||||
<span></span>
|
||||
</Localized>
|
||||
</a>
|
||||
</li>
|
||||
<li className="page-link">
|
||||
<a href="https://community.mozilla.org/people/">
|
||||
<Localized id="nav-people">
|
||||
<span></span>
|
||||
</Localized>
|
||||
</a>
|
||||
</li>
|
||||
<LinkContainer exact className="page-link" to={`/${currentLocale}/faq`} activeClassName={'is-active'}>
|
||||
<NavItem>
|
||||
<Localized id="nav-faq">
|
||||
<span></span>
|
||||
</Localized>
|
||||
</NavItem>
|
||||
</LinkContainer>
|
||||
</Nav>
|
||||
</Navbar.Collapse>
|
||||
</Navbar>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче