(function() { function initLoginForm( $ ) { $('.ps-js-form-login').off('submit').on('submit', function( e ) { e.preventDefault(); e.stopPropagation(); peepso.login.submit( e.target ); }); $(function() { var $nav = $('.wp-social-login-widget'); var $wrap = $('.ps-js--wsl'); var $btn = $('.ps-js--wsl .ps-btn'); var $vlinks = $('.ps-js--wsl .wp-social-login-provider-list'); var $hlinks = $('.ps-js--wsl .hidden-links'); var $hdrop = $('.ps-js--wsl .ps-widget--wsl-dropdown'); var numOfItems = 0; var totalSpace = 0; var breakWidths = []; // Get initial state $vlinks.children().outerWidth(function(i, w) { totalSpace += w; numOfItems += 1; breakWidths.push(totalSpace); }); var availableSpace, numOfVisibleItems, requiredSpace; function check() { // Get instant state availableSpace = $vlinks.width() - 40; numOfVisibleItems = $vlinks.children().length; requiredSpace = breakWidths[numOfVisibleItems - 1]; // There is not enought space if (requiredSpace > availableSpace) { $vlinks.children().last().prependTo($hlinks); numOfVisibleItems -= 1; check(); // There is more than enough space } else if (availableSpace > breakWidths[numOfVisibleItems]) { $hlinks.children().first().appendTo($vlinks); numOfVisibleItems += 1; } // Update the button accordingly $btn.attr("count", numOfItems - numOfVisibleItems); if (numOfVisibleItems === numOfItems) { $btn.addClass('hidden'); $wrap.removeClass('has-more'); } else $btn.removeClass('hidden'), $wrap.addClass('has-more'); } // Window listeners $(window).resize(function() { check(); }); $btn.on('click', function() { $hlinks.toggleClass('hidden'); $hdrop.toggleClass('hidden'); }); check(); }); } // naively check if jQuery exist to prevent error var timer = setInterval(function() { if ( window.jQuery ) { clearInterval( timer ); initLoginForm( window.jQuery ); } }, 1000 ); })();