Sign In

// START top gray external navigation banner $(document).ready(function () { setTimeout(function () { if ($('.external-navigation-banner').length) return; var $externalNavigationBanner = $('

'); var $linkContainer = $(''); var $linkUniversity = $('') .text(localeConfig.externalNav.university); var $linkCommunity = $('') .text(localeConfig.externalNav.community); var $linkSupport = $('') .attr('href', localeConfig.externalNav.supportHref) .attr('title', 'Bluebeam Technical Support') .attr('aria-label', 'Go to Bluebeam Technical Support') .text(localeConfig.externalNav.support); $linkContainer.append($linkUniversity, $linkCommunity, $linkSupport); $externalNavigationBanner.append($linkContainer); $('#header').before($externalNavigationBanner); }, 250); }); // END top gray external navigation banner // START Homepage Banner $(document).ready(function () { var $bannerButtonContainer = $(''); var $buttonPrimaryContainer = $(''); $('.banner_button').appendTo($buttonPrimaryContainer); $buttonPrimaryContainer.appendTo($bannerButtonContainer); var $libraryButton = $('') .attr('href', localeConfig.libraryButton.href) .text(localeConfig.libraryButton.text); $buttonPrimaryContainer.append($libraryButton); $('.banner_text_container').append($bannerButtonContainer); }); // END Homepage Banner // START SearchUnify search bar function updateSearchPlaceholder() { var placeholder = localeConfig.searchPlaceholder || LANGUAGE_CONFIG.en.searchPlaceholder; $('#search-box-autocomplete').attr('placeholder', placeholder); $('.su__input-search').attr('placeholder', placeholder); } $(document).ready(function () { setTimeout(function () { $('#header-right #auto').insertBefore($('.banner_button_container')); updateSearchPlaceholder(); }, 250); }); // END SearchUnify search bar // START My Registered Courses section (function () { var $ = window.jQuery || window.$; if (!$) return; var SECTION_ID = '#registered-courses'; var TOGGLE_ID = '#registered-courses-toggle'; var PANEL_ID = '#registered-courses-panel'; function ensureSectionPresent() { if ($(SECTION_ID).length) return; if (typeof skilljarUser === 'undefined') return; var openArrowSvg = ''; var rightCaretSvg = ''; var sectionMarkup = '

' + '' + openArrowSvg + '' + localeConfig.registeredCourses.heading + '' + '' + '

' + '

' + '' + '' + localeConfig.registeredCourses.allLinkText + '' + rightCaretSvg + '' + '

' + '

' + '' + '

' + '' + '

' + '

' + '

' + '

' + '

