THE NEW ERA IN NETWORKING

<!DOCTYPE html> <html> <head>  <title>THE NEW ERA IN NETWORKING</title> <base href="https://www.digifreight.live/" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="description" content="Our unique platform with built in time zones enables forwarders to connect with one another instantly through their mobile device across several communication platforms."> <meta name="keywords" content=""> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="robots" content="index,follow"> <meta name="author" content="DigiFreight Global Network"> <meta property="og:title" content="THE NEW ERA IN NETWORKING"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.digifreight.live/"> <meta property="og:image" content="https://www.digifreight.live/assets/images/og_img.jpg"> <meta property="og:site_name" content="DigiFreight Global Network"> <meta property="og:description" content="Our unique platform with built in time zones enables forwarders to connect with one another instantly through their mobile device across several communication platforms."> <link rel="shortcut icon" href="/assets/images/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="/assets/images/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="canonical" href="https://www.digifreight.live/" /> <link rel="stylesheet" type="text/css" href="/assets/style.css?v=5" media="screen" /> <link rel="stylesheet" type="text/css" href="/assets/css/debug.css?v=3" media="screen" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-43123657-20"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-43123657-20'); </script> </head> <body class="home"> <header> <div class="overlay"></div> <div class="container"> <nav id="navPrimary"> <ul> <li class="first"><a href="member-list/" >Member List</a></li><li class=""><a href="help-and-support/" >Help & Support</a></li><li class=""><a href="blog/" >News Stand</a></li><li class=" join"><a href="join-now/" >Join Now</a></li><li class="last login"><a href="login/" >Login</a></li> <li class="social"><a href="https://www.linkedin.com/company/digifreight-global-network"><i class="fab fa-linkedin-in"></i></a></li> <li class="social"><a href="https://www.youtube.com/channel/UC8c2Js0-i6cg9ISWqM86Tfg/videos"><i class="fab fa-youtube"></i></a></li> <span class="mobileButton"><i class="fas fa-bars"></i></span> </ul> </nav> </div> <nav id="navMobile"> <span class="mobileButton"><i class="fas fa-times"></i></span> <div class="inner"> <a class="button" href="join-now/">Join Now</a> <ul> <li class="first"><a href="member-list/" >Member List</a></li><li class=""><a href="help-and-support/" >Help & Support</a></li><li class=""><a href="blog/" >News Stand</a></li><li class="last login"><a href="login/" >Login</a></li> <li class="social"> <a href="https://www.linkedin.com/company/digifreight-global-network"><i class="fab fa-linkedin-in"></i></a> <a href="https://www.youtube.com/channel/UC8c2Js0-i6cg9ISWqM86Tfg/videos"><i class="fab fa-youtube"></i></a> </li> </ul> </div> </nav> </header> <section id="homeHero"> <div class="overlay"></div> <div class="container"> <div class="row align-items-center"> <div class="col-12 col-lg-3 offset-lg-1"> <img class="logo" src="assets/images/logo.png"> </div> <div class="col-12 col-lg-6 offset-lg-1"> <div class="content whiteText"> <h1>THE NEW ERA IN NETWORKING</h1> <h2>For the freight forwarding industry</h2> <p>Our unique platform with built in time zones enables forwarders to connect with one another directly through their mobile device across several communication platforms.</p> <a href="https://www.digifreight.live/join-now/" class="button ghost">Join now</a> </div> </div> </div> </div> <div class="wave grey end"></div> </section> <section class="lightGrey waveEnd"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-lg-10 col-xl-8 col-xxl-6"> <div class="content text-center mb40"> <h3>Introducing a freight network</h3> <h2>with the most advanced Virtual Meeting Platform in the industry</h2> <p>A project has come up and you don’t have time for a long back and forth email trail? Our powerful interface enables you to quickly schedule a meeting with your DigiFreight partner with time zones automatically considered via Skype, Zoom, Google Meet and WhatsApp .</p> </div> </div> </div> <div class="row justify-content-center nmb30"> <div class="col-12 col-md-6 col-xl-3"> <div class="gradientBorderBox radialBorder"> <div class="inner"> <i class="fas fa-globe-europe"></i> <div class="content"> <h3 class="title">Member Centre</h3> <p>See availability of Members at events or request a spontaneous meeting with time zones automatically considered.  </p> </div> <a href="https://www.digifreight.live/dashboard/member-centre/" class="hyperlink large">member centre</a> </div> </div> </div><div class="col-12 col-md-6 col-xl-3"> <div class="gradientBorderBox radialBorder"> <div class="inner"> <i class="fas fa-webcam"></i> <div class="content"> <h3 class="title">Virtual Meetings</h3> <p>Our system enables each company to be entirely in charge of their own schedule. Our next event is 19-23 May 2025.<br></p> </div> <a href="https://www.digifreight.live/dashboard/member-events/virtual-meetings-november-2021/" class="hyperlink large">BOOK MEETINGS</a> </div> </div> </div><div class="col-12 col-md-6 col-xl-3"> <div class="gradientBorderBox radialBorder"> <div class="inner"> <i class="fas fa-handshake"></i> <div class="content"> <h3 class="title">London 2025</h3> <p>Our 3rd P2P Event is an exciting 3-day event from 29-31 October 2025 at Park Plaza Victoria Hotel, London.</p> </div> <a href="https://www.digifreight.live/blog/3rd-p2p-networking-event-29-31-october-2025-london/" class="hyperlink large" target="_blank" rel="noopener">SEE DETAILS</a> </div> </div> </div><div class="col-12 col-md-6 col-xl-3"> <div class="gradientBorderBox radialBorder"> <div class="inner"> <i class="fas fa-calendar-alt"></i> <div class="content"> <h3 class="title">Meeting Hub</h3> <p>A calendar to help you track and manage all meetings in one place, you can even view in different time zones in case of travel.</p> </div> <a href="https://www.digifreight.live/dashboard/meeting-hub/" class="hyperlink large">MEETING HUB</a> </div> </div> </div> </div> </div> <div class="wave white end"></div> </section> <section class="standard"> <div class="container"> <div class="altContent left"> <div class="row align-items-center"> <div class="col-12 col-lg-6"> <div class="videoContainer"> <iframe src="https://www.youtube.com/embed/AtbgycIQGW0?rel=0&modestbranding=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div> </div> <div class="col-12 col-lg-6"> <div class="content"> <h3>Connect Remotely</h3> <h2>A new kind of networking</h2> <p>The logistics industry provides one of the most important services to our globally connected world and <strong>communication is vital</strong>. This is particularly important with many people now working remotely. DigiFreight enables forwarders to connect better so that they can <strong>achieve and maintain strong working relationships</strong>. Our trailblazing <a href="https://youtu.be/AtbgycIQGW0" target="_blank">Meeting Hub</a> contains all the tools our Members need to build, manage, and engage with their overseas partners.<br> </p> <div class="text-"> <a href="https://www.digifreight.live/join-now/" class="button">Join now</a> </div> </div> </div> </div> </div> <div class="altContent"> <div class="row align-items-center"> <div class="col-12 col-lg-6"> <img src="/assets/components/phpthumbof/cache/2025-digi-01.758322906310764d6a0448304030721b.jpg"> </div> <div class="col-12 col-lg-6"> <div class="content text-right"> <h3>Virtual Meetings</h3> <h2>Plus P2P events too!</h2> <p>As well as being able to request spontaneous meetings via Skype, Zoom, Google Meet and WhatsApp, the DigiFreight team regularly allocate a series of consecutive days where all Members are invited to participate in virtual events (the next dates are 19-23 May 2025). We also know it is important to meet in person, so we have organised our exciting <a href="https://www.digifreight.live/blog/3rd-p2p-networking-event-29-31-october-2025-london/" target="_blank">3rd P2P Networking Event</a> from <strong>29-31 October 2025</strong> in London. The gathering is entirely optional, but we anticipate most major world markets to be represented.<br></p> <div class="text-"> <a href="https://www.digifreight.live/join-now/" class="button">Join now</a> </div> </div> </div> </div> </div> </div> </section> <section class="standard"> <div class="container"> <div class="row justify-content-center mobileSlider"> <div class="col-12 col-md-6 col-xl-5"> <div class="quoteBlock"> <i class="fas fa-comment-alt"></i> <div class="content"> <h3>“It is my great pleasure to join DigiFreight"</h3> <blockquote> "Joining a network is not an issue as there are 100s in the global market. However, it is important for me to know who the creator is and I have known DigiFreight founder, Rachel Crawford and her success stories for 20 years. It is my great pleasure to join DigiFreight in the new normal world based on digital and virtual connections." <strong>Khaled Bin Raushan, Pacific Agency Aviation and Marine</strong>  </blockquote> <blockquote>“Your exceptional attention to detail and proactive approach have consistently elevated our team's performance. Keep up the great work!” <strong>Masroor Khan, Universal Freight Systems </strong>  </blockquote> <p></p> </div> </div> </div><div class="col-12 col-md-6 col-xl-5"> <div class="quoteBlock"> <i class="fas fa-comment-alt"></i> <div class="content"> <h3>“DigiFreight Events Secure New Business”</h3> <blockquote>“Embracing non-exclusivity positions members to stay competitive in a rapidly evolving market, presenting opportunities to adapt to changing industry dynamics and customer preferences. All members are invited to our <a href="https://www.digifreight.live/blog/3rd-p2p-networking-event-29-31-october-2025-london/" target="_blank"><strong>3rd P2P Networking Event</strong></a> in London (29-31 October 2025).”  </blockquote> <blockquote>"I take my hat off to Rachel, the President/CEO for her commitment, energy and work ethic. Above all, for her genuine concern and aspiration for members to get the full benefits of their membership in DigiFreight and not to see the face-to-face meetings as mere opportunity for pleasure or vacation. This was observed in her attitude and speeches in the last meeting in Thailand" <strong>Ademola Adesola Adesunloye,  Champion Logistics Nigeria Ltd </strong></blockquote> </div> </div> </div> </div> </div> </section> <footer> <div class="overlay"></div> <div class="wave start white"></div> <div class="container"> <div class="row justify-content-center mdStack"> <div class="col-12 col-lg-4"> <div class="content whiteText"> <h2>News Stand</h2> <p>Send us your news! Each article will also appear on each profile page, <a href="https://www.linkedin.com/company/digifreight-global-network" target="_blank">LinkedIn</a>, eMagazine and distributed to our Press List. This PR service provides fantastic promotion and is included in our fee.</p> </div> <a class="hyperlink white" href="blog/">Visit News Stand</a> </div> <div class="col-12 col-lg-4"> <div class="content whiteText"> <h2>Help & Support</h2> <p>Rachel is supported at the Head Office by a strong group of talented individuals drawn from a variety of transport and media backgrounds, all of whom contribute to the success of our organisation.</p> </div> <a class="hyperlink white" href="help-and-support/">More on Help & Support</a> </div> <div class="col-12 col-lg-4"> <div class="content whiteText"> <h2>Join DigiFreight </h2> <p>The DigiFreight team manage <a href="https://www.digifreight.live/help-and-support/" target="_blank">several established networks</a> and aims to build one of the strongest networks in the world, which offers both face-to-face and virtual events.</p> </div> <a class="button ghost" href="join-now/">Join now</a> </div> </div> <div class="signoff"> <span>(C) DigiFreight 2025</span> <br class="d-md-none"> <span class="pipe d-none d-md-inline">|</span> <span>Registered company in the UK: 12801871</span> <br class="d-lg-none"> <span class="pipe d-none d-lg-inline">|</span> <a href="membership-rules/">Membership Rules</a> <span class="pipe">|</span> <a href="privacy-policy/">Privacy Policy</a> <br class="d-md-none"> <span class="pipe d-none d-md-inline">|</span> <span>Created by <a href="https://www.gelstudios.co.uk" target="_blank">GEL Studios</a></span> </div> </div> </footer> <div class="bodyOverlay"></div> <script src="https://unpkg.com/htmx.org@1.1.0" integrity="sha384-JVb/MVb+DiMDoxpTmoXWmMYSpQD2Z/1yiruL8+vC6Ri9lk6ORGiQqKSqfmCBbpbX" crossorigin="anonymous"></script> <script src="site/js/includes/00_jquery.js"></script> <script src="site/js/includes/01_bootstrap.js"></script> <script src="site/js/includes/04_jquery.fancybox.min.js"></script> <script src="site/js/includes/05_jquery.matchHeight.js"></script> <script src="site/js/includes/06_slick.min.js"></script> <script src="site/js/includes/07_intlTelInput.js"></script> <script src="site/js/includes/08_utils.js"></script> <script src="site/js/includes/09_quill.min.js"></script> <script src="site/js/includes/10_moment.js"></script> <script src="site/js/includes/13_moment_tz_with_data.js"></script> <script src="site/js/includes/11_bootstrap-datetimepicker.min.js"></script> <script src="site/js/includes/12_fc-main.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> <script> $(function () { // MatchHeight $('.gradientBorderBox .inner').matchHeight(); $('.iconText').matchHeight(); $('.teamSlider .slide .details').matchHeight(); $('.companyDetails .item').matchHeight(); $('.companyResult').matchHeight(); $('.dashEventBox').matchHeight(); $('#attendeesFullList .attendeeItem').matchHeight(); $('.staffProfile .details').matchHeight(); // Mobile Navigation $('.mobileButton').click(function(){ $('#navMobile').toggleClass('open'); $('body').toggleClass('preventScroll'); }); if ($(window).width() < 992) { $('#navMobile li.parent > a').click(function(e){ e.preventDefault(); $(this).siblings('ul').addClass('open'); }) $('#navMobile li.parent a.back').click(function(e){ e.preventDefault(); $(this).parents('ul').removeClass('open'); }) } // Member Area Navigation $('#navPrimary li.account > a').click(function(e){ e.preventDefault(); if ($(this).parent('li').hasClass('open')) { $(this).parent('li').removeClass('open'); } else { $('#navPrimary li.open').removeClass('open'); $(this).parent('li').addClass('open'); } }); // Alternating Content if ($('.altContent').length) { var altCount = 0; if ($('.altContent').hasClass('right')) { altCount = 1; } $('.altContent').each(function(){ if (!$(this).hasClass('text')) { altCount++; if (altCount % 2 != 0) { $(this).find('.col-12:last-child').addClass('order-first'); } } }); } // Scroll To $('.scrollTo').click(function(e){ e.preventDefault(); const target = $(this).attr('href'); $('html, body').animate({scrollTop: $(target).offset().top -100}, 300); }); // Dropdowns $(document).on('click', '.dropdown > .title', function(){ if ($(this).parent().hasClass('open')) { $(this).parent().toggleDropdown(); } else { $('.dropdown.open').toggleDropdown(); $(this).parent().toggleDropdown(); } }); $.fn.toggleDropdown = function() { var dropdown = $(this); var inner = dropdown.children('.inner'); var height = inner.outerHeight(); if (dropdown.hasClass('open')) { inner.height('0px'); inner.addClass('expand'); dropdown.removeClass('open'); setTimeout(function(){ inner.removeAttr('style'); inner.removeClass('expand'); }, 300); } else { dropdown.addClass('open'); inner.addClass('expand'); inner.height(height); setTimeout(function(){ inner.removeClass('expand'); }, 300); } }; $('.contactDropdown .title').click(function(){ $(this).toggleClass('open'); $(this).siblings('.inner').slideToggle(); }); // More Dropdowns $('.moreDropdowns .showMore').click(function(e){ e.preventDefault(); var parent = $(this).parent(); if (parent.hasClass('open')) { parent.removeClass('open'); parent.children('.dropdown').slideUp(); $(this).children('span').text('more'); } else { parent.addClass('open'); parent.children('.dropdown').slideDown(); $(this).children('span').text('less'); } }); // Team Slider $('.teamSlider').each(function(){ var slider = $(this); var controls = slider.siblings('.teamSliderControls'); var counter = controls.children('.counter'); var count = slider.children().length; var slidesToShow = 4; if ($(window).width() < 768) { slidesToShow = 1; } else if ($(window).width() < 992) { slidesToShow = 3; } if (count <= slidesToShow) { controls.hide(); } slider.on('init reInit afterChange', function(event, slick, currentSlide, nextSlide){ var i = (currentSlide ? currentSlide : 0) + 1; counter.text(i + ' / ' + slick.slideCount); }); slider.slick({ infinite: false, slidesToShow: slidesToShow, adaptiveHeight: false, appendArrows: controls, prevArrow: '<span class="prev"><i class="fas fa-chevron-left"></i></span>', nextArrow: '<span class="next"><i class="fas fa-chevron-right"></i></span>' }); }); $('.teamSlider .slide .hyperlink').click(function(e){ e.preventDefault(); var slide = $(this).parents('.slide'); var modal = $('#teamPopup'); var name = slide.find('.name').text(); var position = slide.find('.position').text(); var image = slide.find('.image').attr('src'); var bio = slide.find('.bioText').html(); modal.find('.name').text(name); modal.find('.position').text(position); modal.find('.image').attr('src',image); modal.find('.bioText').html(bio); modal.modal('show'); }); // Mobile Slider if ($(window).width() < 768) { $('.mobileSlider').each(function(){ var slider = $(this); slider.after('<span class="mobileSliderControls"><span class="counter">0 / 0</span></span>'); var controls = slider.siblings('.mobileSliderControls'); var counter = controls.children('.counter'); slider.on('init reInit afterChange', function(event, slick, currentSlide, nextSlide){ var i = (currentSlide ? currentSlide : 0) + 1; counter.text(i + ' / ' + slick.slideCount); }); slider.slick({ infinite: true, adaptiveHeight: true, appendArrows: controls, prevArrow: '<span class="prev"><i class="fas fa-chevron-left"></i></span>', nextArrow: '<span class="next"><i class="fas fa-chevron-right"></i></span>' }); }); } // Tabbed Content $('.tabbedContent').each(function(){ console.log('tset'); if ($(this).parents('.modal').length) { return false; } const count = $(this).find('.tabsNav li').length; var needSlider = 0; var toShow = 3 var variableWidth = false; if ($(this).parents('#agendaPopup').length) { const navWidth = (count * 130) - 30; const containerWidth = 384; if (navWidth > containerWidth) { needSlider = 1; } } else { const navWidth = count * 130; const containerWidth = $(this).children('.tabsNav').width(); if (navWidth > containerWidth) { needSlider = 1; variableWidth = true; toShow = 5; } } if ($(window).width() < 768) { toShow = 2; if ($(this).is('#XeventAgenda #agendaFullList')) { variableWidth = true; } else { variableWidth = false; } } if (($(window).width() < 768 && count > 3) || needSlider == 1) { const slider = $(this).children('.tabsNav'); slider.addClass('sliding'); slider.slick({ infinite: false, adaptiveHeight: false, variableWidth: variableWidth, slidesToShow: toShow, prevArrow: '<span class="prev"><i class="fas fa-chevron-left"></i></span>', nextArrow: '<span class="next"><i class="fas fa-chevron-right"></i></span>' }); } }); $.fn.tabsToSlider = function() { const nav = $(this); const count = nav.children('li').length; const navWidth = count * 130; const containerWidth = nav.width(); if (navWidth > containerWidth) { const slidesToShow = Math.floor(containerWidth / 130); nav.addClass('sliding'); nav.slick({ infinite: false, variableWidth: true, slidesToShow: slidesToShow, prevArrow: '<span class="prev"><i class="fas fa-chevron-left"></i></span>', nextArrow: '<span class="next"><i class="fas fa-chevron-right"></i></span>' }); } } $(document).on('click', '.tabsNav a', function(e){ e.preventDefault(); var list = $(this).parents('.tabsNav'); var parent = $(this).closest('.tabbedContent'); var target = $(this).attr('href'); parent.find('> .tabsNav .active').removeClass('active'); $(this).parent().addClass('active'); $(parent).find('> .tabsContent > .open').removeClass('in'); setTimeout(function(){ $(parent).find('> .tabsContent > .open').removeClass('open'); $(target).addClass('open'); setTimeout(function(){ $(target).addClass('in'); }, 10); }, 150); }); $.urlParam = function (name) { var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.search); return (results !== null) ? results[1] || 0 : false; }; if ($.urlParam('tab').length) { $('a[href="#' + $.urlParam('tab') + '"]').click(); //const tab = $('#' + $.urlParam('tab')); } // Book a Meeting Modals $('#XeventAgenda').on('click', '.openBooking', function(){ const day = $(this).parents('.tab').attr('data-day'); const time = $(this).parents('.agendaItem').find('.time').text(); $('.modal.bookMeeting span.meetingDay').text(day); $('.modal.bookMeeting span.meetingTime').text(time); $('.modal.bookMeeting .addAttendeeItem').removeClass('active'); $('.modal.bookMeeting .meetingExtra ul').empty(); $('.modal.bookMeeting textarea[name="message"]').val('') $('.modal.bookMeeting input[name="note"][value="0"]').prop('checked',true); if ($('.modal.bookMeeting .selectPlatformItem').length) { $('.modal.bookMeeting .selectPlatformItem').removeClass('active'); $('.modal.bookMeeting .submitBooking').addClass('disabled'); } $('.modal.bookMeeting').modal('show'); $(this).switchBookingTabs(1); }); $('#XeventAgenda').on('click', '.attendeeItem .hyperlink', function(){ const name = $(this).parent().find('.name').text(); const firstname = name.split(' ')[0]; const position = $(this).parent().find('.position').text(); const company = $(this).parent().find('.company').text(); $('.modal.bookMeeting span.meetingName').text(name); $('.modal.bookMeeting span.meetingFirstName').text(firstname); $('.modal.bookMeeting span.meetingPosition').text(position); $('.modal.bookMeeting span.meetingCompany').text(company); $('.modal.bookMeeting .addAttendeeItem').removeClass('active'); $('.modal.bookMeeting .meetingExtra ul').empty(); $('.modal.bookMeeting textarea[name="message"]').val('') $('.modal.bookMeeting input[name="note"][value="0"]').prop('checked',true); if ($('.modal.bookMeeting .selectPlatformItem').length) { $('.modal.bookMeeting .selectPlatformItem').removeClass('active'); $('.modal.bookMeeting .submitBooking').addClass('disabled'); } $('.modal.bookMeeting').modal('show'); $(this).switchBookingTabs(1); setTimeout(function(){ $('.modal.bookMeeting .tabsNav').tabsToSlider(); }, 200); }); $('.staffProfileSidebar').on('click', '.openDirectBooking', function(){ const name = $('.staffProfileFull .name').text(); const firstname = name.split(' ')[0]; const position = $('.staffProfileFull .position').text(); const company = $('.staffProfileFull .company').text(); $('.modal.bookMeeting span.meetingName').text(name); $('.modal.bookMeeting span.meetingFirstName').text(firstname); $('.modal.bookMeeting span.meetingPosition').text(position); $('.modal.bookMeeting span.meetingCompany').text(company); $('.modal.bookMeeting input[name="meeting_date"]').val(''); $('.modal.bookMeeting select[name="from"] option[value=""]').prop('selected', true); $('.modal.bookMeeting select[name="to"] option[value=""]').prop('selected', true); $('.modal.bookMeeting textarea[name="message"]').val(''); $('.modal.bookMeeting .selectPlatformItem').removeClass('active'); $('.modal.bookMeeting .submitBooking').addClass('disabled'); $('.modal.bookMeeting').modal('show'); $(this).switchBookingTabs(1); }); // Book a Meeting Tabs $('.modal.bookMeeting').on('click', '.attendeeItem .hyperlink', function(){ const attendee = $(this).parent(); const name = attendee.find('.name').text(); const position = attendee.find('.position').text(); const company = attendee.find('.company').text(); $('.modal.bookMeeting span.meetingName').text(name); $('.modal.bookMeeting span.meetingPosition').text(position); $('.modal.bookMeeting span.meetingCompany').text(company); $(this).switchBookingTabs(2); }); $('.modal.bookMeeting').on('click', '.meetingItem .hyperlink', function(){ const meeting = $(this).parents('.meetingItem'); const day = $(this).closest('.tab').attr('data-day'); const time = meeting.find('.time').text(); $('.modal.bookMeeting span.meetingDay').text(day); $('.modal.bookMeeting span.meetingTime').text(time); $(this).switchBookingTabs(2); }); $('#site_modals').on('click', '.switchTab', function(e){ e.preventDefault(); const tab = $(this).attr('data-tab'); $(this).switchBookingTabs(tab); }); $.fn.switchBookingTabs = function(tab) { const parent = $('#site_modals .tabbedContent'); const target = $('#book' + tab); parent.find('.stepsContainer .step').removeClass('active'); parent.find('.stepsContainer .step' + tab).addClass('active'); $(parent).find('.stepsTabsContent > .open').removeClass('in'); setTimeout(function(){ $(parent).find('.stepsTabsContent > .open').removeClass('open'); $(target).addClass('open'); setTimeout(function(){ $(target).addClass('in'); }, 10); }, 150); if ($(window).width() < 768) { $('.modal.bookMeeting .modal-content').scrollTop(0); parent.find('.stepsContainer').removeClass('stage1 stage2 stage3').addClass('stage' + tab); parent.find('.stepsContainer .counter span').text(tab); } else if ($(window).width() < 992) { $('.modal.bookMeeting').scrollTop(0); } }; // Book a Meeting Various $('#site_modals ').on('click', '.addAttendeeItem a', function(){ var parentContainer = $(this).parent(); var removeCheck = $(this).siblings('.removeCheck'); parentContainer.toggleClass('active'); if(parentContainer.hasClass('active')) { $(this).siblings('input').prop('checked', true); } else { $(this).siblings('input').prop('checked', false); } if(removeCheck !== null && removeCheck !== '') { if($(this).hasClass('remove')) { removeCheck.prop('checked', true); } else { removeCheck.prop('checked', false); } } }); $(document).on('click', '.selectPlatformItem a', function(){ const parent = $(this).parent(); if (parent.hasClass('active')) { parent.removeClass('active'); $(this).siblings('input').prop('checked', false); } else { $('#site_modals .selectPlatformItem').removeClass('active'); $('#site_modals .selectPlatformItem').prop('checked', false); parent.addClass('active'); $(this).siblings('input').prop('checked', true); console.log('fired'); } if ($(this).parents('#site_modals #bookMeetingDirectPopup').length) { $(this).enableBookingSubmit(); } else if ($('#site_modals .modal.bookMeeting .selectPlatformItem').hasClass('active')) { $('#site_modals .modal.bookMeeting .submitBooking').removeClass('disabled'); } else { $('#site_modals .modal.bookMeeting .submitBooking').addClass('disabled'); } }); // Hide the toggle unavailable slots if there are none // if($("$site_modals #meetingsList .unavailable").length ); $(document).on('click', '#site_modals .showUnavailable', function(){ if ($(this).hasClass('checked')) { $(this).removeClass('checked'); $('#meetingsList .unavailable, #meetingsList .booked').parent().hide(); } else { $(this).addClass('checked'); $('#meetingsList .unavailable, #meetingsList .booked').parent().show(); } }); $('#site_modals').on('click', '.contactMethod > a', function(){ const details = $(this).siblings('.contactDetails'); if(!$(this).hasClass('noChange')) { if (details.hasClass('open')) { details.removeClass('open'); $(this).text('Show details'); } else { details.addClass('open'); $(this).text('Hide details'); } } }); $('#XeventAgenda').on('click', '.agendaItem .meeting', function(){ $(this).parents('.agendaItem').toggleClass('checked unchecked'); }); $('.timezoneSelection select').change(function(){ // $('.timezoneSelection .timezoneName').text($(this).val()); $('.timezoneSelection a').removeClass('disabled'); }) $('.timezoneSelection a').click(function(){ // $('.timezoneSelection .timezoneChoice').hide(); // $('.timezoneSelection .timezoneSet').show(); $(this).parents('form').submit(); }); $('#XeventAgenda').on('click', '.virtualSetAvailabilty .title h4', function(){ $(this).toggleClass('open'); $('#XeventAgenda .virtualSetAvailabilty .inner').slideToggle(); }) $('.virtualSetAvailabilty a.update').click(function(){ $('.virtualSetAvailabilty .success').show(); }) $('#bookMeetingDirectPopup').on('change', '.bookMeetingDirect select', function(){ const time = $(this).val(); var target; if ($(this).attr('name') == 'from') { target = 'meetingFrom'; } else { target = 'meetingTo'; } $('#bookMeetingDirectPopup span.' + target).text(time); $(this).enableBookingSubmit(); }); $.fn.enableBookingSubmit = function() { if ($('form.bookMeetingDirect input[name="meeting_date"]').val() && $('form.bookMeetingDirect select[name="from"]').val() && $('form.bookMeetingDirect select[name="to"]').val() && $('.modal.bookMeeting .selectPlatformItem').hasClass('active')) { $('.modal.bookMeeting .submitBooking').removeClass('disabled'); } else { $('.modal.bookMeeting .submitBooking').addClass('disabled'); } }; // Company Search if ($('.searchFieldsContainer').length) { var container = $('.searchFieldsContainer'); $('#type a').click(function(e){ e.preventDefault(); var target = $(this).attr('href'); $('.variableField').removeClass('in'); $(target).addClass('in'); $('#type .title').text($(this).text()); $('#type').toggleDropdown(); }) $('#name input').on('input', function(){ var x = $(this).val().toLowerCase(); if ($(this).val().length) { $('#name').addClass('typing'); //Search for values that match this in the select lists $('#name').find('.suggestions ul li a').each(function () { var ele = $(this); var parent = ele.parent(); var name = ele.html(); var y = name.toLowerCase(); if (y.includes(x)) { parent.removeClass('d-none'); } else { parent.addClass('d-none'); } }); $('#name .suggestions').slideDown(); } else { $('#name').removeClass('typing'); $('#name .suggestions').slideUp("300", function() { $('#name').find('.suggestions ul li a').removeClass('d-none'); }); } }); $('#name .clearField').click(function(){ $('#name input').val(''); $('#name').removeClass('typing'); $('#name .suggestions').slideUp("300", function() { $('#name').find('.suggestions ul li a').removeClass('d-none'); }); }); if ($('#companyResults').hasClass('in')) { $('footer .wave').removeClass('white').addClass('grey'); } } // Table Scrolling if ($('table').length > 0) { $.fn.scrollTables = function() { var container = $(this).parent(); var table = $(this).children('table'); if (table.width() > container.width()) { if ($(window).width() < 992) { var icons = '<div class="tableIcons"><i class="far fa-angle-left"></i><i class="far fa-angle-right"></i><i class="far fa-hand-point-up"></i></div>' $(this).before(icons); $(this).wrap('<div class="tableGradient"></div>') } if ($(this).hasClass('fix')) { $(this).addClass('fixed'); } else { $(this).addClass('scroll'); } } }; $('table').each(function(){ $(this).wrap('<div class="table">'); $(this).parent().scrollTables(); }); } // Quill var toolbarOptions = [ [{ 'header': [2, 3, 4, false] }], ['bold', 'italic', 'underline'], ['link'] ]; $('.quillField').each(function(){ var field = $(this).attr('id'); var placeholder = $(this).siblings('.placeholder').html(); var wrapper = $(this).parent('.inputWrapper'); var textarea = $(this).siblings('textarea'); var quillField = new Quill('#' + field, { modules: { toolbar: toolbarOptions }, theme: 'snow', placeholder: placeholder }); quillField.on('text-change', function() { $(textarea).val(quillField.root.innerHTML); }); }); // Forms $(document).on('click', 'form a.submit', function(e){ e.preventDefault(); ele = $(this); if (ele.hasClass('login')) { ele.html('Logging in...'); } else { ele.html('Saving, please wait...'); } ele.addClass('disabled'); $(this).parents('form').find('input[type="submit"]').click(); }); $(document).on('click', 'form.search i.submit', function(){ $(this).parents('form').find('input[type="submit"]').click(); }); $('.telInput').each(function(){ var id = $(this).children('input').attr('id'); var name = $(this).children('input').attr('data-name'); var input = document.querySelector('#' + id); $('#' + id).addClass('gotcha'); window.intlTelInput(input, { utilsScript: '/site/js/includes/08_utils.js', autoPlaceholder: 'aggressive', hiddenInput: name, initialCountry: 'auto', separateDialCode: true, geoIpLookup: function(success, failure) { $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) { var countryCode = (resp && resp.country) ? resp.country : "us"; success(countryCode); }); } }); }); $('.styledRadios .rButton').click(function(){ var parent = $(this).parents('.styledRadios'); $(this).addClass('active'); if ($(this).hasClass('r1')) { parent.find('.rButton.r2').removeClass('active'); parent.find('input.r1').trigger('click'); parent.next('.styledUploads, .hiddenField').addClass('open'); } else { parent.find('.rButton.r1').removeClass('active'); parent.find('input.r2').trigger('click'); parent.next('.styledUploads, .hiddenField').removeClass('open'); } }) $('.styledRadios').each(function(){ if ($(this).find('input:checked').hasClass('r1')) { $(this).find('.rButton.r1').addClass('active'); $(this).next('.styledUploads, .hiddenField').addClass('open'); $(this).parents('.orderingContainer').addClass('open'); } else if ($(this).find('input:checked').hasClass('r2')) { $(this).find('.rButton.r2').addClass('active'); } }); $('.styledRadiosMulti .rButton').click(function(){ const parent = $(this).parents('.styledRadiosMulti'); const radio = $(this).attr('data-radio'); parent.find('.rButton.active').removeClass('active'); parent.find('input.' + radio).trigger('click'); $(this).addClass('active'); }) $('.styledRadiosMulti').each(function(){ const active = $(this).find('input:checked').attr('class'); $(this).find('.rButton[data-radio="' + active + '"]').addClass('active'); }); if ($('.orderingContainer').length) { $.fn.orderingIcons = function() { var openCount = $('.orderingRow.open').length; var min=null, max=null; $('.orderingRow.open').each(function() { var openOrder = $(this).attr('data-order'); if ((min===null) || (openOrder < min)) { min = openOrder; } if ((max===null) || (openOrder > max)) { max = openOrder; } }); $('.orderingRow.open').each(function(){ var openOrder = $(this).attr('data-order'); if (openOrder == min) { $(this).addClass('first'); $(this).removeClass('last'); } else if (openOrder == max) { $(this).addClass('last'); $(this).removeClass('first'); } else { $(this).removeClass('first'); $(this).removeClass('last'); } }); }; $('.orderingRow').each(function(){ var order= $(this).attr('data-order'); $(this).css('order',order); if ($(this).find('.rButton.r1').hasClass('active')) { $(this).addClass('open').removeClass('closed'); } $('.orderingControls').orderingIcons(); }); $('.orderingControls i').click(function(){ var row = $(this).parents('.orderingRow'); var order = parseInt(row.attr('data-order')); var newOrder = order + 1; if ($(this).hasClass('moveUp')) { newOrder = order - 1; } var sibling = row.siblings('.orderingRow[data-order="' + newOrder + '"]'); sibling.attr('data-order',order); sibling.css('order',order); row.attr('data-order',newOrder); row.css('order',newOrder); $('.orderingControls').orderingIcons(); }); $('.orderingContainer .rButton').click(function(){ var parent = $(this).parents('.styledRadios'); $(this).addClass('active'); if ($(this).hasClass('r1')) { $(this).parents('.orderingRow').addClass('open').removeClass('closed'); } else { $(this).parents('.orderingRow').removeClass('open').addClass('closed'); $(this).parents('.orderingRow').find('input[type="text"]').val(''); if ($('.enableSubmit.checkbox input').prop('checked')) { var filled = 0; $('.enableSubmit .orderingRow').each(function(){ if ($(this).find('input[type="text"]').val()) { filled ++; } }); if (filled > 1) { $('.submitWrapper').removeClass('disabled'); $('form.application').removeClass('disabled'); } else { $('.submitWrapper').addClass('disabled'); $('form.application').addClass('disabled'); } } else { if ($('.enableSubmit.checkbox').length > 0) { $('.submitWrapper').addClass('disabled'); $('form.application').addClass('disabled'); } } } $('.orderingControls').orderingIcons(); }) } if ($('.uploadWrapper').length > 0) { var uploadTruncateCount = 20; if ($(window).width() < 768) { uploadTruncateCount = 20; } else if ($(window).width() < 992) { uploadTruncateCount = 15; } else if ($(window).width() < 1199) { uploadTruncateCount = 20; } else if ($(window).width() < 1659) { uploadTruncateCount = 20; } $('.uploadWrapper input').on('change', function(){ var message = $(this).siblings('.fileMessage'); if(this.files) { var file = this.files[0]; var fileName = file.name; if (fileName.length > uploadTruncateCount) { fileName = fileName.substring(0,uploadTruncateCount) + '...'; } message.children('span').text(fileName); message.addClass('open'); $(this).siblings('label, small').hide(); if ($(this).hasClass('dlUpload')) { $(this).parents('.styledUploads').find('.uploadHidden').addClass('in'); } } }); $('.uploadWrapper .remove').click(function(){ var upload = $(this).parents('.uploadWrapper'); var input = upload.find('input'); var message = upload .find('.fileMessage'); input.wrap('<form>').parent('form').trigger('reset'); input.unwrap(); message.removeClass('open'); message.children('span').text(''); input.siblings('label, small').show(); $(this).parents('.styledUploads').find('.uploadHidden').removeClass('in'); $(this).parents('.styledUploads').find('.uploadHidden').find('input').val(''); }); $('.uploadHidden input').on('change blur focus', function(){ if ($(this).val()) { $(this).parents('.styledUploads').next().addClass('open'); } }); } $('.enableSubmit input, .enableSubmit select').change(function(){ if ($('.enableSubmit.checkbox input').prop('checked')) { var filled = 0; $('.enableSubmit .orderingRow').each(function(){ if ($(this).find('input[type="text"]').val()) { filled ++; } }); if (filled > 1) { if ($(this).parents('.valLocation').length) { if ($('select[name="user_country"] option:selected').val() && $('select[name="user_timezone"] option:selected').val()) { $('.submitWrapper').removeClass('disabled'); $('form.application').removeClass('disabled'); } else { $('.submitWrapper').addClass('disabled'); $('form.application').addClass('disabled'); } } else { $('.submitWrapper').removeClass('disabled'); $('form.application').removeClass('disabled'); } } else { $('.submitWrapper').addClass('disabled'); $('form.application').addClass('disabled'); } } else { $('.submitWrapper').addClass('disabled'); $('form.application').addClass('disabled'); } }); if ($('form.application .formProgress').length) { var form = $('form.application'); var totalTextfields = form.find('input[type="text"]').length; var totalNumberfields = form.find('input[type="number"]').length; var totalTextareas = form.find('textarea').length; var totalSelects = form.find('select').length; var totalRadios = (form.find('input[type="radio"]:not(".progressIgnore")').length) / 2; var totalFields = totalTextfields + totalNumberfields + totalTextareas + totalSelects + totalRadios; $.fn.formProgress = function() { var filledFields = 0 form.find('input[type="text"]').each(function(){ if ($(this).val()) { filledFields ++; } }); form.find('input[type="number"]').each(function(){ if ($(this).val()) { filledFields ++; } }); form.find('textarea').each(function(){ if ($(this).val()) { filledFields ++; } }); form.find('select').each(function(){ if ($(this).val()) { filledFields ++; } }); form.find('input[type="radio"]:not(".progressIgnore")').each(function(){ if ($(this).prop('checked')) { filledFields ++; } }); var percent = parseInt((filledFields / totalFields * 100)); $('.formProgress span').text(percent); }; $('form.application').formProgress(); $('form.application input, form.application select, form.application textarea').change(function(){ $('form.application').formProgress(); }); } $('form.application').submit(function(e){ $('.orderingRow').each(function(){ var order = $(this).attr('data-order'); $(this).find('input.pref').val(order); }); if ($(this).hasClass('disabled')) { e.preventDefault(); } }); $('form.application .submitWrapper').hover(function(){ if ($(this).hasClass('disabled')) { $(this).toggleClass('showMessage'); } }) $('form .togglePass').click(function(){ var input = $(this).siblings('input'); if ($(this).hasClass('fa-eye')) { input.attr('type','password'); } else { input.attr('type','text'); } $(this).toggleClass('fa-eye fa-eye-slash'); }) // Date Picker $('#young_dob').datetimepicker({ format: 'DD-MM-YYYY', icons: { date: 'fas fa-calendar-alt', up: 'fas fa-angle-up', down: 'fas fa-angle-down', previous: 'fas fa-angle-left', next: 'fas fa-angle-right' } }); $('#passport_dob').datetimepicker({ format: 'DD-MM-YYYY', icons: { date: 'fas fa-calendar-alt', up: 'fas fa-angle-up', down: 'fas fa-angle-down', previous: 'fas fa-angle-left', next: 'fas fa-angle-right' } }); $('#passport_doi').datetimepicker({ format: 'DD-MM-YYYY', icons: { date: 'fas fa-calendar-alt', up: 'fas fa-angle-up', down: 'fas fa-angle-down', previous: 'fas fa-angle-left', next: 'fas fa-angle-right' } }); $('#passport_doe').datetimepicker({ format: 'DD-MM-YYYY', icons: { date: 'fas fa-calendar-alt', up: 'fas fa-angle-up', down: 'fas fa-angle-down', previous: 'fas fa-angle-left', next: 'fas fa-angle-right' } }); $('#meeting_date').datetimepicker({ format: 'DD-MMM-YYYY', icons: { date: 'fas fa-calendar-alt', up: 'fas fa-angle-up', down: 'fas fa-angle-down', previous: 'fas fa-angle-left', next: 'fas fa-angle-right' } }); // Sticky Form Progress if ($(window).width() > 991 && $('.formProgress').length > 0) { var sidebarOffset = $('.formProgress').offset(); var sidebarTop = sidebarOffset.top; var sidebarHeight = $('.formProgress').height(); var contentHeight = $('form.application').height(); if (contentHeight > sidebarHeight) { var reducedTop = sidebarTop - 200; if ($(window).width() < 1200) { reducedTop = reducedTop - 50; } $('.formProgress').css('top',reducedTop); } } // Full Page BG Header if ($('body').hasClass('fullBG')) { var docHeight = $(document).height(); $('header').css('background-size','100% ' + docHeight + 'px'); if ($(window).width() < 1660) { $('header .overlay').css('background-size','auto ' + docHeight + 'px'); } $('header').addClass('in'); } // Show Event Boxes if ($(window).width() < 768) { $('.toggleEventBoxes').click(function(){ if ($(this).hasClass('open')) { $(this).text('Show').removeClass('open'); $('.dashEventBoxes').slideUp(); } else { $(this).text('Hide').addClass('open'); $('.dashEventBoxes').slideDown(); } }); } // User Management // $('#XstaffMembers').on('click', '.removeUser', function(e){ // e.preventDefault(); // const modal = $('#removeUserPopup'); // // // const memberId = $(this).data('member-id'); // const memberName = $(this).data('member-name'); // modal.find('.memberId').val(memberId); // modal.find('.name').text(memberName); // // modal.modal('show'); // }) // // Open Agenda Popup $('#agendaPopup').on('shown.bs.modal', function(){ $('#agendaPopup .tabsNav').slick('refresh'); $('#agendaPopup .tabsNav.sliding').addClass('open'); }); // Staff Contact Details $('.staffProfileFull .contactDetails i').click(function(){ $(this).toggleClass('active'); $(this).parent().toggleClass('faded'); idx = $('.staffProfileFull .contactDetails i').index($(this)); $('.staffProfileFull .contactDetails .inner').eq(idx).slideToggle(); }); }); // Scroll Functions $(window).scroll(function(){ var scroll = $(window).scrollTop(); if ($(window).width() < 992 && $('.formProgress').length) { var progressOffset; if ($('.formProgress').attr('data-top')) { progressOffset = $('.formProgress').attr('data-top'); } else { progressOffset = $('.formProgress').offset(); progressOffset = parseInt(progressOffset.top); $('.formProgress').attr('data-top',progressOffset); } if (scroll > progressOffset) { $('.formProgress').addClass('fixed'); setTimeout(function(){$('.formProgress .inner').addClass('down');}, 10); } else { $('.formProgress').removeClass('fixed'); $('.formProgress .inner').removeClass('down'); } } }); /** * AJAX SCRIPTS */ $(document).on('click', '.evtBtn', function() { var newText = $(this).data('loading-msg'); var thisBtn = $(this); $(this).children(".htmx-loader").addClass('active'); $(this).addClass('disabled'); if($(this).is('input')) { var currentTxt = $(this).val(); $(this).val(newText); } else { var currentTxt = $(this).text(); $(this).text(newText); } var elm = $(this); if ($(this).data('request-el')) { var parentEl = $(this).data('request-el'); elm = $(parentEl); } var interval = setInterval(btnStatus, 500, elm); function btnStatus(el) { if (!el.hasClass('htmx-request')) { // Do something if(thisBtn.is('input')) { thisBtn.val(currentTxt); } else { thisBtn.text(currentTxt); } thisBtn.removeClass('disabled'); clearInterval(interval); } }; }); /// MAY NEED TO REENABLE THIS // $(document).on('click', '.submitBooking', function (e) { // $(this).parents('form').submit(); // }); $(document).on('submit', '#site_modals form', function (e) { $("#site_modals .button .htmx-loader").addClass('active'); }); $("#site_modals").on('click', '[data-dismiss="modal"]', function (e) { e.preventDefault(); $('#site_modals .modal').removeClass('show'); $('#modalBackdrop').removeClass('show'); $('body').removeClass('modal-open'); // Clear the URL param from the Meeting Hub let url = new URL(window.location.href); let params = new URLSearchParams(url.search); if(params.has('type') === true || params.has('meeting') === true) { window.history.replaceState(null,"Home","/"); } setTimeout(function () { $('#site_modals .modal').remove(); $('#modalBackdrop').remove(); }, 550); }); $(document).on('click', "#modalBackdrop", function (e) { e.preventDefault(); $('#site_modals .modal').removeClass('show'); $(document).find('.modal-backdrop').removeClass('show'); $('body').removeClass('modal-open'); setTimeout(function () { $('#site_modals .modal').remove(); $(document).find('.modal-backdrop').remove(); }, 550); }); htmx.on("htmx:afterSwap", function(evt) { if(document.querySelector('#memberPhone') !== null) { $('#memberPhone').parent('.telInput').addClass('gotcha'); var name = $("#memberPhone").attr('data-name'); var meminput = document.querySelector('#memberPhone'); window.intlTelInput(meminput, { utilsScript: '/site/js/includes/08_utils.js', autoPlaceholder: 'aggressive', initialCountry: 'auto', hiddenInput: name, separateDialCode: true, geoIpLookup: function(success, failure) { $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) { var countryCode = (resp && resp.country) ? resp.country : "us"; success(countryCode); }); } }); // Get the hidden phone field and update it with the current // value of the phone input var hiddenVal = $("#memberPhone").data('last-val'); $("#memberPhone").next().val(hiddenVal); } }); // Checkbox Dropdowns $(document).on('click', '.checkboxDropdown li', function(){ const dropdown = $(this).parents('.checkboxDropdown'); if (dropdown.hasClass('singleSelect')) { dropdown.find('li.checked').removeClass('checked'); $(this).addClass('checked'); dropdown.children('.title').text($(this).text()); dropdown.toggleDropdown(); dropdown.find('input[type="checkbox"]').attr('checked', false); $(this).children('input[type="checkbox"]').prop('checked', true); } else { $(this).toggleClass('checked'); dropdown.checkDropdownBoxes(); if($(this).hasClass('checked')) { $(this).children('input[type="checkbox"]').attr('checked', true); } else { $(this).children('input[type="checkbox"]').attr('checked', false); } } $(this).children('.filterType').attr('checked', true); if($(this).hasClass('ajaxCont')) { //$(this).parents('form').submit(); htmx.trigger(htmx.find("#filterForm"), "submit"); } }); $.fn.checkDropdownBoxes = function() { const count = $(this).find('li.checked').length; if (count > 0) { // $(this).find('.title .count').text('(' + count + ')'); $(this).addClass('active'); } else { //$(this).find('.title .count').text(''); $(this).removeClass('active'); } }; Array.prototype.remove = function() { var what, a = arguments, L = a.length, ax; while (L && this.length) { what = a[--L]; while ((ax = this.indexOf(what)) !== -1) { this.splice(ax, 1); } } return this; }; function convertTZ(date, tzString) { return new Date((typeof date === "string" ? new Date(date) : date).toLocaleString("en-US", {timeZone: tzString})); } htmx.on("htmx:load", function (evt) { $.fn.matchHeight._update(); if (evt.target.parentElement.id == 'site_modals') { $('.modal-backdrop').addClass('show'); $('#site_modals .modal').modal('show'); $(".button .htmx-loader").removeClass('active'); $('.timezoneSelect').select2(); $('.countrySelect').select2(); } $(document).find('pre.debug').append(`<i class="fas fa-times"></i>`); if($(document).find("#XeventAgenda .tabbedContent").length !== 0) { $('.tabbedContent').each(function(){ console.log('tset'); if ($(this).parents('.modal').length) { return false; } const count = $(this).find('.tabsNav li').length; var needSlider = 0; var toShow = 3 var variableWidth = false; if ($(this).parents('#agendaPopup').length) { const navWidth = (count * 130) - 30; const containerWidth = 384; if (navWidth > containerWidth) { needSlider = 1; } } else { const navWidth = count * 130; const containerWidth = $(this).children('.tabsNav').width(); if (navWidth > containerWidth) { needSlider = 1; variableWidth = true; toShow = 5; } } if ($(window).width() < 768) { toShow = 2; if ($(this).is('#XeventAgenda #agendaFullList')) { variableWidth = true; } else { variableWidth = false; } } if (($(window).width() < 768 && count > 3) || needSlider == 1) { const slider = $(this).children('.tabsNav'); slider.addClass('sliding'); slider.slick({ infinite: false, adaptiveHeight: false, variableWidth: variableWidth, slidesToShow: toShow, prevArrow: '<span class="prev"><i class="fas fa-chevron-left"></i></span>', nextArrow: '<span class="next"><i class="fas fa-chevron-right"></i></span>' }); } }); $.fn.tabsToSlider = function() { const nav = $(this); const count = nav.children('li').length; const navWidth = count * 130; const containerWidth = nav.width(); if (navWidth > containerWidth) { const slidesToShow = Math.floor(containerWidth / 130); nav.addClass('sliding'); nav.slick({ infinite: false, variableWidth: true, slidesToShow: slidesToShow, prevArrow: '<span class="prev"><i class="fas fa-chevron-left"></i></span>', nextArrow: '<span class="next"><i class="fas fa-chevron-right"></i></span>' }); } } } }); $(document).ready(function() { $('.timezoneSelect').select2(); $('.countrySelect').select2(); }); $('.timezoneSelection form a').on('click', function() { $(this).text('SAVING TIMEZONE...'); $(this).addClass('disabled'); }); $(document).on('click', '#site_modals .selectPlatformItem a', function() { //bookMeetingSubmit if($(this).parents('.selectPlatformItem').hasClass('active')) { $(document).find("#site_modals .bookMeetingSubmit").addClass('disabled'); $(document).find("#site_modals .bookMeetingSubmit").prop('disabled', true); } else { $(document).find("#site_modals .bookMeetingSubmit").removeClass('disabled'); $(document).find("#site_modals .bookMeetingSubmit").prop('disabled', false); } }); </script> <script> $(function() { $(document).find('pre.debug').append(`<i class="fas fa-times"></i>`); $(document).on('click', 'pre.debug i', function() { const hideClass = 'hideIt'; const closeClass = 'fas fa-times'; const showClass = 'fas fa-chevron-right'; $(this).parent().toggleClass(hideClass); if($(this).parent().hasClass(hideClass)) { $(this).removeClass(closeClass).addClass(showClass); } else { $(this).removeClass(showClass).addClass(closeClass); } }); }); </script> </body> </html>

CINXE.COM

THE NEW ERA IN NETWORKING