|
|
|
@ -33,6 +33,17 @@ function main() { |
|
|
|
|
const Rellax = require('rellax'); |
|
|
|
|
const createHistory = require('history').createBrowserHistory; |
|
|
|
|
|
|
|
|
|
const scrollToDetailedStatus = () => { |
|
|
|
|
const history = createHistory(); |
|
|
|
|
const detailedStatuses = document.querySelectorAll('.public-layout .detailed-status'); |
|
|
|
|
const location = history.location; |
|
|
|
|
|
|
|
|
|
if (detailedStatuses.length === 1 && (!location.state || !location.state.scrolledToDetailedStatus)) { |
|
|
|
|
detailedStatuses[0].scrollIntoView(); |
|
|
|
|
history.replace(location.pathname, { ...location.state, scrolledToDetailedStatus: true }); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
ready(() => { |
|
|
|
|
const locale = document.documentElement.lang; |
|
|
|
|
|
|
|
|
@ -76,8 +87,14 @@ function main() { |
|
|
|
|
|
|
|
|
|
ReactDOM.render(<MediaContainer locale={locale} components={reactComponents} />, content); |
|
|
|
|
document.body.appendChild(content); |
|
|
|
|
scrollToDetailedStatus(); |
|
|
|
|
}) |
|
|
|
|
.catch(error => console.error(error)); |
|
|
|
|
.catch(error => { |
|
|
|
|
console.error(error); |
|
|
|
|
scrollToDetailedStatus(); |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
scrollToDetailedStatus(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const parallaxComponents = document.querySelectorAll('.parallax'); |
|
|
|
@ -85,15 +102,6 @@ function main() { |
|
|
|
|
if (parallaxComponents.length > 0 ) { |
|
|
|
|
new Rellax('.parallax', { speed: -1 }); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const history = createHistory(); |
|
|
|
|
const detailedStatuses = document.querySelectorAll('.public-layout .detailed-status'); |
|
|
|
|
const location = history.location; |
|
|
|
|
|
|
|
|
|
if (detailedStatuses.length === 1 && (!location.state || !location.state.scrolledToDetailedStatus)) { |
|
|
|
|
detailedStatuses[0].scrollIntoView(); |
|
|
|
|
history.replace(location.pathname, { ...location.state, scrolledToDetailedStatus: true }); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
delegate(document, '.webapp-btn', 'click', ({ target, button }) => { |
|
|
|
|