'; var $target = $('.catalog-center-width.one-col-full'); if ($target.length) { $target.after(sectionMarkup); } } function hasRegisteredLearning() { if (typeof skilljarUser === 'undefined') return false; var hasRegisteredCourses = $('.coursebox-container[data-course-status="registered"]').length > 0; var hasRegisteredPaths = $('.coursebox-container.sj-path .sj-ribbon-registered').length > 0 || $('.coursebox-container[data-path]').find('.sj-ribbon-registered').length > 0; return hasRegisteredCourses || hasRegisteredPaths; } function updateRegisteredCoursesVisibility() { var $section = $(SECTION_ID); if (!$section.length) return; var isLoggedIn = typeof skilljarUser !== 'undefined'; var hasCourses = hasRegisteredLearning(); var shouldShow = isLoggedIn && hasCourses && $('.sj-page-catalog-root').length; $section.toggle(shouldShow).attr('aria-hidden', shouldShow ? 'false' : 'true'); } function fillLearningContent() { var $carousel = $('#catalog-courses-registered'); if (!$carousel.length) return; $carousel.empty(); var MAX_TILES = 6; var count = 0; var seen = {}; function getTileKey($el) { return ( $el.attr('data-coid') || $el.attr('data-path-oid') || $el.attr('data-oid') || $el.attr('href') || $el.attr('title') ); } function appendTileClone($sourceTile) { if (!$sourceTile || !$sourceTile.length || count >= MAX_TILES) return; var key = getTileKey($sourceTile); if (!key || seen[key]) return; seen[key] = true; var $clone = $sourceTile.clone(true, true); $clone.addClass('registered-course-tile'); $carousel.append($clone); count++; } $('a.manual-tile[data-course-status="registered"]').each(function () { if (count >= MAX_TILES) return false; appendTileClone($(this)); }); $('.coursebox-container[data-course-status="registered"]').each(function () { if (count >= MAX_TILES) return false; appendTileClone($(this)); }); $('.coursebox-container.sj-path').each(function () { if (count >= MAX_TILES) return false; if ($(this).find('.sj-ribbon-registered').length) { appendTileClone($(this)); } }); hydrateImagesInSection($(SECTION_ID)); bindRegisteredCarouselArrows(); } function hydrateImagesInSection($scope) { var $root = $scope && $scope.length ? $scope : $(SECTION_ID); $root.find('img').each(function () { var $img = $(this); var realSrc = $img.attr('data-src'); var realSrcset = $img.attr('data-srcset'); var isTransparent = ($img.attr('src') || '').indexOf('transparent') !== -1; if (realSrc && (isTransparent || !$img.attr('src'))) { $img.attr('src', realSrc); $img.removeAttr('data-src'); } if (realSrcset && !$img.attr('srcset')) { $img.attr('srcset', realSrcset); $img.removeAttr('data-srcset'); } $img.attr('loading', 'eager'); $img.attr('decoding', 'sync'); }); if (window.imageLazyLoader && typeof imageLazyLoader.update === 'function') { imageLazyLoader.update(); } } function bindRegisteredCarouselArrows() { var $wrapper = $('#catalog-courses-registered .section-carousel-wrapper'); var $strip = $wrapper.find('.section-tile-carousel'); var $left = $('#arrowLeft-registered'); var $right = $('#arrowRight-registered'); if (!$strip.length) return; function scrollAmount() { return $(window).width() <= 768 ? 230 : 600; } $left.off('click.registeredCarousel').on('click.registeredCarousel', function () { $strip.animate({ scrollLeft: '-=' + scrollAmount() }, 'fast'); }); $right.off('click.registeredCarousel').on('click.registeredCarousel', function () { $strip.animate({ scrollLeft: '+=' + scrollAmount() }, 'fast'); }); function checkOverflow() { var el = $strip.get(0); var overflowing = !!el && el.scrollWidth > $strip.outerWidth(); $left.css('display', overflowing ? 'block' : 'none'); $right.css('display', overflowing ? 'block' : 'none'); } $strip.off('scroll.registeredCarousel').on('scroll.registeredCarousel', function () { checkOverflow(); }); checkOverflow(); setTimeout(checkOverflow, 250); $(window).off('resize.registeredCarousel').on('resize.registeredCarousel', checkOverflow); } function openRegisteredCoursesSection() { var $toggle = $(TOGGLE_ID); var $panel = $(PANEL_ID); fillLearningContent(); $toggle.attr('aria-expanded', 'true').addClass('is-open'); $panel.stop(true, true).slideDown(200).attr('aria-hidden', 'false'); } function closeRegisteredCoursesSection() { var $toggle = $(TOGGLE_ID); var $panel = $(PANEL_ID); $toggle.attr('aria-expanded', 'false').removeClass('is-open'); $panel.stop(true, true).slideUp(200).attr('aria-hidden', 'true'); } function toggleRegisteredCoursesSection() { var isOpen = $(TOGGLE_ID).attr('aria-expanded') === 'true'; if (isOpen) { closeRegisteredCoursesSection(); } else { openRegisteredCoursesSection(); } } function bindRegisteredSectionToggle() { $(document) .off('click.registeredCourses keydown.registeredCourses', TOGGLE_ID) .on('click.registeredCourses', TOGGLE_ID, function (e) { e.preventDefault(); e.stopPropagation(); toggleRegisteredCoursesSection(); return false; }) .on('keydown.registeredCourses', TOGGLE_ID, function (e) { if (e.key === ' ' || e.key === 'Enter') { e.preventDefault(); $(this).trigger('click'); } }); } $(window).on('load', function () { if (typeof skilljarUser === 'undefined') return; ensureSectionPresent(); updateRegisteredCoursesVisibility(); bindRegisteredSectionToggle(); }); document.addEventListener('catalogUpdated', function () { if (typeof skilljarUser === 'undefined') return; ensureSectionPresent(); updateRegisteredCoursesVisibility(); bindRegisteredSectionToggle(); }); })(); // END My Registered Courses section // START Localized catalog sections $(window).on('load', function () { setTimeout(function () { var $catalogCourses = $('#catalog-courses'); if (!$catalogCourses.length) return; var sectionConfigs = (localeConfig.catalogSections && localeConfig.catalogSections.length) ? localeConfig.catalogSections : (LANGUAGE_CONFIG.en.catalogSections || []); var activeTags = $.map(sectionConfigs, function (sectionConfig) { return sectionConfig.tag; }); function getSectionWrapperClass(sectionKey) { return sectionKey === 'newto' ? 'localized-catalog-section localized-newto-section' : 'localized-catalog-section localized-howto-section'; } function hydrateSectionImages($scope) { $scope.find('img').each(function () { var $img = $(this); var dataSrc = $img.attr('data-src'); var dataSrcset = $img.attr('data-srcset'); if (dataSrc) { $img.attr('src', dataSrc); $img.removeAttr('data-src'); } if (dataSrcset) { $img.attr('srcset', dataSrcset); $img.removeAttr('data-srcset'); } $img.attr('loading', 'eager'); $img.attr('decoding', 'sync'); }); if (window.imageLazyLoader && typeof window.imageLazyLoader.update === 'function') { window.imageLazyLoader.update(); } } function applyPeekModeToWrapper($sectionWrapper) { var $carouselWrapper = $sectionWrapper.find('.section-carousel-wrapper').first(); var $track = $carouselWrapper.find('.section-tile-carousel').first(); if (!$carouselWrapper.length || !$track.length) return; var hasUserInteracted = false; function isPeekMode() { return window.innerWidth <= 320; } function syncPeekMode() { if (isPeekMode()) { $carouselWrapper.addClass('is-mobile-peek'); triggerPeekJiggle(); } else { $carouselWrapper.removeClass('is-mobile-peek'); $track.removeClass('peek-jiggle'); } } function triggerPeekJiggle() { if (!isPeekMode() || hasUserInteracted) return; var jiggleCount = $carouselWrapper.data('jiggle-count') || 0; if (jiggleCount >= 2) return; $carouselWrapper.data('jiggle-count', jiggleCount + 1); $track.addClass('peek-jiggle'); setTimeout(function () { $track.removeClass('peek-jiggle'); }, 1400); if (jiggleCount === 0) { setTimeout(function () { triggerPeekJiggle(); }, 3200); } } $track.off('touchstart.localizedPeek mousedown.localizedPeek scroll.localizedPeek') .on('touchstart.localizedPeek mousedown.localizedPeek scroll.localizedPeek', function () { if (isPeekMode()) { hasUserInteracted = true; } }); $(window) .off('resize.localizedPeek.' + ($sectionWrapper.attr('class') || '').replace(/\s+/g, '-')) .on('resize.localizedPeek.' + ($sectionWrapper.attr('class') || '').replace(/\s+/g, '-'), function () { var wasPeekMode = $carouselWrapper.hasClass('is-mobile-peek'); var nowPeekMode = isPeekMode(); if (wasPeekMode !== nowPeekMode) { $carouselWrapper.removeData('jiggle-count'); hasUserInteracted = false; } syncPeekMode(); }); syncPeekMode(); } function enhanceExistingSection(sectionConfig) { if (!sectionConfig || !sectionConfig.tag) return; var $title = $catalogCourses.find('.tile-section-title[data-tag="' + sectionConfig.tag + '"]').first(); if (!$title.length) return; var $carouselWrapper = $title.next('.section-carousel-wrapper'); if (!$carouselWrapper.length) return; $title.show(); $carouselWrapper.show(); $title.next('.localized-section-description').remove(); $carouselWrapper.prev('.section-links.localized-section-link').remove(); var $description = $('

