123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698 |
- import mediumZoom from './_vendor/medium-zoom.esm';
- import {hugoEnvironment, codeHighlighting, searchEnabled} from '@params';
- import {scrollParentToChild} from './wowchemy-utils';
- import {
- changeThemeModeClick,
- initThemeVariation,
- renderThemeVariation,
- onMediaQueryListEvent,
- } from './wowchemy-theming';
- console.debug(`Environment: ${hugoEnvironment}`);
- function getNavBarHeight() {
- let navbar = document.getElementById('navbar-main');
- let navbarHeight = (navbar) ? navbar.getBoundingClientRect().height : 0;
- console.debug('Navbar height: ' + navbarHeight);
- return navbarHeight;
- }
- function scrollToAnchor(target, duration = 0) {
-
-
- target =
- typeof target === 'undefined' || typeof target === 'object' ? decodeURIComponent(window.location.hash) : target;
-
- if ($(target).length) {
-
- target = '#' + $.escapeSelector(target.substring(1));
- let elementOffset = Math.ceil($(target).offset().top - getNavBarHeight());
- $('body').addClass('scrolling');
- $('html, body').animate(
- {
- scrollTop: elementOffset,
- },
- duration,
- function () {
- $('body').removeClass('scrolling');
- },
- );
- } else {
- console.debug('Cannot scroll to target `#' + target + '`. ID not found!');
- }
- }
- function fixScrollspy() {
- let $body = $('body');
- let data = $body.data('bs.scrollspy');
- if (data) {
- data._config.offset = getNavBarHeight();
- $body.data('bs.scrollspy', data);
- $body.scrollspy('refresh');
- }
- }
- function removeQueryParamsFromUrl() {
- if (window.history.replaceState) {
- let urlWithoutSearchParams =
- window.location.protocol + '//' + window.location.host + window.location.pathname + window.location.hash;
- window.history.replaceState({path: urlWithoutSearchParams}, '', urlWithoutSearchParams);
- }
- }
- window.addEventListener('hashchange', scrollToAnchor);
- $('#navbar-main li.nav-item a.nav-link, .js-scroll').on('click', function (event) {
-
- let hash = this.hash;
-
- if (this.pathname === window.location.pathname && hash && $(hash).length && $('.js-widget-page').length > 0) {
-
- event.preventDefault();
-
-
- let elementOffset = Math.ceil($(hash).offset().top - getNavBarHeight());
-
-
-
-
- $('html, body').animate(
- {
- scrollTop: elementOffset,
- },
- 800,
- );
- }
- });
- $(document).on('click', '.navbar-collapse.show', function (e) {
-
- let targetElement = $(e.target).is('a') ? $(e.target) : $(e.target).parent();
- if (targetElement.is('a') && targetElement.attr('class') != 'dropdown-toggle') {
- $(this).collapse('hide');
- }
- });
- let pubFilters = {};
- let searchRegex;
- let filterValues;
- let $grid_pubs = $('#container-publications');
- if ($grid_pubs.length) {
- $grid_pubs.isotope({
- itemSelector: '.isotope-item',
- percentPosition: true,
- masonry: {
-
- columnWidth: '.grid-sizer',
- },
- filter: function () {
- let $this = $(this);
- let searchResults = searchRegex ? $this.text().match(searchRegex) : true;
- let filterResults = filterValues ? $this.is(filterValues) : true;
- return searchResults && filterResults;
- },
- });
-
- let $quickSearch = $('.filter-search').keyup(
- debounce(function () {
- searchRegex = new RegExp($quickSearch.val(), 'gi');
- $grid_pubs.isotope();
- }),
- );
- $('.pub-filters').on('change', function () {
- let $this = $(this);
-
- let filterGroup = $this[0].getAttribute('data-filter-group');
-
- pubFilters[filterGroup] = this.value;
-
- filterValues = concatValues(pubFilters);
-
- $grid_pubs.isotope();
-
- if (filterGroup === 'pubtype') {
-
- let url = $(this).val();
- if (url.substr(0, 9) === '.pubtype-') {
- window.location.hash = url.substr(9);
- } else {
- window.location.hash = '';
- }
- }
- });
- }
- function debounce(fn, threshold) {
- let timeout;
- threshold = threshold || 100;
- return function debounced() {
- clearTimeout(timeout);
- let args = arguments;
- let _this = this;
- function delayed() {
- fn.apply(_this, args);
- }
- timeout = setTimeout(delayed, threshold);
- };
- }
- function concatValues(obj) {
- let value = '';
- for (let prop in obj) {
- value += obj[prop];
- }
- return value;
- }
- function filter_publications() {
-
- if (!$grid_pubs.length) return;
- let urlHash = window.location.hash.replace('#', '');
- let filterValue = '*';
-
- if (urlHash != '' && !isNaN(urlHash)) {
- filterValue = '.pubtype-' + urlHash;
- }
-
- let filterGroup = 'pubtype';
- pubFilters[filterGroup] = filterValue;
- filterValues = concatValues(pubFilters);
-
- $grid_pubs.isotope();
-
- $('.pubtype-select').val(filterValue);
- }
- function initMap() {
- if ($('#map').length) {
- let map_provider = $('#map-provider').val();
- let lat = $('#map-lat').val();
- let lng = $('#map-lng').val();
- let zoom = parseInt($('#map-zoom').val());
- let address = $('#map-dir').val();
- let api_key = $('#map-api-key').val();
- if (map_provider === 'google') {
- let map = new GMaps({
- div: '#map',
- lat: lat,
- lng: lng,
- zoom: zoom,
- zoomControl: true,
- zoomControlOpt: {
- style: 'SMALL',
- position: 'TOP_LEFT',
- },
- streetViewControl: false,
- mapTypeControl: false,
- gestureHandling: 'cooperative',
- });
- map.addMarker({
- lat: lat,
- lng: lng,
- click: function () {
- let url = 'https://www.google.com/maps/place/' + encodeURIComponent(address) + '/@' + lat + ',' + lng + '/';
- window.open(url, '_blank');
- },
- title: address,
- });
- } else {
- let map = new L.map('map').setView([lat, lng], zoom);
- if (map_provider === 'mapbox' && api_key.length) {
- L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
- attribution:
- 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
- tileSize: 512,
- maxZoom: 18,
- zoomOffset: -1,
- id: 'mapbox/streets-v11',
- accessToken: api_key,
- }).addTo(map);
- } else {
- L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
- maxZoom: 19,
- attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
- }).addTo(map);
- }
- let marker = L.marker([lat, lng]).addTo(map);
- let url = lat + ',' + lng + '#map=' + zoom + '/' + lat + '/' + lng + '&layers=N';
- marker.bindPopup(
- address +
- '<p><a href="https://www.openstreetmap.org/directions?engine=osrm_car&route=' +
- url +
- '">Routing via OpenStreetMap</a></p>',
- );
- }
- }
- }
- function printLatestRelease(selector, repo) {
- if (hugoEnvironment === 'production') {
- $.getJSON('https://api.github.com/repos/' + repo + '/tags')
- .done(function (json) {
- let release = json[0];
- $(selector).append(' ' + release.name);
- })
- .fail(function (jqxhr, textStatus, error) {
- let err = textStatus + ', ' + error;
- console.log('Request Failed: ' + err);
- });
- }
- }
- function toggleSearchDialog() {
- if ($('body').hasClass('searching')) {
-
- $('[id=search-query]').blur();
- $('body').removeClass('searching compensate-for-scrollbar');
-
- removeQueryParamsFromUrl();
-
- $('#fancybox-style-noscroll').remove();
- } else {
-
- if (!$('#fancybox-style-noscroll').length && document.body.scrollHeight > window.innerHeight) {
- $('head').append(
- '<style id="fancybox-style-noscroll">.compensate-for-scrollbar{margin-right:' +
- (window.innerWidth - document.documentElement.clientWidth) +
- 'px;}</style>',
- );
- $('body').addClass('compensate-for-scrollbar');
- }
-
- $('body').addClass('searching');
- $('.search-results').css({opacity: 0, visibility: 'visible'}).animate({opacity: 1}, 200);
- $('#search-query').focus();
- }
- }
- function normalizeCarouselSlideHeights() {
- $('.carousel').each(function () {
-
- let items = $('.carousel-item', this);
-
- items.css('min-height', 0);
-
- let maxHeight = Math.max.apply(
- null,
- items
- .map(function () {
- return $(this).outerHeight();
- })
- .get(),
- );
- items.css('min-height', maxHeight + 'px');
- });
- }
- function fixHugoOutput() {
-
-
- $('#TableOfContents').addClass('nav flex-column');
- $('#TableOfContents li').addClass('nav-item');
- $('#TableOfContents li a').addClass('nav-link');
-
- $("input[type='checkbox'][disabled]").parents('ul').addClass('task-list');
- }
- function getSiblings(elem) {
-
- return Array.prototype.filter.call(elem.parentNode.children, function (sibling) {
- return sibling !== elem;
- });
- }
- $(document).ready(function () {
- fixHugoOutput();
-
- let {isDarkTheme, themeMode} = initThemeVariation();
- renderThemeVariation(isDarkTheme, themeMode, true);
-
-
- if (codeHighlighting) {
- hljs.initHighlighting();
- }
-
- let child = document.querySelector('.docs-links .active');
- let parent = document.querySelector('.docs-links');
- if (child && parent) {
- scrollParentToChild(parent, child);
- }
- });
- $(window).on('load', function () {
-
- fixScrollspy();
-
- let isotopeInstances = document.querySelectorAll('.projects-container');
- let isotopeInstancesCount = isotopeInstances.length;
-
-
- if (window.location.hash && isotopeInstancesCount === 0) {
- scrollToAnchor(decodeURIComponent(window.location.hash), 0);
- }
-
-
- let child = document.querySelector('.docs-toc .nav-link.active');
- let parent = document.querySelector('.docs-toc');
- if (child && parent) {
- scrollParentToChild(parent, child);
- }
-
- let zoomOptions = {};
- if (document.body.classList.contains('dark')) {
- zoomOptions.background = 'rgba(0,0,0,0.9)';
- } else {
- zoomOptions.background = 'rgba(255,255,255,0.9)';
- }
- mediumZoom('[data-zoomable]', zoomOptions);
-
- let isotopeCounter = 0;
- isotopeInstances.forEach(function (isotopeInstance, index) {
- console.debug(`Loading Isotope instance ${index}`);
-
- let iso;
-
- let isoSection = isotopeInstance.closest('section');
- let layout = '';
- if (isoSection.querySelector('.isotope').classList.contains('js-layout-row')) {
- layout = 'fitRows';
- } else {
- layout = 'masonry';
- }
-
- let defaultFilter = isoSection.querySelector('.default-project-filter');
- let filterText = '*';
- if (defaultFilter !== null) {
- filterText = defaultFilter.textContent;
- }
- console.debug(`Default Isotope filter: ${filterText}`);
-
- imagesLoaded(isotopeInstance, function () {
- iso = new Isotope(isotopeInstance, {
- itemSelector: '.isotope-item',
- layoutMode: layout,
- masonry: {
- gutter: 20,
- },
- filter: filterText,
- });
-
- let isoFilterButtons = isoSection.querySelectorAll('.project-filters a');
- isoFilterButtons.forEach((button) =>
- button.addEventListener('click', (e) => {
- e.preventDefault();
- let selector = button.getAttribute('data-filter');
-
- console.debug(`Updating Isotope filter to ${selector}`);
- iso.arrange({filter: selector});
-
- button.classList.remove('active');
- button.classList.add('active');
- let buttonSiblings = getSiblings(button);
- buttonSiblings.forEach((buttonSibling) => {
- buttonSibling.classList.remove('active');
- buttonSibling.classList.remove('all');
- });
- }),
- );
-
- incrementIsotopeCounter();
- });
- });
-
- function incrementIsotopeCounter() {
- isotopeCounter++;
- if (isotopeCounter === isotopeInstancesCount) {
- console.debug(`All Portfolio Isotope instances loaded.`);
-
-
-
-
-
- if (window.location.hash) {
- scrollToAnchor(decodeURIComponent(window.location.hash), 0);
- }
- }
- }
-
- if ($('.pub-filters-select')) {
- filter_publications();
-
-
- }
-
- $('.js-cite-modal').click(function (e) {
- e.preventDefault();
- let filename = $(this).attr('data-filename');
- let modal = $('#modal');
- modal.find('.modal-body code').load(filename, function (response, status, xhr) {
- if (status == 'error') {
- let msg = 'Error: ';
- $('#modal-error').html(msg + xhr.status + ' ' + xhr.statusText);
- } else {
- $('.js-download-cite').attr('href', filename);
- }
- });
- modal.modal('show');
- });
-
- $('.js-copy-cite').click(function (e) {
- e.preventDefault();
-
- let range = document.createRange();
- let code_node = document.querySelector('#modal .modal-body');
- range.selectNode(code_node);
- window.getSelection().addRange(range);
- try {
-
- document.execCommand('copy');
- } catch (e) {
- console.log('Error: citation copy failed.');
- }
-
- window.getSelection().removeRange(range);
- });
-
- initMap();
-
- let githubReleaseSelector = '.js-github-release';
- if ($(githubReleaseSelector).length > 0) {
- printLatestRelease(githubReleaseSelector, $(githubReleaseSelector).data('repo'));
- }
-
- document.addEventListener('keyup', (event) => {
- if (event.code === 'Escape') {
- const body = document.body;
- if (body.classList.contains('searching')) {
-
- toggleSearchDialog();
- }
- }
-
- if (event.key === '/') {
- let focusedElement =
- (document.hasFocus() &&
- document.activeElement !== document.body &&
- document.activeElement !== document.documentElement &&
- document.activeElement) ||
- null;
- let isInputFocused = focusedElement instanceof HTMLInputElement || focusedElement instanceof HTMLTextAreaElement;
- if (searchEnabled && !isInputFocused) {
-
- event.preventDefault();
- toggleSearchDialog();
- }
- }
- });
-
-
- if (searchEnabled) {
-
- $('.js-search').click(function (e) {
- e.preventDefault();
- toggleSearchDialog();
- });
- }
-
- $('[data-toggle="tooltip"]').tooltip();
- });
- let linkLight = document.querySelector('.js-set-theme-light');
- let linkDark = document.querySelector('.js-set-theme-dark');
- let linkAuto = document.querySelector('.js-set-theme-auto');
- if (linkLight && linkDark && linkAuto) {
- linkLight.addEventListener('click', (event) => {
- event.preventDefault();
- changeThemeModeClick(0);
- });
- linkDark.addEventListener('click', (event) => {
- event.preventDefault();
- changeThemeModeClick(1);
- });
- linkAuto.addEventListener('click', (event) => {
- event.preventDefault();
- changeThemeModeClick(2);
- });
- }
- const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
- darkModeMediaQuery.addEventListener('change', (event) => {
- onMediaQueryListEvent(event);
- });
- window.addEventListener('load', normalizeCarouselSlideHeights);
- window.addEventListener('resize', normalizeCarouselSlideHeights);
- window.addEventListener('orientationchange', normalizeCarouselSlideHeights);
- $('body').on('mouseenter mouseleave', '.dropdown', function (e) {
- var dropdown = $(e.target).closest('.dropdown');
- var menu = $('.dropdown-menu', dropdown);
- dropdown.addClass('show');
- menu.addClass('show');
- setTimeout(function () {
- dropdown[dropdown.is(':hover') ? 'addClass' : 'removeClass']('show');
- menu[dropdown.is(':hover') ? 'addClass' : 'removeClass']('show');
- }, 300);
- });
- let resizeTimer;
- $(window).resize(function () {
- clearTimeout(resizeTimer);
- resizeTimer = setTimeout(fixScrollspy, 200);
- });
|