Editor, wpLink:

- Restore the bottom half of the modal.
- Make it always expanded and remove the toggle. It is used as advanced link options now, no need to have simple mode.

Props iseulde, adamsilverstein, azaozz.
Fixes #36359.
Built from https://develop.svn.wordpress.org/trunk@37154


git-svn-id: http://core.svn.wordpress.org/trunk@37120 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Ozz 2016-04-01 21:13:29 +00:00
parent a311bea6d1
commit 2618ccf64d
8 changed files with 746 additions and 149 deletions

View File

@ -1412,9 +1412,10 @@ final class _WP_Editors {
<button type="button" id="wp-link-close"><span class="screen-reader-text"><?php _e( 'Close' ); ?></span></button> <button type="button" id="wp-link-close"><span class="screen-reader-text"><?php _e( 'Close' ); ?></span></button>
<div id="link-selector"> <div id="link-selector">
<div id="link-options"> <div id="link-options">
<p class="howto"><?php _e( 'Enter the destination URL' ); ?></p>
<div> <div>
<label><span><?php _e( 'URL' ); ?></span> <label><span><?php _e( 'URL' ); ?></span>
<input id="wp-link-url" type="text" role="combobox" aria-autocomplete="list" aria-expanded="false" placeholder="<?php _e( 'Paste URL or type to search' ); ?>" /></label> <input id="wp-link-url" type="text" /></label>
</div> </div>
<div class="wp-link-text-field"> <div class="wp-link-text-field">
<label><span><?php _e( 'Link Text' ); ?></span> <label><span><?php _e( 'Link Text' ); ?></span>
@ -1425,6 +1426,32 @@ final class _WP_Editors {
<input type="checkbox" id="wp-link-target" /> <?php _e( 'Open link in a new tab' ); ?></label> <input type="checkbox" id="wp-link-target" /> <?php _e( 'Open link in a new tab' ); ?></label>
</div> </div>
</div> </div>
<p class="howto"><?php _e( 'Or link to existing content' ); ?></p>
<div id="search-panel">
<div class="link-search-wrapper">
<label>
<span class="search-label"><?php _e( 'Search' ); ?></span>
<input type="search" id="wp-link-search" class="link-search-field" autocomplete="off" />
<span class="spinner"></span>
</label>
</div>
<div id="search-results" class="query-results" tabindex="0">
<ul></ul>
<div class="river-waiting">
<span class="spinner"></span>
</div>
</div>
<div id="most-recent-results" class="query-results" tabindex="0">
<div class="query-notice" id="query-notice-message">
<em class="query-notice-default"><?php _e( 'No search term specified. Showing recent items.' ); ?></em>
<em class="query-notice-hint screen-reader-text"><?php _e( 'Search or use up and down arrow keys to select an item.' ); ?></em>
</div>
<ul></ul>
<div class="river-waiting">
<span class="spinner"></span>
</div>
</div>
</div>
</div> </div>
<div class="submitbox"> <div class="submitbox">
<div id="wp-link-cancel"> <div id="wp-link-cancel">

View File

@ -95,7 +95,8 @@ div.mce-tab:focus {
} }
.mce-textbox, .mce-textbox,
.mce-checkbox i.mce-i-checkbox { .mce-checkbox i.mce-i-checkbox,
#wp-link .query-results {
border: 1px solid #ddd; border: 1px solid #ddd;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
@ -1374,6 +1375,11 @@ i.mce-i-wp_code:before {
height: 100%; height: 100%;
} }
#wp-link-wrap {
height: 500px;
margin-top: -250px;
}
#wp-link-wrap .wp-link-text-field { #wp-link-wrap .wp-link-text-field {
display: none; display: none;
} }
@ -1433,8 +1439,14 @@ i.mce-i-wp_code:before {
0 0 2px 1px rgba(30, 140, 190, .8); 0 0 2px 1px rgba(30, 140, 190, .8);
} }
#link-selector { #wp-link-wrap #link-selector {
padding: 0 16px 50px; -webkit-overflow-scrolling: touch;
padding: 0 16px;
position: absolute;
top: 37px;
right: 0;
left: 0;
bottom: 44px;
} }
#wp-link ol, #wp-link ol,
@ -1464,11 +1476,12 @@ i.mce-i-wp_code:before {
} }
#wp-link label input[type="text"] { #wp-link label input[type="text"] {
margin: 8px 0 0; margin-top: 5px;
width: 70%; width: 70%;
} }
#wp-link #link-options label span { #wp-link #link-options label span,
#wp-link #search-panel label span.search-label {
display: inline-block; display: inline-block;
width: 80px; width: 80px;
text-align: left; text-align: left;
@ -1478,6 +1491,27 @@ i.mce-i-wp_code:before {
word-wrap: break-word; word-wrap: break-word;
} }
#wp-link .link-search-field {
float: right;
width: 250px;
max-width: 70%;
}
#wp-link .link-search-wrapper {
margin: 5px 0 9px;
display: block;
overflow: hidden;
}
#wp-link .link-search-wrapper span {
float: right;
margin-top: 4px;
}
#wp-link .link-search-wrapper .spinner {
margin-top: 5px;
}
#wp-link .link-target { #wp-link .link-target {
padding: 3px 0 0; padding: 3px 0 0;
white-space: nowrap; white-space: nowrap;
@ -1489,6 +1523,112 @@ i.mce-i-wp_code:before {
max-width: 70%; max-width: 70%;
} }
#wp-link .query-results {
border: 1px #dfdfdf solid;
margin: 0 0 12px;
background: #fff;
overflow: auto;
position: absolute;
right: 16px;
left: 16px;
bottom: 0;
top: 166px;
}
.has-text-field #wp-link .query-results {
top: 200px;
}
#wp-link li {
clear: both;
margin-bottom: 0;
border-bottom: 1px solid #f1f1f1;
color: #32373c;
padding: 4px 10px 4px 6px;
cursor: pointer;
position: relative;
}
#wp-link .query-notice {
padding: 0;
border-bottom: 1px solid #dfdfdf;
background-color: #f7fcfe;
color: #000;
}
#wp-link .query-notice .query-notice-default,
#wp-link .query-notice .query-notice-hint {
display: block;
padding: 6px;
border-right: 4px solid #00a0d2;
}
#wp-link .unselectable.no-matches-found {
padding: 0;
border-bottom: 1px solid #dfdfdf;
background-color: #fef7f1;
}
#wp-link .no-matches-found .item-title {
display: block;
padding: 6px;
border-right: 4px solid #d54e21;
}
#wp-link .query-results em {
font-style: normal;
}
#wp-link li:hover {
background: #eaf2fa;
color: #151515;
}
#wp-link li.unselectable {
border-bottom: 1px solid #dfdfdf;
}
#wp-link li.unselectable:hover {
background: #fff;
cursor: auto;
color: #32373c;
}
#wp-link li.selected {
background: #ddd;
color: #32373c;
}
#wp-link li.selected .item-title {
font-weight: bold;
}
#wp-link li:last-child {
border: none;
}
#wp-link .item-title {
display: inline-block;
width: 80%;
width: -webkit-calc(100% - 68px);
width: calc(100% - 68px);
word-wrap: break-word;
}
#wp-link .item-info {
text-transform: uppercase;
color: #666;
font-size: 11px;
position: absolute;
left: 5px;
top: 5px;
}
#wp-link .river-waiting {
display: none;
padding: 10px 0;
}
#wp-link .submitbox { #wp-link .submitbox {
padding: 8px 16px; padding: 8px 16px;
background: #fcfcfc; background: #fcfcfc;
@ -1518,10 +1658,22 @@ i.mce-i-wp_code:before {
margin-top: -140px; margin-top: -140px;
} }
#wp-link-wrap .query-results {
top: 195px;
}
#wp-link-wrap.has-text-field .query-results {
top: 235px;
}
#link-selector { #link-selector {
padding: 0 16px 60px; padding: 0 16px 60px;
} }
#wp-link-wrap #link-selector {
bottom: 52px;
}
#wp-link-cancel { #wp-link-cancel {
line-height: 32px; line-height: 32px;
} }
@ -1549,6 +1701,18 @@ i.mce-i-wp_code:before {
#wp-link-wrap { #wp-link-wrap {
-webkit-transition: none; -webkit-transition: none;
transition: none; transition: none;
height: auto;
margin-top: 0;
top: 10px;
bottom: 10px;
}
#link-selector {
overflow: auto;
}
#search-panel .query-results {
position: static;
} }
} }
@ -1566,6 +1730,10 @@ i.mce-i-wp_code:before {
height: calc(100% - 92px); height: calc(100% - 92px);
padding-bottom: 2px; padding-bottom: 2px;
} }
#search-panel .query-results {
position: static;
}
} }
div.wp-link-preview { div.wp-link-preview {

File diff suppressed because one or more lines are too long

View File

@ -95,7 +95,8 @@ div.mce-tab:focus {
} }
.mce-textbox, .mce-textbox,
.mce-checkbox i.mce-i-checkbox { .mce-checkbox i.mce-i-checkbox,
#wp-link .query-results {
border: 1px solid #ddd; border: 1px solid #ddd;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
@ -1374,6 +1375,11 @@ i.mce-i-wp_code:before {
height: 100%; height: 100%;
} }
#wp-link-wrap {
height: 500px;
margin-top: -250px;
}
#wp-link-wrap .wp-link-text-field { #wp-link-wrap .wp-link-text-field {
display: none; display: none;
} }
@ -1433,8 +1439,14 @@ i.mce-i-wp_code:before {
0 0 2px 1px rgba(30, 140, 190, .8); 0 0 2px 1px rgba(30, 140, 190, .8);
} }
#link-selector { #wp-link-wrap #link-selector {
padding: 0 16px 50px; -webkit-overflow-scrolling: touch;
padding: 0 16px;
position: absolute;
top: 37px;
left: 0;
right: 0;
bottom: 44px;
} }
#wp-link ol, #wp-link ol,
@ -1464,11 +1476,12 @@ i.mce-i-wp_code:before {
} }
#wp-link label input[type="text"] { #wp-link label input[type="text"] {
margin: 8px 0 0; margin-top: 5px;
width: 70%; width: 70%;
} }
#wp-link #link-options label span { #wp-link #link-options label span,
#wp-link #search-panel label span.search-label {
display: inline-block; display: inline-block;
width: 80px; width: 80px;
text-align: right; text-align: right;
@ -1478,6 +1491,27 @@ i.mce-i-wp_code:before {
word-wrap: break-word; word-wrap: break-word;
} }
#wp-link .link-search-field {
float: left;
width: 250px;
max-width: 70%;
}
#wp-link .link-search-wrapper {
margin: 5px 0 9px;
display: block;
overflow: hidden;
}
#wp-link .link-search-wrapper span {
float: left;
margin-top: 4px;
}
#wp-link .link-search-wrapper .spinner {
margin-top: 5px;
}
#wp-link .link-target { #wp-link .link-target {
padding: 3px 0 0; padding: 3px 0 0;
white-space: nowrap; white-space: nowrap;
@ -1489,6 +1523,112 @@ i.mce-i-wp_code:before {
max-width: 70%; max-width: 70%;
} }
#wp-link .query-results {
border: 1px #dfdfdf solid;
margin: 0 0 12px;
background: #fff;
overflow: auto;
position: absolute;
left: 16px;
right: 16px;
bottom: 0;
top: 166px;
}
.has-text-field #wp-link .query-results {
top: 200px;
}
#wp-link li {
clear: both;
margin-bottom: 0;
border-bottom: 1px solid #f1f1f1;
color: #32373c;
padding: 4px 6px 4px 10px;
cursor: pointer;
position: relative;
}
#wp-link .query-notice {
padding: 0;
border-bottom: 1px solid #dfdfdf;
background-color: #f7fcfe;
color: #000;
}
#wp-link .query-notice .query-notice-default,
#wp-link .query-notice .query-notice-hint {
display: block;
padding: 6px;
border-left: 4px solid #00a0d2;
}
#wp-link .unselectable.no-matches-found {
padding: 0;
border-bottom: 1px solid #dfdfdf;
background-color: #fef7f1;
}
#wp-link .no-matches-found .item-title {
display: block;
padding: 6px;
border-left: 4px solid #d54e21;
}
#wp-link .query-results em {
font-style: normal;
}
#wp-link li:hover {
background: #eaf2fa;
color: #151515;
}
#wp-link li.unselectable {
border-bottom: 1px solid #dfdfdf;
}
#wp-link li.unselectable:hover {
background: #fff;
cursor: auto;
color: #32373c;
}
#wp-link li.selected {
background: #ddd;
color: #32373c;
}
#wp-link li.selected .item-title {
font-weight: bold;
}
#wp-link li:last-child {
border: none;
}
#wp-link .item-title {
display: inline-block;
width: 80%;
width: -webkit-calc(100% - 68px);
width: calc(100% - 68px);
word-wrap: break-word;
}
#wp-link .item-info {
text-transform: uppercase;
color: #666;
font-size: 11px;
position: absolute;
right: 5px;
top: 5px;
}
#wp-link .river-waiting {
display: none;
padding: 10px 0;
}
#wp-link .submitbox { #wp-link .submitbox {
padding: 8px 16px; padding: 8px 16px;
background: #fcfcfc; background: #fcfcfc;
@ -1518,10 +1658,22 @@ i.mce-i-wp_code:before {
margin-top: -140px; margin-top: -140px;
} }
#wp-link-wrap .query-results {
top: 195px;
}
#wp-link-wrap.has-text-field .query-results {
top: 235px;
}
#link-selector { #link-selector {
padding: 0 16px 60px; padding: 0 16px 60px;
} }
#wp-link-wrap #link-selector {
bottom: 52px;
}
#wp-link-cancel { #wp-link-cancel {
line-height: 32px; line-height: 32px;
} }
@ -1549,6 +1701,18 @@ i.mce-i-wp_code:before {
#wp-link-wrap { #wp-link-wrap {
-webkit-transition: none; -webkit-transition: none;
transition: none; transition: none;
height: auto;
margin-top: 0;
top: 10px;
bottom: 10px;
}
#link-selector {
overflow: auto;
}
#search-panel .query-results {
position: static;
} }
} }
@ -1566,6 +1730,10 @@ i.mce-i-wp_code:before {
height: calc(100% - 92px); height: calc(100% - 92px);
padding-bottom: 2px; padding-bottom: 2px;
} }
#search-panel .query-results {
position: static;
}
} }
div.wp-link-preview { div.wp-link-preview {

File diff suppressed because one or more lines are too long

View File

@ -1,9 +1,11 @@
var wpLink; var wpLink;
( function( $, wpLinkL10n, wp ) { ( function( $, wpLinkL10n, wp ) {
var editor, correctedURL, linkNode, var editor, searchTimer, River, Query, correctedURL, linkNode,
emailRegexp = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i,
urlRegexp = /^(https?|ftp):\/\/[A-Z0-9.-]+\.[A-Z]{2,4}[^ "]*$/i,
inputs = {}, inputs = {},
rivers = {},
isTouch = ( 'ontouchend' in document ); isTouch = ( 'ontouchend' in document );
function getLink() { function getLink() {
@ -11,6 +13,11 @@ var wpLink;
} }
wpLink = { wpLink = {
timeToTriggerRiver: 150,
minRiverAJAXDuration: 200,
riverBottomThreshold: 5,
keySensitivity: 100,
lastSearch: '',
textarea: '', textarea: '',
init: function() { init: function() {
@ -23,14 +30,24 @@ var wpLink;
// Input // Input
inputs.text = $( '#wp-link-text' ); inputs.text = $( '#wp-link-text' );
inputs.url = $( '#wp-link-url' ); inputs.url = $( '#wp-link-url' );
inputs.nonce = $( '#_ajax_linking_nonce' );
inputs.openInNewTab = $( '#wp-link-target' ); inputs.openInNewTab = $( '#wp-link-target' );
inputs.search = $( '#wp-link-search' );
if ( $.ui && $.ui.autocomplete ) { // Build Rivers
wpLink.setAutocomplete(); rivers.search = new River( $( '#search-results' ) );
} rivers.recent = new River( $( '#most-recent-results' ) );
rivers.elements = inputs.dialog.find( '.query-results' );
inputs.dialog.on( 'keydown', wpLink.keydown ); // Get search notice text
inputs.submit.on( 'click', function( event ) { 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.keydown( wpLink.keydown );
inputs.dialog.keyup( wpLink.keyup );
inputs.submit.click( function( event ) {
event.preventDefault(); event.preventDefault();
wpLink.update(); wpLink.update();
}); });
@ -40,105 +57,29 @@ var wpLink;
wpLink.close(); 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() { inputs.url.on( 'paste', function() {
setTimeout( wpLink.correctURL, 0 ); setTimeout( wpLink.correctURL, 0 );
} ); } );
},
setAutocomplete: function() { inputs.url.on( 'blur', wpLink.correctURL );
var $input = inputs.url,
cache, last;
$input.on( 'keydown', function() {
$input.removeAttr( 'aria-activedescendant' );
} ).autocomplete( {
source: function( request, response ) {
if ( last === request.term ) {
response( cache );
return;
}
if ( /^https?:/.test( request.term ) || request.term.indexOf( '.' ) !== -1 ) {
return response();
}
$.post( window.ajaxurl, {
action: 'wp-link-ajax',
page: 1,
search: request.term,
_ajax_linking_nonce: $( '#_ajax_linking_nonce' ).val()
}, function( data ) {
cache = data;
response( data );
}, 'json' );
last = request.term;
},
focus: function( event, ui ) {
$input.attr( 'aria-activedescendant', 'mce-wp-autocomplete-' + ui.item.ID );
/*
* Don't empty the URL input field, when using the arrow keys to
* highlight items. See api.jqueryui.com/autocomplete/#event-focus
*/
event.preventDefault();
},
select: function( event, ui ) {
$input.val( ui.item.permalink );
if ( inputs.wrap.hasClass( 'has-text-field' ) && $.trim( inputs.text.val() ) === '' ) {
inputs.text.val( ui.item.title );
}
// Audible confirmation message when a link has been selected.
wp.a11y.speak( wpLinkL10n.linkSelected );
return false;
},
open: function() {
$input.attr( 'aria-expanded', 'true' );
},
close: function() {
$input.attr( 'aria-expanded', 'false' );
},
minLength: 2,
position: {
my: 'left top+2'
},
messages: {
noResults: ( typeof window.uiAutocompleteL10n !== 'undefined' ) ? window.uiAutocompleteL10n.noResults : '',
results: function( number ) {
if ( typeof window.uiAutocompleteL10n !== 'undefined' ) {
if ( number > 1 ) {
return window.uiAutocompleteL10n.manyResults.replace( '%d', number );
}
return window.uiAutocompleteL10n.oneResult;
}
}
}
} ).autocomplete( 'instance' )._renderItem = function( ul, item ) {
return $( '<li role="option" id="mce-wp-autocomplete-' + item.ID + '">' )
.append( '<span class="item-title">' + item.title + '</span>&nbsp;<span class="item-date alignright">' + item.info + '</span>' )
.appendTo( ul );
};
$input.attr( {
'aria-owns': $input.autocomplete( 'widget' ).attr( 'id' )
} )
.on( 'focus', function() {
var inputValue = $input.val();
/*
* Don't trigger a search if the URL field already has a link or is empty.
* Also, avoids screen readers announce `No search results`.
*/
if ( inputValue && ! /^https?:/.test( inputValue ) ) {
$input.autocomplete( 'search' );
}
} )
.autocomplete( 'widget' )
.addClass( 'wplink-autocomplete' )
.attr( 'role', 'listbox' )
.removeAttr( 'tabindex' ); // Remove the `tabindex=0` attribute added by jQuery UI.
}, },
// If URL wasn't corrected last time and doesn't start with http:, https:, ? # or /, prepend http:// // If URL wasn't corrected last time and doesn't start with http:, https:, ? # or /, prepend http://
@ -208,6 +149,10 @@ var wpLink;
refresh: function( url, text ) { refresh: function( url, text ) {
var linkText = ''; var linkText = '';
// Refresh rivers (clear links, check visibility)
rivers.search.refresh();
rivers.recent.refresh();
if ( wpLink.isMCE() ) { if ( wpLink.isMCE() ) {
wpLink.mceRefresh( url, text ); wpLink.mceRefresh( url, text );
} else { } else {
@ -237,10 +182,16 @@ var wpLink;
// If this is moved above the selection changes, // If this is moved above the selection changes,
// IE will show a flashing cursor over the dialog. // IE will show a flashing cursor over the dialog.
window.setTimeout( function() { window.setTimeout( function() {
inputs.url.focus()[0].select(); inputs.url[0].select();
inputs.url.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:\/\//, '' ); correctedURL = inputs.url.val().replace( /^http:\/\//, '' );
}, },
@ -271,27 +222,42 @@ var wpLink;
return true; return true;
}, },
mceRefresh: function( url, text ) { mceRefresh: function( searchStr, text ) {
var linkText, var linkText, href,
linkNode = getLink(), linkNode = getLink(),
onlyText = this.hasSelectedText( linkNode ); onlyText = this.hasSelectedText( linkNode );
if ( linkNode ) { if ( linkNode ) {
linkText = linkNode.innerText || linkNode.textContent; linkText = linkNode.innerText || linkNode.textContent;
href = editor.dom.getAttrib( linkNode, 'href' );
if ( ! $.trim( linkText ) ) { if ( ! $.trim( linkText ) ) {
linkText = text || ''; linkText = text || '';
} }
url = url || editor.dom.getAttrib( linkNode, 'href' ); if ( searchStr && ( urlRegexp.test( searchStr ) || emailRegexp.test( searchStr ) ) ) {
href = searchStr;
}
if ( url !== '_wp_link_placeholder' ) { if ( href !== '_wp_link_placeholder' ) {
inputs.url.val( url ); inputs.url.val( href );
inputs.openInNewTab.prop( 'checked', '_blank' === editor.dom.getAttrib( linkNode, 'target' ) ); inputs.openInNewTab.prop( 'checked', '_blank' === editor.dom.getAttrib( linkNode, 'target' ) );
inputs.submit.val( wpLinkL10n.update ); inputs.submit.val( wpLinkL10n.update );
} else { } else {
this.setDefaultValues( linkText ); 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 { } else {
linkText = editor.selection.getContent({ format: 'text' }) || text || ''; linkText = editor.selection.getContent({ format: 'text' }) || text || '';
this.setDefaultValues( linkText ); this.setDefaultValues( linkText );
@ -424,8 +390,6 @@ var wpLink;
var attrs = wpLink.getAttrs(), var attrs = wpLink.getAttrs(),
link, text; link, text;
editor.focus();
if ( window.tinymce.isIE && editor.windowManager.wplinkBookmark ) { if ( window.tinymce.isIE && editor.windowManager.wplinkBookmark ) {
editor.selection.moveToBookmark( editor.windowManager.wplinkBookmark ); editor.selection.moveToBookmark( editor.windowManager.wplinkBookmark );
editor.windowManager.wplinkBookmark = null; editor.windowManager.wplinkBookmark = null;
@ -471,33 +435,11 @@ var wpLink;
wp.a11y.speak( wpLinkL10n.linkInserted ); wp.a11y.speak( wpLinkL10n.linkInserted );
}, },
keydown: function( event ) { updateFields: function( e, li ) {
var id; inputs.url.val( li.children( '.item-permalink' ).val() );
// 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.focus();
event.preventDefault();
} else if ( id === 'wp-link-close' && event.shiftKey ) {
inputs.submit.focus();
event.preventDefault();
}
}
}, },
getUrlFromSelection: function( selection ) { getUrlFromSelection: function( selection ) {
var emailRegexp = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i,
urlRegexp = /^(https?|ftp):\/\/[A-Z0-9.-]+\.[A-Z]{2,4}[^ "]*$/i;
if ( ! selection ) { if ( ! selection ) {
if ( this.isMCE() ) { if ( this.isMCE() ) {
selection = editor.selection.getContent({ format: 'text' }); selection = editor.selection.getContent({ format: 'text' });
@ -524,10 +466,302 @@ var wpLink;
setDefaultValues: function( selection ) { setDefaultValues: function( selection ) {
inputs.url.val( this.getUrlFromSelection( selection ) ); inputs.url.val( this.getUrlFromSelection( selection ) );
// Empty the search field and swap the "rivers".
inputs.search.val('');
wpLink.searchInternalLinks();
// Update save prompt. // Update save prompt.
inputs.submit.val( wpLinkL10n.save ); inputs.submit.val( wpLinkL10n.save );
},
searchInternalLinks: function() {
var waiting,
search = inputs.search.val() || '';
if ( search.length > 2 ) {
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.focus();
event.preventDefault();
} else if ( id === 'wp-link-close' && event.shiftKey ) {
inputs.submit.focus();
event.preventDefault();
}
}
// Up Arrow and Down Arrow keys.
if ( 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' ).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' );
}
});
$( document ).ready( wpLink.init ); $( document ).ready( wpLink.init );
})( jQuery, window.wpLinkL10n, window.wp ); })( jQuery, window.wpLinkL10n, window.wp );

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.5-RC1-37153'; $wp_version = '4.5-RC1-37154';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.