[Summary view] [Print] [Text view]

   1  /**
   2   * @output wp-includes/js/wplink.js
   3   */
   4  
   5   /* global wpLink */
   6  
   7  ( function( $, wpLinkL10n, wp ) {
   8      var editor, searchTimer, River, Query, correctedURL,
   9          emailRegexp = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,63}$/i,
  10          urlRegexp = /^(https?|ftp):\/\/[A-Z0-9.-]+\.[A-Z]{2,63}[^ "]*$/i,
  11          inputs = {},
  12          rivers = {},
  13          isTouch = ( 'ontouchend' in document );
  14  
  15  	function getLink() {
  16          if ( editor ) {
  17              return editor.$( 'a[data-wplink-edit="true"]' );
  18          }
  19  
  20          return null;
  21      }
  22  
  23      window.wpLink = {
  24          timeToTriggerRiver: 150,
  25          minRiverAJAXDuration: 200,
  26          riverBottomThreshold: 5,
  27          keySensitivity: 100,
  28          lastSearch: '',
  29          textarea: '',
  30          modalOpen: false,
  31  
  32          init: function() {
  33              inputs.wrap = $('#wp-link-wrap');
  34              inputs.dialog = $( '#wp-link' );
  35              inputs.backdrop = $( '#wp-link-backdrop' );
  36              inputs.submit = $( '#wp-link-submit' );
  37              inputs.close = $( '#wp-link-close' );
  38  
  39              // Input.
  40              inputs.text = $( '#wp-link-text' );
  41              inputs.url = $( '#wp-link-url' );
  42              inputs.nonce = $( '#_ajax_linking_nonce' );
  43              inputs.openInNewTab = $( '#wp-link-target' );
  44              inputs.search = $( '#wp-link-search' );
  45  
  46              // Build rivers.
  47              rivers.search = new River( $( '#search-results' ) );
  48              rivers.recent = new River( $( '#most-recent-results' ) );
  49              rivers.elements = inputs.dialog.find( '.query-results' );
  50  
  51              // Get search notice text.
  52              inputs.queryNotice = $( '#query-notice-message' );
  53              inputs.queryNoticeTextDefault = inputs.queryNotice.find( '.query-notice-default' );
  54              inputs.queryNoticeTextHint = inputs.queryNotice.find( '.query-notice-hint' );
  55  
  56              // Bind event handlers.
  57              inputs.dialog.on( 'keydown', wpLink.keydown );
  58              inputs.dialog.on( 'keyup', wpLink.keyup );
  59              inputs.submit.on( 'click', function( event ) {
  60                  event.preventDefault();
  61                  wpLink.update();
  62              });
  63  
  64              inputs.close.add( inputs.backdrop ).add( '#wp-link-cancel button' ).on( 'click', function( event ) {
  65                  event.preventDefault();
  66                  wpLink.close();
  67              });
  68  
  69              rivers.elements.on( 'river-select', wpLink.updateFields );
  70  
  71              // Display 'hint' message when search field or 'query-results' box are focused.
  72              inputs.search.on( 'focus.wplink', function() {
  73                  inputs.queryNoticeTextDefault.hide();
  74                  inputs.queryNoticeTextHint.removeClass( 'screen-reader-text' ).show();
  75              } ).on( 'blur.wplink', function() {
  76                  inputs.queryNoticeTextDefault.show();
  77                  inputs.queryNoticeTextHint.addClass( 'screen-reader-text' ).hide();
  78              } );
  79  
  80              inputs.search.on( 'keyup input', function() {
  81                  window.clearTimeout( searchTimer );
  82                  searchTimer = window.setTimeout( function() {
  83                      wpLink.searchInternalLinks();
  84                  }, 500 );
  85              });
  86  
  87              inputs.url.on( 'paste', function() {
  88                  setTimeout( wpLink.correctURL, 0 );
  89              } );
  90  
  91              inputs.url.on( 'blur', wpLink.correctURL );
  92          },
  93  
  94          // If URL wasn't corrected last time and doesn't start with http:, https:, ? # or /, prepend http://.
  95          correctURL: function () {
  96              var url = inputs.url.val().trim();
  97  
  98              if ( url && correctedURL !== url && ! /^(?:[a-z]+:|#|\?|\.|\/)/.test( url ) ) {
  99                  inputs.url.val( 'http://' + url );
 100                  correctedURL = url;
 101              }
 102          },
 103  
 104          open: function( editorId, url, text ) {
 105              var ed,
 106                  $body = $( document.body );
 107  
 108              $( '#wpwrap' ).attr( 'aria-hidden', 'true' );
 109              $body.addClass( 'modal-open' );
 110              wpLink.modalOpen = true;
 111  
 112              wpLink.range = null;
 113  
 114              if ( editorId ) {
 115                  window.wpActiveEditor = editorId;
 116              }
 117  
 118              if ( ! window.wpActiveEditor ) {
 119                  return;
 120              }
 121  
 122              this.textarea = $( '#' + window.wpActiveEditor ).get( 0 );
 123  
 124              if ( typeof window.tinymce !== 'undefined' ) {
 125                  // Make sure the link wrapper is the last element in the body,
 126                  // or the inline editor toolbar may show above the backdrop.
 127                  $body.append( inputs.backdrop, inputs.wrap );
 128  
 129                  ed = window.tinymce.get( window.wpActiveEditor );
 130  
 131                  if ( ed && ! ed.isHidden() ) {
 132                      editor = ed;
 133                  } else {
 134                      editor = null;
 135                  }
 136              }
 137  
 138              if ( ! wpLink.isMCE() && document.selection ) {
 139                  this.textarea.focus();
 140                  this.range = document.selection.createRange();
 141              }
 142  
 143              inputs.wrap.show();
 144              inputs.backdrop.show();
 145  
 146              wpLink.refresh( url, text );
 147  
 148              $( document ).trigger( 'wplink-open', inputs.wrap );
 149          },
 150  
 151          isMCE: function() {
 152              return editor && ! editor.isHidden();
 153          },
 154  
 155          refresh: function( url, text ) {
 156              var linkText = '';
 157  
 158              // Refresh rivers (clear links, check visibility).
 159              rivers.search.refresh();
 160              rivers.recent.refresh();
 161  
 162              if ( wpLink.isMCE() ) {
 163                  wpLink.mceRefresh( url, text );
 164              } else {
 165                  // For the Text editor the "Link text" field is always shown.
 166                  if ( ! inputs.wrap.hasClass( 'has-text-field' ) ) {
 167                      inputs.wrap.addClass( 'has-text-field' );
 168                  }
 169  
 170                  if ( document.selection ) {
 171                      // Old IE.
 172                      linkText = document.selection.createRange().text || text || '';
 173                  } else if ( typeof this.textarea.selectionStart !== 'undefined' &&
 174                      ( this.textarea.selectionStart !== this.textarea.selectionEnd ) ) {
 175                      // W3C.
 176                      text = this.textarea.value.substring( this.textarea.selectionStart, this.textarea.selectionEnd ) || text || '';
 177                  }
 178  
 179                  inputs.text.val( text );
 180                  wpLink.setDefaultValues();
 181              }
 182  
 183              if ( isTouch ) {
 184                  // Close the onscreen keyboard.
 185                  inputs.url.trigger( 'focus' ).trigger( 'blur' );
 186              } else {
 187                  /*
 188                   * Focus the URL field and highlight its contents.
 189                   * If this is moved above the selection changes,
 190                   * IE will show a flashing cursor over the dialog.
 191                   */
 192                  window.setTimeout( function() {
 193                      inputs.url[0].select();
 194                      inputs.url.trigger( 'focus' );
 195                  } );
 196              }
 197  
 198              // Load the most recent results if this is the first time opening the panel.
 199              if ( ! rivers.recent.ul.children().length ) {
 200                  rivers.recent.ajax();
 201              }
 202  
 203              correctedURL = inputs.url.val().replace( /^http:\/\//, '' );
 204          },
 205  
 206          hasSelectedText: function( linkNode ) {
 207              var node, nodes, i, html = editor.selection.getContent();
 208  
 209              // Partial html and not a fully selected anchor element.
 210              if ( /</.test( html ) && ( ! /^<a [^>]+>[^<]+<\/a>$/.test( html ) || html.indexOf('href=') === -1 ) ) {
 211                  return false;
 212              }
 213  
 214              if ( linkNode.length ) {
 215                  nodes = linkNode[0].childNodes;
 216  
 217                  if ( ! nodes || ! nodes.length ) {
 218                      return false;
 219                  }
 220  
 221                  for ( i = nodes.length - 1; i >= 0; i-- ) {
 222                      node = nodes[i];
 223  
 224                      if ( node.nodeType != 3 && ! window.tinymce.dom.BookmarkManager.isBookmarkNode( node ) ) {
 225                          return false;
 226                      }
 227                  }
 228              }
 229  
 230              return true;
 231          },
 232  
 233          mceRefresh: function( searchStr, text ) {
 234              var linkText, href,
 235                  linkNode = getLink(),
 236                  onlyText = this.hasSelectedText( linkNode );
 237  
 238              if ( linkNode.length ) {
 239                  linkText = linkNode.text();
 240                  href = linkNode.attr( 'href' );
 241  
 242                  if ( ! linkText.trim() ) {
 243                      linkText = text || '';
 244                  }
 245  
 246                  if ( searchStr && ( urlRegexp.test( searchStr ) || emailRegexp.test( searchStr ) ) ) {
 247                      href = searchStr;
 248                  }
 249  
 250                  if ( href !== '_wp_link_placeholder' ) {
 251                      inputs.url.val( href );
 252                      inputs.openInNewTab.prop( 'checked', '_blank' === linkNode.attr( 'target' ) );
 253                      inputs.submit.val( wpLinkL10n.update );
 254                  } else {
 255                      this.setDefaultValues( linkText );
 256                  }
 257  
 258                  if ( searchStr && searchStr !== href ) {
 259                      // The user has typed something in the inline dialog. Trigger a search with it.
 260                      inputs.search.val( searchStr );
 261                  } else {
 262                      inputs.search.val( '' );
 263                  }
 264  
 265                  // Always reset the search.
 266                  window.setTimeout( function() {
 267                      wpLink.searchInternalLinks();
 268                  } );
 269              } else {
 270                  linkText = editor.selection.getContent({ format: 'text' }) || text || '';
 271                  this.setDefaultValues( linkText );
 272              }
 273  
 274              if ( onlyText ) {
 275                  inputs.text.val( linkText );
 276                  inputs.wrap.addClass( 'has-text-field' );
 277              } else {
 278                  inputs.text.val( '' );
 279                  inputs.wrap.removeClass( 'has-text-field' );
 280              }
 281          },
 282  
 283          close: function( reset ) {
 284              $( document.body ).removeClass( 'modal-open' );
 285              $( '#wpwrap' ).removeAttr( 'aria-hidden' );
 286              wpLink.modalOpen = false;
 287  
 288              if ( reset !== 'noReset' ) {
 289                  if ( ! wpLink.isMCE() ) {
 290                      wpLink.textarea.focus();
 291  
 292                      if ( wpLink.range ) {
 293                          wpLink.range.moveToBookmark( wpLink.range.getBookmark() );
 294                          wpLink.range.select();
 295                      }
 296                  } else {
 297                      if ( editor.plugins.wplink ) {
 298                          editor.plugins.wplink.close();
 299                      }
 300  
 301                      editor.focus();
 302                  }
 303              }
 304  
 305              inputs.backdrop.hide();
 306              inputs.wrap.hide();
 307  
 308              correctedURL = false;
 309  
 310              $( document ).trigger( 'wplink-close', inputs.wrap );
 311          },
 312  
 313          getAttrs: function() {
 314              wpLink.correctURL();
 315  
 316              return {
 317                  href: inputs.url.val().trim(),
 318                  target: inputs.openInNewTab.prop( 'checked' ) ? '_blank' : null
 319              };
 320          },
 321  
 322          buildHtml: function(attrs) {
 323              var html = '<a href="' + attrs.href + '"';
 324  
 325              if ( attrs.target ) {
 326                  html += ' target="' + attrs.target + '"';
 327              }
 328  
 329              return html + '>';
 330          },
 331  
 332          update: function() {
 333              if ( wpLink.isMCE() ) {
 334                  wpLink.mceUpdate();
 335              } else {
 336                  wpLink.htmlUpdate();
 337              }
 338          },
 339  
 340          htmlUpdate: function() {
 341              var attrs, text, html, begin, end, cursor, selection,
 342                  textarea = wpLink.textarea;
 343  
 344              if ( ! textarea ) {
 345                  return;
 346              }
 347  
 348              attrs = wpLink.getAttrs();
 349              text = inputs.text.val();
 350  
 351              var parser = document.createElement( 'a' );
 352              parser.href = attrs.href;
 353  
 354              if ( 'javascript:' === parser.protocol || 'data:' === parser.protocol ) { // jshint ignore:line
 355                  attrs.href = '';
 356              }
 357  
 358              // If there's no href, return.
 359              if ( ! attrs.href ) {
 360                  return;
 361              }
 362  
 363              html = wpLink.buildHtml(attrs);
 364  
 365              // Insert HTML.
 366              if ( document.selection && wpLink.range ) {
 367                  // IE.
 368                  // Note: If no text is selected, IE will not place the cursor
 369                  // inside the closing tag.
 370                  textarea.focus();
 371                  wpLink.range.text = html + ( text || wpLink.range.text ) + '</a>';
 372                  wpLink.range.moveToBookmark( wpLink.range.getBookmark() );
 373                  wpLink.range.select();
 374  
 375                  wpLink.range = null;
 376              } else if ( typeof textarea.selectionStart !== 'undefined' ) {
 377                  // W3C.
 378                  begin = textarea.selectionStart;
 379                  end = textarea.selectionEnd;
 380                  selection = text || textarea.value.substring( begin, end );
 381                  html = html + selection + '</a>';
 382                  cursor = begin + html.length;
 383  
 384                  // If no text is selected, place the cursor inside the closing tag.
 385                  if ( begin === end && ! selection ) {
 386                      cursor -= 4;
 387                  }
 388  
 389                  textarea.value = (
 390                      textarea.value.substring( 0, begin ) +
 391                      html +
 392                      textarea.value.substring( end, textarea.value.length )
 393                  );
 394  
 395                  // Update cursor position.
 396                  textarea.selectionStart = textarea.selectionEnd = cursor;
 397              }
 398  
 399              wpLink.close();
 400              textarea.focus();
 401              $( textarea ).trigger( 'change' );
 402  
 403              // Audible confirmation message when a link has been inserted in the Editor.
 404              wp.a11y.speak( wpLinkL10n.linkInserted );
 405          },
 406  
 407          mceUpdate: function() {
 408              var attrs = wpLink.getAttrs(),
 409                  $link, text, hasText;
 410  
 411              var parser = document.createElement( 'a' );
 412              parser.href = attrs.href;
 413  
 414              if ( 'javascript:' === parser.protocol || 'data:' === parser.protocol ) { // jshint ignore:line
 415                  attrs.href = '';
 416              }
 417  
 418              if ( ! attrs.href ) {
 419                  editor.execCommand( 'unlink' );
 420                  wpLink.close();
 421                  return;
 422              }
 423  
 424              $link = getLink();
 425  
 426              editor.undoManager.transact( function() {
 427                  if ( ! $link.length ) {
 428                      editor.execCommand( 'mceInsertLink', false, { href: '_wp_link_placeholder', 'data-wp-temp-link': 1 } );
 429                      $link = editor.$( 'a[data-wp-temp-link="1"]' ).removeAttr( 'data-wp-temp-link' );
 430                      hasText = $link.text().trim();
 431                  }
 432  
 433                  if ( ! $link.length ) {
 434                      editor.execCommand( 'unlink' );
 435                  } else {
 436                      if ( inputs.wrap.hasClass( 'has-text-field' ) ) {
 437                          text = inputs.text.val();
 438  
 439                          if ( text ) {
 440                              $link.text( text );
 441                          } else if ( ! hasText ) {
 442                              $link.text( attrs.href );
 443                          }
 444                      }
 445  
 446                      attrs['data-wplink-edit'] = null;
 447                      attrs['data-mce-href'] = attrs.href;
 448                      $link.attr( attrs );
 449                  }
 450              } );
 451  
 452              wpLink.close( 'noReset' );
 453              editor.focus();
 454  
 455              if ( $link.length ) {
 456                  editor.selection.select( $link[0] );
 457  
 458                  if ( editor.plugins.wplink ) {
 459                      editor.plugins.wplink.checkLink( $link[0] );
 460                  }
 461              }
 462  
 463              editor.nodeChanged();
 464  
 465              // Audible confirmation message when a link has been inserted in the Editor.
 466              wp.a11y.speak( wpLinkL10n.linkInserted );
 467          },
 468  
 469          updateFields: function( e, li ) {
 470              inputs.url.val( li.children( '.item-permalink' ).val() );
 471  
 472              if ( inputs.wrap.hasClass( 'has-text-field' ) && ! inputs.text.val() ) {
 473                  inputs.text.val( li.children( '.item-title' ).text() );
 474              }
 475          },
 476  
 477          getUrlFromSelection: function( selection ) {
 478              if ( ! selection ) {
 479                  if ( this.isMCE() ) {
 480                      selection = editor.selection.getContent({ format: 'text' });
 481                  } else if ( document.selection && wpLink.range ) {
 482                      selection = wpLink.range.text;
 483                  } else if ( typeof this.textarea.selectionStart !== 'undefined' ) {
 484                      selection = this.textarea.value.substring( this.textarea.selectionStart, this.textarea.selectionEnd );
 485                  }
 486              }
 487  
 488              selection = selection || '';
 489              selection = selection.trim();
 490  
 491              if ( selection && emailRegexp.test( selection ) ) {
 492                  // Selection is email address.
 493                  return 'mailto:' + selection;
 494              } else if ( selection && urlRegexp.test( selection ) ) {
 495                  // Selection is URL.
 496                  return selection.replace( /&amp;|&#0?38;/gi, '&' );
 497              }
 498  
 499              return '';
 500          },
 501  
 502          setDefaultValues: function( selection ) {
 503              inputs.url.val( this.getUrlFromSelection( selection ) );
 504  
 505              // Empty the search field and swap the "rivers".
 506              inputs.search.val('');
 507              wpLink.searchInternalLinks();
 508  
 509              // Update save prompt.
 510              inputs.submit.val( wpLinkL10n.save );
 511          },
 512  
 513          searchInternalLinks: function() {
 514              var waiting,
 515                  search = inputs.search.val() || '',
 516                  minInputLength = parseInt( wpLinkL10n.minInputLength, 10 ) || 3;
 517  
 518              if ( search.length >= minInputLength ) {
 519                  rivers.recent.hide();
 520                  rivers.search.show();
 521  
 522                  // Don't search if the keypress didn't change the title.
 523                  if ( wpLink.lastSearch == search )
 524                      return;
 525  
 526                  wpLink.lastSearch = search;
 527                  waiting = inputs.search.parent().find( '.spinner' ).addClass( 'is-active' );
 528  
 529                  rivers.search.change( search );
 530                  rivers.search.ajax( function() {
 531                      waiting.removeClass( 'is-active' );
 532                  });
 533              } else {
 534                  rivers.search.hide();
 535                  rivers.recent.show();
 536              }
 537          },
 538  
 539          next: function() {
 540              rivers.search.next();
 541              rivers.recent.next();
 542          },
 543  
 544          prev: function() {
 545              rivers.search.prev();
 546              rivers.recent.prev();
 547          },
 548  
 549          keydown: function( event ) {
 550              var fn, id;
 551  
 552              // Escape key.
 553              if ( 27 === event.keyCode ) {
 554                  wpLink.close();
 555                  event.stopImmediatePropagation();
 556              // Tab key.
 557              } else if ( 9 === event.keyCode ) {
 558                  id = event.target.id;
 559  
 560                  // wp-link-submit must always be the last focusable element in the dialog.
 561                  // Following focusable elements will be skipped on keyboard navigation.
 562                  if ( id === 'wp-link-submit' && ! event.shiftKey ) {
 563                      inputs.close.trigger( 'focus' );
 564                      event.preventDefault();
 565                  } else if ( id === 'wp-link-close' && event.shiftKey ) {
 566                      inputs.submit.trigger( 'focus' );
 567                      event.preventDefault();
 568                  }
 569              }
 570  
 571              // Up Arrow and Down Arrow keys.
 572              if ( event.shiftKey || ( 38 !== event.keyCode && 40 !== event.keyCode ) ) {
 573                  return;
 574              }
 575  
 576              if ( document.activeElement &&
 577                  ( document.activeElement.id === 'link-title-field' || document.activeElement.id === 'url-field' ) ) {
 578                  return;
 579              }
 580  
 581              // Up Arrow key.
 582              fn = 38 === event.keyCode ? 'prev' : 'next';
 583              clearInterval( wpLink.keyInterval );
 584              wpLink[ fn ]();
 585              wpLink.keyInterval = setInterval( wpLink[ fn ], wpLink.keySensitivity );
 586              event.preventDefault();
 587          },
 588  
 589          keyup: function( event ) {
 590              // Up Arrow and Down Arrow keys.
 591              if ( 38 === event.keyCode || 40 === event.keyCode ) {
 592                  clearInterval( wpLink.keyInterval );
 593                  event.preventDefault();
 594              }
 595          },
 596  
 597          delayedCallback: function( func, delay ) {
 598              var timeoutTriggered, funcTriggered, funcArgs, funcContext;
 599  
 600              if ( ! delay )
 601                  return func;
 602  
 603              setTimeout( function() {
 604                  if ( funcTriggered )
 605                      return func.apply( funcContext, funcArgs );
 606                  // Otherwise, wait.
 607                  timeoutTriggered = true;
 608              }, delay );
 609  
 610              return function() {
 611                  if ( timeoutTriggered )
 612                      return func.apply( this, arguments );
 613                  // Otherwise, wait.
 614                  funcArgs = arguments;
 615                  funcContext = this;
 616                  funcTriggered = true;
 617              };
 618          }
 619      };
 620  
 621      River = function( element, search ) {
 622          var self = this;
 623          this.element = element;
 624          this.ul = element.children( 'ul' );
 625          this.contentHeight = element.children( '#link-selector-height' );
 626          this.waiting = element.find('.river-waiting');
 627  
 628          this.change( search );
 629          this.refresh();
 630  
 631          $( '#wp-link .query-results, #wp-link #link-selector' ).on( 'scroll', function() {
 632              self.maybeLoad();
 633          });
 634          element.on( 'click', 'li', function( event ) {
 635              self.select( $( this ), event );
 636          });
 637      };
 638  
 639      $.extend( River.prototype, {
 640          refresh: function() {
 641              this.deselect();
 642              this.visible = this.element.is( ':visible' );
 643          },
 644          show: function() {
 645              if ( ! this.visible ) {
 646                  this.deselect();
 647                  this.element.show();
 648                  this.visible = true;
 649              }
 650          },
 651          hide: function() {
 652              this.element.hide();
 653              this.visible = false;
 654          },
 655          // Selects a list item and triggers the river-select event.
 656          select: function( li, event ) {
 657              var liHeight, elHeight, liTop, elTop;
 658  
 659              if ( li.hasClass( 'unselectable' ) || li == this.selected )
 660                  return;
 661  
 662              this.deselect();
 663              this.selected = li.addClass( 'selected' );
 664              // Make sure the element is visible.
 665              liHeight = li.outerHeight();
 666              elHeight = this.element.height();
 667              liTop = li.position().top;
 668              elTop = this.element.scrollTop();
 669  
 670              if ( liTop < 0 ) // Make first visible element.
 671                  this.element.scrollTop( elTop + liTop );
 672              else if ( liTop + liHeight > elHeight ) // Make last visible element.
 673                  this.element.scrollTop( elTop + liTop - elHeight + liHeight );
 674  
 675              // Trigger the river-select event.
 676              this.element.trigger( 'river-select', [ li, event, this ] );
 677          },
 678          deselect: function() {
 679              if ( this.selected )
 680                  this.selected.removeClass( 'selected' );
 681              this.selected = false;
 682          },
 683          prev: function() {
 684              if ( ! this.visible )
 685                  return;
 686  
 687              var to;
 688              if ( this.selected ) {
 689                  to = this.selected.prev( 'li' );
 690                  if ( to.length )
 691                      this.select( to );
 692              }
 693          },
 694          next: function() {
 695              if ( ! this.visible )
 696                  return;
 697  
 698              var to = this.selected ? this.selected.next( 'li' ) : $( 'li:not(.unselectable):first', this.element );
 699              if ( to.length )
 700                  this.select( to );
 701          },
 702          ajax: function( callback ) {
 703              var self = this,
 704                  delay = this.query.page == 1 ? 0 : wpLink.minRiverAJAXDuration,
 705                  response = wpLink.delayedCallback( function( results, params ) {
 706                      self.process( results, params );
 707                      if ( callback )
 708                          callback( results, params );
 709                  }, delay );
 710  
 711              this.query.ajax( response );
 712          },
 713          change: function( search ) {
 714              if ( this.query && this._search == search )
 715                  return;
 716  
 717              this._search = search;
 718              this.query = new Query( search );
 719              this.element.scrollTop( 0 );
 720          },
 721          process: function( results, params ) {
 722              var list = '', alt = true, classes = '',
 723                  firstPage = params.page == 1;
 724  
 725              if ( ! results ) {
 726                  if ( firstPage ) {
 727                      list += '<li class="unselectable no-matches-found"><span class="item-title"><em>' +
 728                          wpLinkL10n.noMatchesFound + '</em></span></li>';
 729                  }
 730              } else {
 731                  $.each( results, function() {
 732                      classes = alt ? 'alternate' : '';
 733                      classes += this.title ? '' : ' no-title';
 734                      list += classes ? '<li class="' + classes + '">' : '<li>';
 735                      list += '<input type="hidden" class="item-permalink" value="' + this.permalink + '" />';
 736                      list += '<span class="item-title">';
 737                      list += this.title ? this.title : wpLinkL10n.noTitle;
 738                      list += '</span><span class="item-info">' + this.info + '</span></li>';
 739                      alt = ! alt;
 740                  });
 741              }
 742  
 743              this.ul[ firstPage ? 'html' : 'append' ]( list );
 744          },
 745          maybeLoad: function() {
 746              var self = this,
 747                  el = this.element,
 748                  bottom = el.scrollTop() + el.height();
 749  
 750              if ( ! this.query.ready() || bottom < this.contentHeight.height() - wpLink.riverBottomThreshold )
 751                  return;
 752  
 753              setTimeout(function() {
 754                  var newTop = el.scrollTop(),
 755                      newBottom = newTop + el.height();
 756  
 757                  if ( ! self.query.ready() || newBottom < self.contentHeight.height() - wpLink.riverBottomThreshold )
 758                      return;
 759  
 760                  self.waiting.addClass( 'is-active' );
 761                  el.scrollTop( newTop + self.waiting.outerHeight() );
 762  
 763                  self.ajax( function() {
 764                      self.waiting.removeClass( 'is-active' );
 765                  });
 766              }, wpLink.timeToTriggerRiver );
 767          }
 768      });
 769  
 770      Query = function( search ) {
 771          this.page = 1;
 772          this.allLoaded = false;
 773          this.querying = false;
 774          this.search = search;
 775      };
 776  
 777      $.extend( Query.prototype, {
 778          ready: function() {
 779              return ! ( this.querying || this.allLoaded );
 780          },
 781          ajax: function( callback ) {
 782              var self = this,
 783                  query = {
 784                      action : 'wp-link-ajax',
 785                      page : this.page,
 786                      '_ajax_linking_nonce' : inputs.nonce.val()
 787                  };
 788  
 789              if ( this.search )
 790                  query.search = this.search;
 791  
 792              this.querying = true;
 793  
 794              $.post( window.ajaxurl, query, function( r ) {
 795                  self.page++;
 796                  self.querying = false;
 797                  self.allLoaded = ! r;
 798                  callback( r, query );
 799              }, 'json' );
 800          }
 801      });
 802  
 803      $( wpLink.init );
 804  })( jQuery, window.wpLinkL10n, window.wp );