julienmonnerie/public/assets/build/app.js

100 lines
12 KiB
JavaScript
Raw Normal View History

2022-07-18 19:15:03 +02:00
/******/ (function() { // webpackBootstrap
var __webpack_exports__ = {};
/*!*********************************!*\
!*** ./public/assets/js/app.js ***!
\*********************************/
// ----------------------------------------------------------------------------
// DATA
// ----------------------------------------------------------------------------
2022-08-01 16:59:46 +02:00
// IFRAME LOADING ANIMATIONS
const body = document.querySelector('body');
2022-07-22 17:53:26 +02:00
const sidebar = document.querySelector('.sidebar');
2022-07-28 18:59:14 +02:00
const sidebarNavLinks = document.querySelectorAll('.sidebar__nav-link--internal');
const logoIcon = document.querySelector('.logo__icon');
const exhibitionIframe = document.querySelector('.exhibition'); // ----------------------------------------------------------------------------
// LOGIC
2022-07-18 19:15:03 +02:00
// ----------------------------------------------------------------------------
2022-07-28 18:59:14 +02:00
// UTILS
// Enable CSS :active pseudo-class in Safari Mobile
function enableActivePseudoClass() {
document.addEventListener("touchstart", function () {}, false);
} // Convert rem to pixels by getting font-size CSS property
2022-07-22 17:53:26 +02:00
2022-07-18 19:15:03 +02:00
function convertRemToPixels(rem) {
let fontSize = parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size'));
return rem * fontSize;
2022-08-01 16:59:46 +02:00
} // IFRAME LOADING ANIMATIONS
2022-07-22 17:53:26 +02:00
2022-08-01 16:59:46 +02:00
function enableLogoIconRotation() {
if (logoIcon) {
logoIcon.classList.add('logo__icon--rotate-horizontal-bottom');
}
}
function disableLogoIconRotation() {
if (logoIcon) {
logoIcon.classList.remove('logo__icon--rotate-horizontal-bottom');
}
}
2022-07-22 17:53:26 +02:00
function slimDownSidebar() {
2022-07-28 18:59:14 +02:00
if (sidebar && !sidebar.classList.contains('sidebar--slimmed')) {
2022-07-22 17:53:26 +02:00
sidebar.classList.add('sidebar--slimmed');
}
}
2022-08-01 16:59:46 +02:00
function enableExhibitionIframeVisibility() {
if (exhibitionIframe) {
exhibitionIframe.classList.add('exhibition--visible');
2022-07-28 18:59:14 +02:00
}
}
2022-08-01 16:59:46 +02:00
function disableExhibitionIframeVisibility() {
if (exhibitionIframe) {
exhibitionIframe.classList.remove('exhibition--visible');
}
}
function editBackgroundColor(sidebarNavLink) {
if (body && sidebar) {
if (sidebarNavLink.getAttribute('data-background') === 'feldgrau') {
body.classList.remove('body--white-background');
sidebar.classList.remove('sidebar--white-background');
} else if (sidebarNavLink.getAttribute('data-background') === 'white') {
body.classList.add('body--white-background');
sidebar.classList.add('sidebar--white-background');
2022-07-28 18:59:14 +02:00
}
}
}
function loadExhibitionIframe() {
if (sidebarNavLinks.length > 0 && exhibitionIframe) {
2022-07-22 17:53:26 +02:00
for (let i = 0; i < sidebarNavLinks.length; i++) {
2022-07-28 18:59:14 +02:00
sidebarNavLinks[i].addEventListener('click', function (e) {
2022-08-01 16:59:46 +02:00
logoIcon.removeEventListener('animationiteration', disableLogoIconRotation);
2022-07-28 18:59:14 +02:00
enableLogoIconRotation();
2022-08-01 16:59:46 +02:00
disableExhibitionIframeVisibility();
2022-07-28 18:59:14 +02:00
exhibitionIframe.addEventListener('load', function (e) {
2022-08-01 16:59:46 +02:00
logoIcon.addEventListener('animationiteration', disableLogoIconRotation);
2022-07-28 18:59:14 +02:00
slimDownSidebar();
2022-08-01 16:59:46 +02:00
enableExhibitionIframeVisibility();
editBackgroundColor(sidebarNavLinks[i]);
2022-07-28 18:59:14 +02:00
});
});
2022-07-22 17:53:26 +02:00
}
}
} // ----------------------------------------------------------------------------
2022-07-18 19:15:03 +02:00
// PROGRAM
// ----------------------------------------------------------------------------
2022-07-28 18:59:14 +02:00
// UTILS
2022-07-18 19:15:03 +02:00
2022-08-01 16:59:46 +02:00
enableActivePseudoClass(); // IFRAME LOADING ANIMATIONS
2022-07-22 17:53:26 +02:00
2022-07-28 18:59:14 +02:00
loadExhibitionIframe();
2022-07-18 19:15:03 +02:00
/******/ })()
;
2022-08-01 16:59:46 +02:00
//# sourceMappingURL=data:application/json;charset=utf-8;base64,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QSxDQUFDLEdBQUczQixlQUFlLENBQUMwQixNQUFwQyxFQUE0Q0MsQ0FBQyxFQUE3QyxFQUFpRDtNQUNoRDNCLGVBQWUsQ0FBQzJCLENBQUQsQ0FBZixDQUFtQnRCLGdCQUFuQixDQUFvQyxPQUFwQyxFQUE2QyxVQUFTdUIsQ0FBVCxFQUFZO1FBQ3hEMUIsUUFBUSxDQUFDMkIsbUJBQVQsQ0FBNkIsb0JBQTdCLEVBQW1EYix1QkFBbkQ7UUFDQUgsc0JBQXNCO1FBQ3RCUSxpQ0FBaUM7UUFDakNsQixnQkFBZ0IsQ0FBQ0UsZ0JBQWpCLENBQWtDLE1BQWxDLEVBQTBDLFVBQVN1QixDQUFULEVBQVk7VUFDckQxQixRQUFRLENBQUNHLGdCQUFULENBQTBCLG9CQUExQixFQUFnRFcsdUJBQWhEO1VBQ0FFLGVBQWU7VUFDZkUsZ0NBQWdDO1VBQ2hDRSxtQkFBbUIsQ0FBQ3RCLGVBQWUsQ0FBQzJCLENBQUQsQ0FBaEIsQ0FBbkI7UUFDQSxDQUxEO01BTUEsQ0FWRDtJQVdBO0VBQ0Q7QUFDRCxFQUVEO0FBQ0E7QUFDQTtBQUVBOzs7QUFFQXZCLHVCQUF1QixJQUV2Qjs7QUFFQXFCLG9CQUFvQixHIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vcHVibGljL2Fzc2V0cy9qcy9hcHAuanMiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuLy8gREFUQVxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4vLyBJRlJBTUUgTE9BRElORyBBTklNQVRJT05TXG5cbmNvbnN0IGJvZHkgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCdib2R5Jyk7XG5jb25zdCBzaWRlYmFyID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignLnNpZGViYXInKTtcbmNvbnN0IHNpZGViYXJOYXZMaW5rcyA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5zaWRlYmFyX19uYXYtbGluay0taW50ZXJuYWwnKTtcbmNvbnN0IGxvZ29JY29uID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignLmxvZ29fX2ljb24nKTtcbmNvbnN0IGV4aGliaXRpb25JZnJhbWUgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcuZXhoaWJpdGlvbicpO1xuXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBMT0dJQ1xuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0