mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-05 02:10:45 +01:00
87db5b833d
Follow-up to [50001], [50270], [50367], [50383], [50410], [50420], [50429]. Props Clorith. See #51812. Built from https://develop.svn.wordpress.org/trunk@50547 git-svn-id: http://core.svn.wordpress.org/trunk@50160 1a063a9b-81f0-0310-95a4-ce76da25c4cd
803 lines
21 KiB
JavaScript
803 lines
21 KiB
JavaScript
/**
|
|
* @output wp-includes/js/wplink.js
|
|
*/
|
|
|
|
/* global wpLink */
|
|
|
|
( function( $, wpLinkL10n, wp ) {
|
|
var editor, searchTimer, River, Query, correctedURL,
|
|
emailRegexp = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,63}$/i,
|
|
urlRegexp = /^(https?|ftp):\/\/[A-Z0-9.-]+\.[A-Z]{2,63}[^ "]*$/i,
|
|
inputs = {},
|
|
rivers = {},
|
|
isTouch = ( 'ontouchend' in document );
|
|
|
|
function getLink() {
|
|
if ( editor ) {
|
|
return editor.$( 'a[data-wplink-edit="true"]' );
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
window.wpLink = {
|
|
timeToTriggerRiver: 150,
|
|
minRiverAJAXDuration: 200,
|
|
riverBottomThreshold: 5,
|
|
keySensitivity: 100,
|
|
lastSearch: '',
|
|
textarea: '',
|
|
modalOpen: false,
|
|
|
|
init: function() {
|
|
inputs.wrap = $('#wp-link-wrap');
|
|
inputs.dialog = $( '#wp-link' );
|
|
inputs.backdrop = $( '#wp-link-backdrop' );
|
|
inputs.submit = $( '#wp-link-submit' );
|
|
inputs.close = $( '#wp-link-close' );
|
|
|
|
// Input.
|
|
inputs.text = $( '#wp-link-text' );
|
|
inputs.url = $( '#wp-link-url' );
|
|
inputs.nonce = $( '#_ajax_linking_nonce' );
|
|
inputs.openInNewTab = $( '#wp-link-target' );
|
|
inputs.search = $( '#wp-link-search' );
|
|
|
|
// Build rivers.
|
|
rivers.search = new River( $( '#search-results' ) );
|
|
rivers.recent = new River( $( '#most-recent-results' ) );
|
|
rivers.elements = inputs.dialog.find( '.query-results' );
|
|
|
|
// Get search notice text.
|
|
inputs.queryNotice = $( '#query-notice-message' );
|
|
inputs.queryNoticeTextDefault = inputs.queryNotice.find( '.query-notice-default' );
|
|
inputs.queryNoticeTextHint = inputs.queryNotice.find( '.query-notice-hint' );
|
|
|
|
// Bind event handlers.
|
|
inputs.dialog.on( 'keydown', wpLink.keydown );
|
|
inputs.dialog.on( 'keyup', wpLink.keyup );
|
|
inputs.submit.on( 'click', function( event ) {
|
|
event.preventDefault();
|
|
wpLink.update();
|
|
});
|
|
|
|
inputs.close.add( inputs.backdrop ).add( '#wp-link-cancel button' ).on( 'click', function( event ) {
|
|
event.preventDefault();
|
|
wpLink.close();
|
|
});
|
|
|
|
rivers.elements.on( 'river-select', wpLink.updateFields );
|
|
|
|
// Display 'hint' message when search field or 'query-results' box are focused.
|
|
inputs.search.on( 'focus.wplink', function() {
|
|
inputs.queryNoticeTextDefault.hide();
|
|
inputs.queryNoticeTextHint.removeClass( 'screen-reader-text' ).show();
|
|
} ).on( 'blur.wplink', function() {
|
|
inputs.queryNoticeTextDefault.show();
|
|
inputs.queryNoticeTextHint.addClass( 'screen-reader-text' ).hide();
|
|
} );
|
|
|
|
inputs.search.on( 'keyup input', function() {
|
|
window.clearTimeout( searchTimer );
|
|
searchTimer = window.setTimeout( function() {
|
|
wpLink.searchInternalLinks();
|
|
}, 500 );
|
|
});
|
|
|
|
inputs.url.on( 'paste', function() {
|
|
setTimeout( wpLink.correctURL, 0 );
|
|
} );
|
|
|
|
inputs.url.on( 'blur', wpLink.correctURL );
|
|
},
|
|
|
|
// If URL wasn't corrected last time and doesn't start with http:, https:, ? # or /, prepend http://.
|
|
correctURL: function () {
|
|
var url = inputs.url.val().trim();
|
|
|
|
if ( url && correctedURL !== url && ! /^(?:[a-z]+:|#|\?|\.|\/)/.test( url ) ) {
|
|
inputs.url.val( 'http://' + url );
|
|
correctedURL = url;
|
|
}
|
|
},
|
|
|
|
open: function( editorId, url, text ) {
|
|
var ed,
|
|
$body = $( document.body );
|
|
|
|
$body.addClass( 'modal-open' );
|
|
wpLink.modalOpen = true;
|
|
|
|
wpLink.range = null;
|
|
|
|
if ( editorId ) {
|
|
window.wpActiveEditor = editorId;
|
|
}
|
|
|
|
if ( ! window.wpActiveEditor ) {
|
|
return;
|
|
}
|
|
|
|
this.textarea = $( '#' + window.wpActiveEditor ).get( 0 );
|
|
|
|
if ( typeof window.tinymce !== 'undefined' ) {
|
|
// Make sure the link wrapper is the last element in the body,
|
|
// or the inline editor toolbar may show above the backdrop.
|
|
$body.append( inputs.backdrop, inputs.wrap );
|
|
|
|
ed = window.tinymce.get( window.wpActiveEditor );
|
|
|
|
if ( ed && ! ed.isHidden() ) {
|
|
editor = ed;
|
|
} else {
|
|
editor = null;
|
|
}
|
|
}
|
|
|
|
if ( ! wpLink.isMCE() && document.selection ) {
|
|
this.textarea.focus();
|
|
this.range = document.selection.createRange();
|
|
}
|
|
|
|
inputs.wrap.show();
|
|
inputs.backdrop.show();
|
|
|
|
wpLink.refresh( url, text );
|
|
|
|
$( document ).trigger( 'wplink-open', inputs.wrap );
|
|
},
|
|
|
|
isMCE: function() {
|
|
return editor && ! editor.isHidden();
|
|
},
|
|
|
|
refresh: function( url, text ) {
|
|
var linkText = '';
|
|
|
|
// Refresh rivers (clear links, check visibility).
|
|
rivers.search.refresh();
|
|
rivers.recent.refresh();
|
|
|
|
if ( wpLink.isMCE() ) {
|
|
wpLink.mceRefresh( url, text );
|
|
} else {
|
|
// For the Text editor the "Link text" field is always shown.
|
|
if ( ! inputs.wrap.hasClass( 'has-text-field' ) ) {
|
|
inputs.wrap.addClass( 'has-text-field' );
|
|
}
|
|
|
|
if ( document.selection ) {
|
|
// Old IE.
|
|
linkText = document.selection.createRange().text || text || '';
|
|
} else if ( typeof this.textarea.selectionStart !== 'undefined' &&
|
|
( this.textarea.selectionStart !== this.textarea.selectionEnd ) ) {
|
|
// W3C.
|
|
text = this.textarea.value.substring( this.textarea.selectionStart, this.textarea.selectionEnd ) || text || '';
|
|
}
|
|
|
|
inputs.text.val( text );
|
|
wpLink.setDefaultValues();
|
|
}
|
|
|
|
if ( isTouch ) {
|
|
// Close the onscreen keyboard.
|
|
inputs.url.trigger( 'focus' ).trigger( 'blur' );
|
|
} else {
|
|
/*
|
|
* Focus the URL field and highlight its contents.
|
|
* If this is moved above the selection changes,
|
|
* IE will show a flashing cursor over the dialog.
|
|
*/
|
|
window.setTimeout( function() {
|
|
inputs.url[0].select();
|
|
inputs.url.trigger( 'focus' );
|
|
} );
|
|
}
|
|
|
|
// Load the most recent results if this is the first time opening the panel.
|
|
if ( ! rivers.recent.ul.children().length ) {
|
|
rivers.recent.ajax();
|
|
}
|
|
|
|
correctedURL = inputs.url.val().replace( /^http:\/\//, '' );
|
|
},
|
|
|
|
hasSelectedText: function( linkNode ) {
|
|
var node, nodes, i, html = editor.selection.getContent();
|
|
|
|
// Partial html and not a fully selected anchor element.
|
|
if ( /</.test( html ) && ( ! /^<a [^>]+>[^<]+<\/a>$/.test( html ) || html.indexOf('href=') === -1 ) ) {
|
|
return false;
|
|
}
|
|
|
|
if ( linkNode.length ) {
|
|
nodes = linkNode[0].childNodes;
|
|
|
|
if ( ! nodes || ! nodes.length ) {
|
|
return false;
|
|
}
|
|
|
|
for ( i = nodes.length - 1; i >= 0; i-- ) {
|
|
node = nodes[i];
|
|
|
|
if ( node.nodeType != 3 && ! window.tinymce.dom.BookmarkManager.isBookmarkNode( node ) ) {
|
|
return false;
|
|
}
|
|
}
|
|
}
|
|
|
|
return true;
|
|
},
|
|
|
|
mceRefresh: function( searchStr, text ) {
|
|
var linkText, href,
|
|
linkNode = getLink(),
|
|
onlyText = this.hasSelectedText( linkNode );
|
|
|
|
if ( linkNode.length ) {
|
|
linkText = linkNode.text();
|
|
href = linkNode.attr( 'href' );
|
|
|
|
if ( ! linkText.trim() ) {
|
|
linkText = text || '';
|
|
}
|
|
|
|
if ( searchStr && ( urlRegexp.test( searchStr ) || emailRegexp.test( searchStr ) ) ) {
|
|
href = searchStr;
|
|
}
|
|
|
|
if ( href !== '_wp_link_placeholder' ) {
|
|
inputs.url.val( href );
|
|
inputs.openInNewTab.prop( 'checked', '_blank' === linkNode.attr( 'target' ) );
|
|
inputs.submit.val( wpLinkL10n.update );
|
|
} else {
|
|
this.setDefaultValues( linkText );
|
|
}
|
|
|
|
if ( searchStr && searchStr !== href ) {
|
|
// The user has typed something in the inline dialog. Trigger a search with it.
|
|
inputs.search.val( searchStr );
|
|
} else {
|
|
inputs.search.val( '' );
|
|
}
|
|
|
|
// Always reset the search.
|
|
window.setTimeout( function() {
|
|
wpLink.searchInternalLinks();
|
|
} );
|
|
} else {
|
|
linkText = editor.selection.getContent({ format: 'text' }) || text || '';
|
|
this.setDefaultValues( linkText );
|
|
}
|
|
|
|
if ( onlyText ) {
|
|
inputs.text.val( linkText );
|
|
inputs.wrap.addClass( 'has-text-field' );
|
|
} else {
|
|
inputs.text.val( '' );
|
|
inputs.wrap.removeClass( 'has-text-field' );
|
|
}
|
|
},
|
|
|
|
close: function( reset ) {
|
|
$( document.body ).removeClass( 'modal-open' );
|
|
wpLink.modalOpen = false;
|
|
|
|
if ( reset !== 'noReset' ) {
|
|
if ( ! wpLink.isMCE() ) {
|
|
wpLink.textarea.focus();
|
|
|
|
if ( wpLink.range ) {
|
|
wpLink.range.moveToBookmark( wpLink.range.getBookmark() );
|
|
wpLink.range.select();
|
|
}
|
|
} else {
|
|
if ( editor.plugins.wplink ) {
|
|
editor.plugins.wplink.close();
|
|
}
|
|
|
|
editor.focus();
|
|
}
|
|
}
|
|
|
|
inputs.backdrop.hide();
|
|
inputs.wrap.hide();
|
|
|
|
correctedURL = false;
|
|
|
|
$( document ).trigger( 'wplink-close', inputs.wrap );
|
|
},
|
|
|
|
getAttrs: function() {
|
|
wpLink.correctURL();
|
|
|
|
return {
|
|
href: inputs.url.val().trim(),
|
|
target: inputs.openInNewTab.prop( 'checked' ) ? '_blank' : null
|
|
};
|
|
},
|
|
|
|
buildHtml: function(attrs) {
|
|
var html = '<a href="' + attrs.href + '"';
|
|
|
|
if ( attrs.target ) {
|
|
html += ' rel="noopener" target="' + attrs.target + '"';
|
|
}
|
|
|
|
return html + '>';
|
|
},
|
|
|
|
update: function() {
|
|
if ( wpLink.isMCE() ) {
|
|
wpLink.mceUpdate();
|
|
} else {
|
|
wpLink.htmlUpdate();
|
|
}
|
|
},
|
|
|
|
htmlUpdate: function() {
|
|
var attrs, text, html, begin, end, cursor, selection,
|
|
textarea = wpLink.textarea;
|
|
|
|
if ( ! textarea ) {
|
|
return;
|
|
}
|
|
|
|
attrs = wpLink.getAttrs();
|
|
text = inputs.text.val();
|
|
|
|
var parser = document.createElement( 'a' );
|
|
parser.href = attrs.href;
|
|
|
|
if ( 'javascript:' === parser.protocol || 'data:' === parser.protocol ) { // jshint ignore:line
|
|
attrs.href = '';
|
|
}
|
|
|
|
// If there's no href, return.
|
|
if ( ! attrs.href ) {
|
|
return;
|
|
}
|
|
|
|
html = wpLink.buildHtml(attrs);
|
|
|
|
// Insert HTML.
|
|
if ( document.selection && wpLink.range ) {
|
|
// IE.
|
|
// Note: If no text is selected, IE will not place the cursor
|
|
// inside the closing tag.
|
|
textarea.focus();
|
|
wpLink.range.text = html + ( text || wpLink.range.text ) + '</a>';
|
|
wpLink.range.moveToBookmark( wpLink.range.getBookmark() );
|
|
wpLink.range.select();
|
|
|
|
wpLink.range = null;
|
|
} else if ( typeof textarea.selectionStart !== 'undefined' ) {
|
|
// W3C.
|
|
begin = textarea.selectionStart;
|
|
end = textarea.selectionEnd;
|
|
selection = text || textarea.value.substring( begin, end );
|
|
html = html + selection + '</a>';
|
|
cursor = begin + html.length;
|
|
|
|
// If no text is selected, place the cursor inside the closing tag.
|
|
if ( begin === end && ! selection ) {
|
|
cursor -= 4;
|
|
}
|
|
|
|
textarea.value = (
|
|
textarea.value.substring( 0, begin ) +
|
|
html +
|
|
textarea.value.substring( end, textarea.value.length )
|
|
);
|
|
|
|
// Update cursor position.
|
|
textarea.selectionStart = textarea.selectionEnd = cursor;
|
|
}
|
|
|
|
wpLink.close();
|
|
textarea.focus();
|
|
$( textarea ).trigger( 'change' );
|
|
|
|
// Audible confirmation message when a link has been inserted in the Editor.
|
|
wp.a11y.speak( wpLinkL10n.linkInserted );
|
|
},
|
|
|
|
mceUpdate: function() {
|
|
var attrs = wpLink.getAttrs(),
|
|
$link, text, hasText;
|
|
|
|
var parser = document.createElement( 'a' );
|
|
parser.href = attrs.href;
|
|
|
|
if ( 'javascript:' === parser.protocol || 'data:' === parser.protocol ) { // jshint ignore:line
|
|
attrs.href = '';
|
|
}
|
|
|
|
if ( ! attrs.href ) {
|
|
editor.execCommand( 'unlink' );
|
|
wpLink.close();
|
|
return;
|
|
}
|
|
|
|
$link = getLink();
|
|
|
|
editor.undoManager.transact( function() {
|
|
if ( ! $link.length ) {
|
|
editor.execCommand( 'mceInsertLink', false, { href: '_wp_link_placeholder', 'data-wp-temp-link': 1 } );
|
|
$link = editor.$( 'a[data-wp-temp-link="1"]' ).removeAttr( 'data-wp-temp-link' );
|
|
hasText = $link.text().trim();
|
|
}
|
|
|
|
if ( ! $link.length ) {
|
|
editor.execCommand( 'unlink' );
|
|
} else {
|
|
if ( inputs.wrap.hasClass( 'has-text-field' ) ) {
|
|
text = inputs.text.val();
|
|
|
|
if ( text ) {
|
|
$link.text( text );
|
|
} else if ( ! hasText ) {
|
|
$link.text( attrs.href );
|
|
}
|
|
}
|
|
|
|
attrs['data-wplink-edit'] = null;
|
|
attrs['data-mce-href'] = attrs.href;
|
|
$link.attr( attrs );
|
|
}
|
|
} );
|
|
|
|
wpLink.close( 'noReset' );
|
|
editor.focus();
|
|
|
|
if ( $link.length ) {
|
|
editor.selection.select( $link[0] );
|
|
|
|
if ( editor.plugins.wplink ) {
|
|
editor.plugins.wplink.checkLink( $link[0] );
|
|
}
|
|
}
|
|
|
|
editor.nodeChanged();
|
|
|
|
// Audible confirmation message when a link has been inserted in the Editor.
|
|
wp.a11y.speak( wpLinkL10n.linkInserted );
|
|
},
|
|
|
|
updateFields: function( e, li ) {
|
|
inputs.url.val( li.children( '.item-permalink' ).val() );
|
|
|
|
if ( inputs.wrap.hasClass( 'has-text-field' ) && ! inputs.text.val() ) {
|
|
inputs.text.val( li.children( '.item-title' ).text() );
|
|
}
|
|
},
|
|
|
|
getUrlFromSelection: function( selection ) {
|
|
if ( ! selection ) {
|
|
if ( this.isMCE() ) {
|
|
selection = editor.selection.getContent({ format: 'text' });
|
|
} else if ( document.selection && wpLink.range ) {
|
|
selection = wpLink.range.text;
|
|
} else if ( typeof this.textarea.selectionStart !== 'undefined' ) {
|
|
selection = this.textarea.value.substring( this.textarea.selectionStart, this.textarea.selectionEnd );
|
|
}
|
|
}
|
|
|
|
selection = selection || '';
|
|
selection = selection.trim();
|
|
|
|
if ( selection && emailRegexp.test( selection ) ) {
|
|
// Selection is email address.
|
|
return 'mailto:' + selection;
|
|
} else if ( selection && urlRegexp.test( selection ) ) {
|
|
// Selection is URL.
|
|
return selection.replace( /&|�?38;/gi, '&' );
|
|
}
|
|
|
|
return '';
|
|
},
|
|
|
|
setDefaultValues: function( selection ) {
|
|
inputs.url.val( this.getUrlFromSelection( selection ) );
|
|
|
|
// Empty the search field and swap the "rivers".
|
|
inputs.search.val('');
|
|
wpLink.searchInternalLinks();
|
|
|
|
// Update save prompt.
|
|
inputs.submit.val( wpLinkL10n.save );
|
|
},
|
|
|
|
searchInternalLinks: function() {
|
|
var waiting,
|
|
search = inputs.search.val() || '',
|
|
minInputLength = parseInt( wpLinkL10n.minInputLength, 10 ) || 3;
|
|
|
|
if ( search.length >= minInputLength ) {
|
|
rivers.recent.hide();
|
|
rivers.search.show();
|
|
|
|
// Don't search if the keypress didn't change the title.
|
|
if ( wpLink.lastSearch == search )
|
|
return;
|
|
|
|
wpLink.lastSearch = search;
|
|
waiting = inputs.search.parent().find( '.spinner' ).addClass( 'is-active' );
|
|
|
|
rivers.search.change( search );
|
|
rivers.search.ajax( function() {
|
|
waiting.removeClass( 'is-active' );
|
|
});
|
|
} else {
|
|
rivers.search.hide();
|
|
rivers.recent.show();
|
|
}
|
|
},
|
|
|
|
next: function() {
|
|
rivers.search.next();
|
|
rivers.recent.next();
|
|
},
|
|
|
|
prev: function() {
|
|
rivers.search.prev();
|
|
rivers.recent.prev();
|
|
},
|
|
|
|
keydown: function( event ) {
|
|
var fn, id;
|
|
|
|
// Escape key.
|
|
if ( 27 === event.keyCode ) {
|
|
wpLink.close();
|
|
event.stopImmediatePropagation();
|
|
// Tab key.
|
|
} else if ( 9 === event.keyCode ) {
|
|
id = event.target.id;
|
|
|
|
// wp-link-submit must always be the last focusable element in the dialog.
|
|
// Following focusable elements will be skipped on keyboard navigation.
|
|
if ( id === 'wp-link-submit' && ! event.shiftKey ) {
|
|
inputs.close.trigger( 'focus' );
|
|
event.preventDefault();
|
|
} else if ( id === 'wp-link-close' && event.shiftKey ) {
|
|
inputs.submit.trigger( 'focus' );
|
|
event.preventDefault();
|
|
}
|
|
}
|
|
|
|
// Up Arrow and Down Arrow keys.
|
|
if ( event.shiftKey || ( 38 !== event.keyCode && 40 !== event.keyCode ) ) {
|
|
return;
|
|
}
|
|
|
|
if ( document.activeElement &&
|
|
( document.activeElement.id === 'link-title-field' || document.activeElement.id === 'url-field' ) ) {
|
|
return;
|
|
}
|
|
|
|
// Up Arrow key.
|
|
fn = 38 === event.keyCode ? 'prev' : 'next';
|
|
clearInterval( wpLink.keyInterval );
|
|
wpLink[ fn ]();
|
|
wpLink.keyInterval = setInterval( wpLink[ fn ], wpLink.keySensitivity );
|
|
event.preventDefault();
|
|
},
|
|
|
|
keyup: function( event ) {
|
|
// Up Arrow and Down Arrow keys.
|
|
if ( 38 === event.keyCode || 40 === event.keyCode ) {
|
|
clearInterval( wpLink.keyInterval );
|
|
event.preventDefault();
|
|
}
|
|
},
|
|
|
|
delayedCallback: function( func, delay ) {
|
|
var timeoutTriggered, funcTriggered, funcArgs, funcContext;
|
|
|
|
if ( ! delay )
|
|
return func;
|
|
|
|
setTimeout( function() {
|
|
if ( funcTriggered )
|
|
return func.apply( funcContext, funcArgs );
|
|
// Otherwise, wait.
|
|
timeoutTriggered = true;
|
|
}, delay );
|
|
|
|
return function() {
|
|
if ( timeoutTriggered )
|
|
return func.apply( this, arguments );
|
|
// Otherwise, wait.
|
|
funcArgs = arguments;
|
|
funcContext = this;
|
|
funcTriggered = true;
|
|
};
|
|
}
|
|
};
|
|
|
|
River = function( element, search ) {
|
|
var self = this;
|
|
this.element = element;
|
|
this.ul = element.children( 'ul' );
|
|
this.contentHeight = element.children( '#link-selector-height' );
|
|
this.waiting = element.find('.river-waiting');
|
|
|
|
this.change( search );
|
|
this.refresh();
|
|
|
|
$( '#wp-link .query-results, #wp-link #link-selector' ).on( 'scroll', function() {
|
|
self.maybeLoad();
|
|
});
|
|
element.on( 'click', 'li', function( event ) {
|
|
self.select( $( this ), event );
|
|
});
|
|
};
|
|
|
|
$.extend( River.prototype, {
|
|
refresh: function() {
|
|
this.deselect();
|
|
this.visible = this.element.is( ':visible' );
|
|
},
|
|
show: function() {
|
|
if ( ! this.visible ) {
|
|
this.deselect();
|
|
this.element.show();
|
|
this.visible = true;
|
|
}
|
|
},
|
|
hide: function() {
|
|
this.element.hide();
|
|
this.visible = false;
|
|
},
|
|
// Selects a list item and triggers the river-select event.
|
|
select: function( li, event ) {
|
|
var liHeight, elHeight, liTop, elTop;
|
|
|
|
if ( li.hasClass( 'unselectable' ) || li == this.selected )
|
|
return;
|
|
|
|
this.deselect();
|
|
this.selected = li.addClass( 'selected' );
|
|
// Make sure the element is visible.
|
|
liHeight = li.outerHeight();
|
|
elHeight = this.element.height();
|
|
liTop = li.position().top;
|
|
elTop = this.element.scrollTop();
|
|
|
|
if ( liTop < 0 ) // Make first visible element.
|
|
this.element.scrollTop( elTop + liTop );
|
|
else if ( liTop + liHeight > elHeight ) // Make last visible element.
|
|
this.element.scrollTop( elTop + liTop - elHeight + liHeight );
|
|
|
|
// Trigger the river-select event.
|
|
this.element.trigger( 'river-select', [ li, event, this ] );
|
|
},
|
|
deselect: function() {
|
|
if ( this.selected )
|
|
this.selected.removeClass( 'selected' );
|
|
this.selected = false;
|
|
},
|
|
prev: function() {
|
|
if ( ! this.visible )
|
|
return;
|
|
|
|
var to;
|
|
if ( this.selected ) {
|
|
to = this.selected.prev( 'li' );
|
|
if ( to.length )
|
|
this.select( to );
|
|
}
|
|
},
|
|
next: function() {
|
|
if ( ! this.visible )
|
|
return;
|
|
|
|
var to = this.selected ? this.selected.next( 'li' ) : $( 'li:not(.unselectable):first', this.element );
|
|
if ( to.length )
|
|
this.select( to );
|
|
},
|
|
ajax: function( callback ) {
|
|
var self = this,
|
|
delay = this.query.page == 1 ? 0 : wpLink.minRiverAJAXDuration,
|
|
response = wpLink.delayedCallback( function( results, params ) {
|
|
self.process( results, params );
|
|
if ( callback )
|
|
callback( results, params );
|
|
}, delay );
|
|
|
|
this.query.ajax( response );
|
|
},
|
|
change: function( search ) {
|
|
if ( this.query && this._search == search )
|
|
return;
|
|
|
|
this._search = search;
|
|
this.query = new Query( search );
|
|
this.element.scrollTop( 0 );
|
|
},
|
|
process: function( results, params ) {
|
|
var list = '', alt = true, classes = '',
|
|
firstPage = params.page == 1;
|
|
|
|
if ( ! results ) {
|
|
if ( firstPage ) {
|
|
list += '<li class="unselectable no-matches-found"><span class="item-title"><em>' +
|
|
wpLinkL10n.noMatchesFound + '</em></span></li>';
|
|
}
|
|
} else {
|
|
$.each( results, function() {
|
|
classes = alt ? 'alternate' : '';
|
|
classes += this.title ? '' : ' no-title';
|
|
list += classes ? '<li class="' + classes + '">' : '<li>';
|
|
list += '<input type="hidden" class="item-permalink" value="' + this.permalink + '" />';
|
|
list += '<span class="item-title">';
|
|
list += this.title ? this.title : wpLinkL10n.noTitle;
|
|
list += '</span><span class="item-info">' + this.info + '</span></li>';
|
|
alt = ! alt;
|
|
});
|
|
}
|
|
|
|
this.ul[ firstPage ? 'html' : 'append' ]( list );
|
|
},
|
|
maybeLoad: function() {
|
|
var self = this,
|
|
el = this.element,
|
|
bottom = el.scrollTop() + el.height();
|
|
|
|
if ( ! this.query.ready() || bottom < this.contentHeight.height() - wpLink.riverBottomThreshold )
|
|
return;
|
|
|
|
setTimeout(function() {
|
|
var newTop = el.scrollTop(),
|
|
newBottom = newTop + el.height();
|
|
|
|
if ( ! self.query.ready() || newBottom < self.contentHeight.height() - wpLink.riverBottomThreshold )
|
|
return;
|
|
|
|
self.waiting.addClass( 'is-active' );
|
|
el.scrollTop( newTop + self.waiting.outerHeight() );
|
|
|
|
self.ajax( function() {
|
|
self.waiting.removeClass( 'is-active' );
|
|
});
|
|
}, wpLink.timeToTriggerRiver );
|
|
}
|
|
});
|
|
|
|
Query = function( search ) {
|
|
this.page = 1;
|
|
this.allLoaded = false;
|
|
this.querying = false;
|
|
this.search = search;
|
|
};
|
|
|
|
$.extend( Query.prototype, {
|
|
ready: function() {
|
|
return ! ( this.querying || this.allLoaded );
|
|
},
|
|
ajax: function( callback ) {
|
|
var self = this,
|
|
query = {
|
|
action : 'wp-link-ajax',
|
|
page : this.page,
|
|
'_ajax_linking_nonce' : inputs.nonce.val()
|
|
};
|
|
|
|
if ( this.search )
|
|
query.search = this.search;
|
|
|
|
this.querying = true;
|
|
|
|
$.post( window.ajaxurl, query, function( r ) {
|
|
self.page++;
|
|
self.querying = false;
|
|
self.allLoaded = ! r;
|
|
callback( r, query );
|
|
}, 'json' );
|
|
}
|
|
});
|
|
|
|
$( wpLink.init );
|
|
})( jQuery, window.wpLinkL10n, window.wp );
|