' + sectionConfig.description + '

'); var $link = $( '' + '' + sectionConfig.linkText + '' + '' + '' ); $title.after($description); $description.after($link); hydrateSectionImages($carouselWrapper); if (typeof initSectionProgressCarousel === 'function') { initSectionProgressCarousel($carouselWrapper); var refreshFn = $carouselWrapper.data('refreshProgressCarousel'); if (typeof refreshFn === 'function') { setTimeout(function () { refreshFn(); }, 150); } } var wrapperClass = getSectionWrapperClass(sectionConfig.key); $title.add($description).add($link).add($carouselWrapper).wrapAll(''); var $sectionWrapper = $title.closest('.localized-catalog-section'); applyPeekModeToWrapper($sectionWrapper); } $catalogCourses.find('.localized-catalog-section').each(function () { var $wrapper = $(this); $wrapper.children().unwrap(); }); $catalogCourses.find('.localized-section-description').remove(); $catalogCourses.find('.localized-section-link').remove(); $catalogCourses.find('.tile-section-title[data-tag]').each(function () { var $title = $(this); var tag = $title.attr('data-tag'); var $wrapper = $title.next('.section-carousel-wrapper'); if ( tag.indexOf('sectionnewto') === 0 || tag.indexOf('sectionhowto') === 0 ) { if ($.inArray(tag, activeTags) !== -1) { $title.show(); $wrapper.show(); } else { $title.hide(); $wrapper.hide(); } } }); $.each(sectionConfigs, function (_, sectionConfig) { enhanceExistingSection(sectionConfig); }); }, 100); }); // END Localized catalog sections // START Resource section $(window).on('load', function () { setTimeout(function () { if ($('#resource-section').length) return; var resourceConfig = localeConfig.resourceSection || LANGUAGE_CONFIG.en.resourceSection; if (!resourceConfig || !resourceConfig.tiles || resourceConfig.tiles.length < 3) return; var arrowSvg = ` `; var communityIcon = ''; var consultingIcon = ''; var webinarsIcon = ''; var iconMap = [communityIcon, consultingIcon, webinarsIcon]; var $resourceSection = $(''); var $titleBlock = $('') .append('

' + resourceConfig.sectionTitle + '

'); var $resourceTileSection = $(''); $.each(resourceConfig.tiles, function (index, tileConfig) { var icon = iconMap[index]; if (!icon || !tileConfig) return; var $resourceTile = $(''); var $resourceTileTitle = $('') .append(icon) .append('

' + tileConfig.heading + '

') .append('

' + tileConfig.body + '

'); var $resourceTileLink = $('') .attr('href', tileConfig.href) .attr('title', tileConfig.titleAttr) .attr('aria-label', tileConfig.ariaLabel) .append('' + tileConfig.cta + '') .append(arrowSvg); $resourceTile.append($resourceTileTitle, $resourceTileLink); $resourceTileSection.append($resourceTile); }); $resourceSection.append($titleBlock, $resourceTileSection); function insertResourceSection() { var $target = $('#catalog-content'); if (!$target.length) return false; $target.after($resourceSection); return true; } if (!insertResourceSection()) { var observer = new MutationObserver(function () { if (insertResourceSection()) { observer.disconnect(); } }); observer.observe(document.body, { childList: true, subtree: true }); } }, 200); }); // END Resource section });