CINXE.COM
Login | DigiFreight Global Network
<!DOCTYPE html> <html> <head> <!-- Website created 100% inhouse by GEL Studios Ltd https://www.gelstudios.co.uk/ //--> <title>Login | DigiFreight Global Network</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="View this resource to check for upgrades if your MODX version shows no widget"> <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="Login"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.digifreight.live/login/"> <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="View this resource to check for upgrades if your MODX version shows no widget"> <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/login/" /> <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" /> <!-- Global site tag (gtag.js) - Google Analytics --> <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="fullBG"> <div class="overlay"></div> <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 active 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 active 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="innerHero"> <div class="overlay"></div> <div class="container relative"> <a class="logo" href="https://www.digifreight.live/"><img src="assets/images/logo.png"></a> <div class="content whiteText text-center"> <h1>Login</h1> </div> </div> <div class="wave white end"></div> </section> <section class="halfMargins"> <div class="container"> <div class="content text-center whiteText mb30"> <p>Not a Member? <a href="join-now/">Join us</a> today!</p> </div> <div class="row justify-content-center"> <div class="col-12 col-md-8 col-lg-6 col-xl-4"> <form class="standard" action="login/" method="post"> <p class="fieldLabel">Email address*</p> <div class="inputWrapper"> <input type="text" name="username" placeholder="Email address*"> </div> <p class="fieldLabel">Password*</p> <div class="inputWrapper"> <input type="password" name="password" placeholder="Password*"> </div> <input type="hidden" name="returnUrl" value="/login/"> <input type="hidden" name="service" value="login"> <input type="submit" name="Login" value="1"> <div class="text-center"> <a class="button submit login">Login</a> </div> <div class="text-center mt20"> <a class="hyperlink" href="forgot-password/">Forgotten password</a> </div> </form> </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,"Login","login/"); } 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>