wp-includes/js/admin-bar.js

   1 /* jshint loopfunc: true */
   2 // use jQuery and hoverIntent if loaded
   3 if ( typeof(jQuery) != 'undefined' ) {
   4         if ( typeof(jQuery.fn.hoverIntent) == 'undefined' ) {
   5                 /* jshint ignore:start */
   6                 // hoverIntent v1.8.1 - Copy of wp-includes/js/hoverIntent.min.js
   7                 !function(a){a.fn.hoverIntent=function(b,c,d){var e={interval:100,sensitivity:6,timeout:0};e="object"==typeof b?a.extend(e,b):a.isFunction(c)?a.extend(e,{over:b,out:c,selector:d}):a.extend(e,{over:b,out:b,selector:c});var f,g,h,i,j=function(a){f=a.pageX,g=a.pageY},k=function(b,c){return c.hoverIntent_t=clearTimeout(c.hoverIntent_t),Math.sqrt((h-f)*(h-f)+(i-g)*(i-g))<e.sensitivity?(a(c).off("mousemove.hoverIntent",j),c.hoverIntent_s=!0,e.over.apply(c,[b])):(h=f,i=g,c.hoverIntent_t=setTimeout(function(){k(b,c)},e.interval),void 0)},l=function(a,b){return b.hoverIntent_t=clearTimeout(b.hoverIntent_t),b.hoverIntent_s=!1,e.out.apply(b,[a])},m=function(b){var c=a.extend({},b),d=this;d.hoverIntent_t&&(d.hoverIntent_t=clearTimeout(d.hoverIntent_t)),"mouseenter"===b.type?(h=c.pageX,i=c.pageY,a(d).on("mousemove.hoverIntent",j),d.hoverIntent_s||(d.hoverIntent_t=setTimeout(function(){k(c,d)},e.interval))):(a(d).off("mousemove.hoverIntent",j),d.hoverIntent_s&&(d.hoverIntent_t=setTimeout(function(){l(c,d)},e.timeout)))};return this.on({"mouseenter.hoverIntent":m,"mouseleave.hoverIntent":m},e.selector)}}(jQuery);
   8                 /* jshint ignore:end */
   9         }
  10         jQuery(document).ready(function($){
  11                 var adminbar = $('#wpadminbar'), refresh, touchOpen, touchClose, disableHoverIntent = false;
  12
  13                 refresh = function(i, el){ // force the browser to refresh the tabbing index
  14                         var node = $(el), tab = node.attr('tabindex');
  15                         if ( tab )
  16                                 node.attr('tabindex', '0').attr('tabindex', tab);
  17                 };
  18
  19                 touchOpen = function(unbind) {
  20                         adminbar.find('li.menupop').on('click.wp-mobile-hover', function(e) {
  21                                 var el = $(this);
  22
  23                                 if ( el.parent().is('#wp-admin-bar-root-default') && !el.hasClass('hover') ) {
  24                                         e.preventDefault();
  25                                         adminbar.find('li.menupop.hover').removeClass('hover');
  26                                         el.addClass('hover');
  27                                 } else if ( !el.hasClass('hover') ) {
  28                                         e.stopPropagation();
  29                                         e.preventDefault();
  30                                         el.addClass('hover');
  31                                 } else if ( ! $( e.target ).closest( 'div' ).hasClass( 'ab-sub-wrapper' ) ) {
  32                                         // We're dealing with an already-touch-opened menu genericon (we know el.hasClass('hover')),
  33                                         // so close it on a second tap and prevent propag and defaults. See #29906
  34                                         e.stopPropagation();
  35                                         e.preventDefault();
  36                                         el.removeClass('hover');
  37                                 }
  38
  39                                 if ( unbind ) {
  40                                         $('li.menupop').off('click.wp-mobile-hover');
  41                                         disableHoverIntent = false;
  42                                 }
  43                         });
  44                 };
  45
  46                 touchClose = function() {
  47                         var mobileEvent = /Mobile\/.+Safari/.test(navigator.userAgent) ? 'touchstart' : 'click';
  48                         // close any open drop-downs when the click/touch is not on the toolbar
  49                         $(document.body).on( mobileEvent+'.wp-mobile-hover', function(e) {
  50                                 if ( !$(e.target).closest('#wpadminbar').length )
  51                                         adminbar.find('li.menupop.hover').removeClass('hover');
  52                         });
  53                 };
  54
  55                 adminbar.removeClass('nojq').removeClass('nojs');
  56
  57                 if ( 'ontouchstart' in window ) {
  58                         adminbar.on('touchstart', function(){
  59                                 touchOpen(true);
  60                                 disableHoverIntent = true;
  61                         });
  62                         touchClose();
  63                 } else if ( /IEMobile\/[1-9]/.test(navigator.userAgent) ) {
  64                         touchOpen();
  65                         touchClose();
  66                 }
  67
  68                 adminbar.find('li.menupop').hoverIntent({
  69                         over: function() {
  70                                 if ( disableHoverIntent )
  71                                         return;
  72
  73                                 $(this).addClass('hover');
  74                         },
  75                         out: function() {
  76                                 if ( disableHoverIntent )
  77                                         return;
  78
  79                                 $(this).removeClass('hover');
  80                         },
  81                         timeout: 180,
  82                         sensitivity: 7,
  83                         interval: 100
  84                 });
  85
  86                 if ( window.location.hash )
  87                         window.scrollBy( 0, -32 );
  88
  89                 $('#wp-admin-bar-get-shortlink').click(function(e){
  90                         e.preventDefault();
  91                         $(this).addClass('selected').children('.shortlink-input').blur(function(){
  92                                 $(this).parents('#wp-admin-bar-get-shortlink').removeClass('selected');
  93                         }).focus().select();
  94                 });
  95
  96                 $('#wpadminbar li.menupop > .ab-item').bind('keydown.adminbar', function(e){
  97                         if ( e.which != 13 )
  98                                 return;
  99
 100                         var target = $(e.target),
 101                                 wrap = target.closest('.ab-sub-wrapper'),
 102                                 parentHasHover = target.parent().hasClass('hover');
 103
 104                         e.stopPropagation();
 105                         e.preventDefault();
 106
 107                         if ( !wrap.length )
 108                                 wrap = $('#wpadminbar .quicklinks');
 109
 110                         wrap.find('.menupop').removeClass('hover');
 111
 112                         if ( ! parentHasHover ) {
 113                                 target.parent().toggleClass('hover');
 114                         }
 115
 116                         target.siblings('.ab-sub-wrapper').find('.ab-item').each(refresh);
 117                 }).each(refresh);
 118
 119                 $('#wpadminbar .ab-item').bind('keydown.adminbar', function(e){
 120                         if ( e.which != 27 )
 121                                 return;
 122
 123                         var target = $(e.target);
 124
 125                         e.stopPropagation();
 126                         e.preventDefault();
 127
 128                         target.closest('.hover').removeClass('hover').children('.ab-item').focus();
 129                         target.siblings('.ab-sub-wrapper').find('.ab-item').each(refresh);
 130                 });
 131
 132                 adminbar.click( function(e) {
 133                         if ( e.target.id != 'wpadminbar' && e.target.id != 'wp-admin-bar-top-secondary' ) {
 134                                 return;
 135                         }
 136
 137                         adminbar.find( 'li.menupop.hover' ).removeClass( 'hover' );
 138                         $( 'html, body' ).animate( { scrollTop: 0 }, 'fast' );
 139                         e.preventDefault();
 140                 });
 141
 142                 // fix focus bug in WebKit
 143                 $('.screen-reader-shortcut').keydown( function(e) {
 144                         var id, ua;
 145
 146                         if ( 13 != e.which )
 147                                 return;
 148
 149                         id = $( this ).attr( 'href' );
 150
 151                         ua = navigator.userAgent.toLowerCase();
 152
 153                         if ( ua.indexOf('applewebkit') != -1 && id && id.charAt(0) == '#' ) {
 154                                 setTimeout(function () {
 155                                         $(id).focus();
 156                                 }, 100);
 157                         }
 158                 });
 159
 160                 $( '#adminbar-search' ).on({
 161                         focus: function() {
 162                                 $( '#adminbarsearch' ).addClass( 'adminbar-focused' );
 163                         }, blur: function() {
 164                                 $( '#adminbarsearch' ).removeClass( 'adminbar-focused' );
 165                         }
 166                 } );
 167
 168                 // Empty sessionStorage on logging out
 169                 if ( 'sessionStorage' in window ) {
 170                         $('#wp-admin-bar-logout a').click( function() {
 171                                 try {
 172                                         for ( var key in sessionStorage ) {
 173                                                 if ( key.indexOf('wp-autosave-') != -1 )
 174                                                         sessionStorage.removeItem(key);
 175                                         }
 176                                 } catch(e) {}
 177                         });
 178                 }
 179
 180                 if ( navigator.userAgent && document.body.className.indexOf( 'no-font-face' ) === -1 &&
 181                         /Android (1.0|1.1|1.5|1.6|2.0|2.1)|Nokia|Opera Mini|w(eb)?OSBrowser|webOS|UCWEB|Windows Phone OS 7|XBLWP7|ZuneWP7|MSIE 7/.test( navigator.userAgent ) ) {
 182
 183                         document.body.className += ' no-font-face';
 184                 }
 185         });
 186 } else {
 187         (function(d, w) {
 188                 var addEvent = function( obj, type, fn ) {
 189                         if ( obj.addEventListener )
 190                                 obj.addEventListener(type, fn, false);
 191                         else if ( obj.attachEvent )
 192                                 obj.attachEvent('on' + type, function() { return fn.call(obj, window.event);});
 193                 },
 194
 195                 aB, hc = new RegExp('\\bhover\\b', 'g'), q = [],
 196                 rselected = new RegExp('\\bselected\\b', 'g'),
 197
 198                 /**
 199                  * Get the timeout ID of the given element
 200                  */
 201                 getTOID = function(el) {
 202                         var i = q.length;
 203                         while ( i-- ) {
 204                                 if ( q[i] && el == q[i][1] )
 205                                         return q[i][0];
 206                         }
 207                         return false;
 208                 },
 209
 210                 addHoverClass = function(t) {
 211                         var i, id, inA, hovering, ul, li,
 212                                 ancestors = [],
 213                                 ancestorLength = 0;
 214
 215                         while ( t && t != aB && t != d ) {
 216                                 if ( 'LI' == t.nodeName.toUpperCase() ) {
 217                                         ancestors[ ancestors.length ] = t;
 218                                         id = getTOID(t);
 219                                         if ( id )
 220                                                 clearTimeout( id );
 221                                         t.className = t.className ? ( t.className.replace(hc, '') + ' hover' ) : 'hover';
 222                                         hovering = t;
 223                                 }
 224                                 t = t.parentNode;
 225                         }
 226
 227                         // Remove any selected classes.
 228                         if ( hovering && hovering.parentNode ) {
 229                                 ul = hovering.parentNode;
 230                                 if ( ul && 'UL' == ul.nodeName.toUpperCase() ) {
 231                                         i = ul.childNodes.length;
 232                                         while ( i-- ) {
 233                                                 li = ul.childNodes[i];
 234                                                 if ( li != hovering )
 235                                                         li.className = li.className ? li.className.replace( rselected, '' ) : '';
 236                                         }
 237                                 }
 238                         }
 239
 240                         /* remove the hover class for any objects not in the immediate element's ancestry */
 241                         i = q.length;
 242                         while ( i-- ) {
 243                                 inA = false;
 244                                 ancestorLength = ancestors.length;
 245                                 while( ancestorLength-- ) {
 246                                         if ( ancestors[ ancestorLength ] == q[i][1] )
 247                                                 inA = true;
 248                                 }
 249
 250                                 if ( ! inA )
 251                                         q[i][1].className = q[i][1].className ? q[i][1].className.replace(hc, '') : '';
 252                         }
 253                 },
 254
 255                 removeHoverClass = function(t) {
 256                         while ( t && t != aB && t != d ) {
 257                                 if ( 'LI' == t.nodeName.toUpperCase() ) {
 258                                         (function(t) {
 259                                                 var to = setTimeout(function() {
 260                                                         t.className = t.className ? t.className.replace(hc, '') : '';
 261                                                 }, 500);
 262                                                 q[q.length] = [to, t];
 263                                         })(t);
 264                                 }
 265                                 t = t.parentNode;
 266                         }
 267                 },
 268
 269                 clickShortlink = function(e) {
 270                         var i, l, node,
 271                                 t = e.target || e.srcElement;
 272
 273                         // Make t the shortlink menu item, or return.
 274                         while ( true ) {
 275                                 // Check if we've gone past the shortlink node,
 276                                 // or if the user is clicking on the input.
 277                                 if ( ! t || t == d || t == aB )
 278                                         return;
 279                                 // Check if we've found the shortlink node.
 280                                 if ( t.id && t.id == 'wp-admin-bar-get-shortlink' )
 281                                         break;
 282                                 t = t.parentNode;
 283                         }
 284
 285                         // IE doesn't support preventDefault, and does support returnValue
 286                         if ( e.preventDefault )
 287                                 e.preventDefault();
 288                         e.returnValue = false;
 289
 290                         if ( -1 == t.className.indexOf('selected') )
 291                                 t.className += ' selected';
 292
 293                         for ( i = 0, l = t.childNodes.length; i < l; i++ ) {
 294                                 node = t.childNodes[i];
 295                                 if ( node.className && -1 != node.className.indexOf('shortlink-input') ) {
 296                                         node.focus();
 297                                         node.select();
 298                                         node.onblur = function() {
 299                                                 t.className = t.className ? t.className.replace( rselected, '' ) : '';
 300                                         };
 301                                         break;
 302                                 }
 303                         }
 304                         return false;
 305                 },
 306
 307                 scrollToTop = function(t) {
 308                         var distance, speed, step, steps, timer, speed_step;
 309
 310                         // Ensure that the #wpadminbar was the target of the click.
 311                         if ( t.id != 'wpadminbar' && t.id != 'wp-admin-bar-top-secondary' )
 312                                 return;
 313
 314                         distance    = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
 315
 316                         if ( distance < 1 )
 317                                 return;
 318
 319                         speed_step = distance > 800 ? 130 : 100;
 320                         speed     = Math.min( 12, Math.round( distance / speed_step ) );
 321                         step      = distance > 800 ? Math.round( distance / 30  ) : Math.round( distance / 20  );
 322                         steps     = [];
 323                         timer     = 0;
 324
 325                         // Animate scrolling to the top of the page by generating steps to
 326                         // the top of the page and shifting to each step at a set interval.
 327                         while ( distance ) {
 328                                 distance -= step;
 329                                 if ( distance < 0 )
 330                                         distance = 0;
 331                                 steps.push( distance );
 332
 333                                 setTimeout( function() {
 334                                         window.scrollTo( 0, steps.shift() );
 335                                 }, timer * speed );
 336
 337                                 timer++;
 338                         }
 339                 };
 340
 341                 addEvent(w, 'load', function() {
 342                         aB = d.getElementById('wpadminbar');
 343
 344                         if ( d.body && aB ) {
 345                                 d.body.appendChild( aB );
 346
 347                                 if ( aB.className )
 348                                         aB.className = aB.className.replace(/nojs/, '');
 349
 350                                 addEvent(aB, 'mouseover', function(e) {
 351                                         addHoverClass( e.target || e.srcElement );
 352                                 });
 353
 354                                 addEvent(aB, 'mouseout', function(e) {
 355                                         removeHoverClass( e.target || e.srcElement );
 356                                 });
 357
 358                                 addEvent(aB, 'click', clickShortlink );
 359
 360                                 addEvent(aB, 'click', function(e) {
 361                                         scrollToTop( e.target || e.srcElement );
 362                                 });
 363
 364                                 addEvent( document.getElementById('wp-admin-bar-logout'), 'click', function() {
 365                                         if ( 'sessionStorage' in window ) {
 366                                                 try {
 367                                                         for ( var key in sessionStorage ) {
 368                                                                 if ( key.indexOf('wp-autosave-') != -1 )
 369                                                                         sessionStorage.removeItem(key);
 370                                                         }
 371                                                 } catch(e) {}
 372                                         }
 373                                 });
 374                         }
 375
 376                         if ( w.location.hash )
 377                                 w.scrollBy(0,-32);
 378
 379                         if ( navigator.userAgent && document.body.className.indexOf( 'no-font-face' ) === -1 &&
 380                                 /Android (1.0|1.1|1.5|1.6|2.0|2.1)|Nokia|Opera Mini|w(eb)?OSBrowser|webOS|UCWEB|Windows Phone OS 7|XBLWP7|ZuneWP7|MSIE 7/.test( navigator.userAgent ) ) {
 381
 382                                 document.body.className += ' no-font-face';
 383                         }
 384                 });
 385         })(document, window);
 386
 387 }