2012-08-23 02:04:18 +02:00
/ * *
* WordPress Administration Navigation Menu
* Interface JS functions
*
* @ version 2.0 . 0
*
* @ package WordPress
* @ subpackage Administration
* /
2013-11-14 07:09:11 +01:00
/* global menus, postboxes, columns, isRtl, navMenuL10n, ajaxurl */
2012-08-23 02:04:18 +02:00
var wpNavMenu ;
( function ( $ ) {
2013-11-14 07:09:11 +01:00
var api ;
api = wpNavMenu = {
2012-08-23 02:04:18 +02:00
options : {
menuItemDepthPerLevel : 30 , // Do not use directly. Use depthToPx and pxToDepth instead.
globalMaxDepth : 11
} ,
menuList : undefined , // Set in init.
targetList : undefined , // Set in init.
menusChanged : false ,
isRTL : ! ! ( 'undefined' != typeof isRtl && isRtl ) ,
negateIfRTL : ( 'undefined' != typeof isRtl && isRtl ) ? - 1 : 1 ,
// Functions that run on init.
init : function ( ) {
api . menuList = $ ( '#menu-to-edit' ) ;
api . targetList = api . menuList ;
this . jQueryExtensions ( ) ;
this . attachMenuEditListeners ( ) ;
this . setupInputWithDefaultTitle ( ) ;
this . attachQuickSearchListeners ( ) ;
this . attachThemeLocationsListeners ( ) ;
this . attachTabsPanelListeners ( ) ;
this . attachUnsavedChangesListener ( ) ;
2013-03-20 06:46:39 +01:00
if ( api . menuList . length )
2012-08-23 02:04:18 +02:00
this . initSortables ( ) ;
2013-03-20 06:46:39 +01:00
if ( menus . oneThemeLocationNoMenus )
2013-02-16 05:53:59 +01:00
$ ( '#posttype-page' ) . addSelectedToMenu ( api . addMenuItemToBottom ) ;
2013-03-27 12:46:08 +01:00
this . initManageLocations ( ) ;
2013-02-16 05:53:59 +01:00
this . initAccessibility ( ) ;
this . initToggles ( ) ;
2012-08-23 02:04:18 +02:00
} ,
jQueryExtensions : function ( ) {
// jQuery extensions
$ . fn . extend ( {
menuItemDepth : function ( ) {
var margin = api . isRTL ? this . eq ( 0 ) . css ( 'margin-right' ) : this . eq ( 0 ) . css ( 'margin-left' ) ;
return api . pxToDepth ( margin && - 1 != margin . indexOf ( 'px' ) ? margin . slice ( 0 , - 2 ) : 0 ) ;
} ,
updateDepthClass : function ( current , prev ) {
return this . each ( function ( ) {
var t = $ ( this ) ;
prev = prev || t . menuItemDepth ( ) ;
$ ( this ) . removeClass ( 'menu-item-depth-' + prev )
. addClass ( 'menu-item-depth-' + current ) ;
} ) ;
} ,
shiftDepthClass : function ( change ) {
return this . each ( function ( ) {
var t = $ ( this ) ,
depth = t . menuItemDepth ( ) ;
$ ( this ) . removeClass ( 'menu-item-depth-' + depth )
. addClass ( 'menu-item-depth-' + ( depth + change ) ) ;
} ) ;
} ,
childMenuItems : function ( ) {
var result = $ ( ) ;
this . each ( function ( ) {
var t = $ ( this ) , depth = t . menuItemDepth ( ) , next = t . next ( ) ;
while ( next . length && next . menuItemDepth ( ) > depth ) {
result = result . add ( next ) ;
next = next . next ( ) ;
}
} ) ;
return result ;
} ,
2013-02-16 05:53:59 +01:00
shiftHorizontally : function ( dir ) {
return this . each ( function ( ) {
var t = $ ( this ) ,
depth = t . menuItemDepth ( ) ,
newDepth = depth + dir ;
// Change .menu-item-depth-n class
t . moveHorizontally ( newDepth , depth ) ;
} ) ;
} ,
moveHorizontally : function ( newDepth , depth ) {
return this . each ( function ( ) {
var t = $ ( this ) ,
children = t . childMenuItems ( ) ,
diff = newDepth - depth ,
subItemText = t . find ( '.is-submenu' ) ;
// Change .menu-item-depth-n class
t . updateDepthClass ( newDepth , depth ) . updateParentMenuItemDBId ( ) ;
// If it has children, move those too
if ( children ) {
2013-11-14 07:09:11 +01:00
children . each ( function ( ) {
2013-02-16 05:53:59 +01:00
var t = $ ( this ) ,
thisDepth = t . menuItemDepth ( ) ,
newDepth = thisDepth + diff ;
t . updateDepthClass ( newDepth , thisDepth ) . updateParentMenuItemDBId ( ) ;
} ) ;
}
// Show "Sub item" helper text
if ( 0 === newDepth )
subItemText . hide ( ) ;
else
subItemText . show ( ) ;
} ) ;
} ,
2012-08-23 02:04:18 +02:00
updateParentMenuItemDBId : function ( ) {
return this . each ( function ( ) {
var item = $ ( this ) ,
2013-02-16 05:53:59 +01:00
input = item . find ( '.menu-item-data-parent-id' ) ,
2013-11-14 07:09:11 +01:00
depth = parseInt ( item . menuItemDepth ( ) , 10 ) ,
2013-02-16 05:53:59 +01:00
parentDepth = depth - 1 ,
parent = item . prevAll ( '.menu-item-depth-' + parentDepth ) . first ( ) ;
2012-08-23 02:04:18 +02:00
2013-11-14 07:09:11 +01:00
if ( 0 === depth ) { // Item is on the top level, has no parent
2012-08-23 02:04:18 +02:00
input . val ( 0 ) ;
} else { // Find the parent item, and retrieve its object id.
2013-02-16 05:53:59 +01:00
input . val ( parent . find ( '.menu-item-data-db-id' ) . val ( ) ) ;
2012-08-23 02:04:18 +02:00
}
} ) ;
} ,
hideAdvancedMenuItemFields : function ( ) {
return this . each ( function ( ) {
var that = $ ( this ) ;
$ ( '.hide-column-tog' ) . not ( ':checked' ) . each ( function ( ) {
that . find ( '.field-' + $ ( this ) . val ( ) ) . addClass ( 'hidden-field' ) ;
} ) ;
} ) ;
} ,
/ * *
* Adds selected menu items to the menu .
*
* @ param jQuery metabox The metabox jQuery object .
* /
addSelectedToMenu : function ( processMethod ) {
2013-11-14 07:09:11 +01:00
if ( 0 === $ ( '#menu-to-edit' ) . length ) {
2012-08-23 02:04:18 +02:00
return false ;
}
return this . each ( function ( ) {
var t = $ ( this ) , menuItems = { } ,
2013-11-14 07:09:11 +01:00
checkboxes = ( menus . oneThemeLocationNoMenus && 0 === t . find ( '.tabs-panel-active .categorychecklist li input:checked' ) . length ) ? t . find ( '#page-all li input[type="checkbox"]' ) : t . find ( '.tabs-panel-active .categorychecklist li input:checked' ) ,
re = /menu-item\[([^]\]*)/ ;
2012-08-23 02:04:18 +02:00
processMethod = processMethod || api . addMenuItemToBottom ;
// If no items are checked, bail.
if ( ! checkboxes . length )
return false ;
// Show the ajax spinner
2012-09-26 21:57:44 +02:00
t . find ( '.spinner' ) . show ( ) ;
2012-08-23 02:04:18 +02:00
// Retrieve menu item data
$ ( checkboxes ) . each ( function ( ) {
var t = $ ( this ) ,
listItemDBIDMatch = re . exec ( t . attr ( 'name' ) ) ,
listItemDBID = 'undefined' == typeof listItemDBIDMatch [ 1 ] ? 0 : parseInt ( listItemDBIDMatch [ 1 ] , 10 ) ;
2013-10-03 11:12:08 +02:00
2012-08-23 02:04:18 +02:00
if ( this . className && - 1 != this . className . indexOf ( 'add-to-top' ) )
processMethod = api . addMenuItemToTop ;
menuItems [ listItemDBID ] = t . closest ( 'li' ) . getItemData ( 'add-menu-item' , listItemDBID ) ;
} ) ;
// Add the items
api . addItemToMenu ( menuItems , processMethod , function ( ) {
// Deselect the items and hide the ajax spinner
checkboxes . removeAttr ( 'checked' ) ;
2012-09-26 21:57:44 +02:00
t . find ( '.spinner' ) . hide ( ) ;
2012-08-23 02:04:18 +02:00
} ) ;
} ) ;
} ,
getItemData : function ( itemType , id ) {
itemType = itemType || 'menu-item' ;
var itemData = { } , i ,
fields = [
'menu-item-db-id' ,
'menu-item-object-id' ,
'menu-item-object' ,
'menu-item-parent-id' ,
'menu-item-position' ,
'menu-item-type' ,
'menu-item-title' ,
'menu-item-url' ,
'menu-item-description' ,
'menu-item-attr-title' ,
'menu-item-target' ,
'menu-item-classes' ,
'menu-item-xfn'
] ;
if ( ! id && itemType == 'menu-item' ) {
id = this . find ( '.menu-item-data-db-id' ) . val ( ) ;
}
if ( ! id ) return itemData ;
this . find ( 'input' ) . each ( function ( ) {
var field ;
i = fields . length ;
while ( i -- ) {
if ( itemType == 'menu-item' )
field = fields [ i ] + '[' + id + ']' ;
else if ( itemType == 'add-menu-item' )
field = 'menu-item[' + id + '][' + fields [ i ] + ']' ;
if (
this . name &&
field == this . name
) {
itemData [ fields [ i ] ] = this . value ;
}
}
} ) ;
return itemData ;
} ,
setItemData : function ( itemData , itemType , id ) { // Can take a type, such as 'menu-item', or an id.
itemType = itemType || 'menu-item' ;
if ( ! id && itemType == 'menu-item' ) {
id = $ ( '.menu-item-data-db-id' , this ) . val ( ) ;
}
if ( ! id ) return this ;
this . find ( 'input' ) . each ( function ( ) {
var t = $ ( this ) , field ;
$ . each ( itemData , function ( attr , val ) {
if ( itemType == 'menu-item' )
field = attr + '[' + id + ']' ;
else if ( itemType == 'add-menu-item' )
field = 'menu-item[' + id + '][' + attr + ']' ;
if ( field == t . attr ( 'name' ) ) {
t . val ( val ) ;
}
} ) ;
} ) ;
return this ;
}
} ) ;
} ,
2013-03-16 05:47:19 +01:00
countMenuItems : function ( depth ) {
return $ ( '.menu-item-depth-' + depth ) . length ;
} ,
moveMenuItem : function ( $this , dir ) {
2013-11-14 07:09:11 +01:00
var items , newItemPosition , newDepth ,
menuItems = $ ( '#menu-to-edit li' ) ,
2013-03-16 05:47:19 +01:00
menuItemsCount = menuItems . length ,
thisItem = $this . parents ( 'li.menu-item' ) ,
thisItemChildren = thisItem . childMenuItems ( ) ,
thisItemData = thisItem . getItemData ( ) ,
2013-11-14 07:09:11 +01:00
thisItemDepth = parseInt ( thisItem . menuItemDepth ( ) , 10 ) ,
thisItemPosition = parseInt ( thisItem . index ( ) , 10 ) ,
2013-03-16 05:47:19 +01:00
nextItem = thisItem . next ( ) ,
nextItemChildren = nextItem . childMenuItems ( ) ,
2013-11-14 07:09:11 +01:00
nextItemDepth = parseInt ( nextItem . menuItemDepth ( ) , 10 ) + 1 ,
2013-03-16 05:47:19 +01:00
prevItem = thisItem . prev ( ) ,
2013-11-14 07:09:11 +01:00
prevItemDepth = parseInt ( prevItem . menuItemDepth ( ) , 10 ) ,
2013-03-16 05:47:19 +01:00
prevItemId = prevItem . getItemData ( ) [ 'menu-item-db-id' ] ;
switch ( dir ) {
case 'up' :
2013-11-14 07:09:11 +01:00
newItemPosition = thisItemPosition - 1 ;
2013-03-16 05:47:19 +01:00
// Already at top
if ( 0 === thisItemPosition )
break ;
// If a sub item is moved to top, shift it to 0 depth
if ( 0 === newItemPosition && 0 !== thisItemDepth )
thisItem . moveHorizontally ( 0 , thisItemDepth ) ;
// If prev item is sub item, shift to match depth
if ( 0 !== prevItemDepth )
thisItem . moveHorizontally ( prevItemDepth , thisItemDepth ) ;
// Does this item have sub items?
if ( thisItemChildren ) {
2013-11-14 07:09:11 +01:00
items = thisItem . add ( thisItemChildren ) ;
2013-03-16 05:47:19 +01:00
// Move the entire block
items . detach ( ) . insertBefore ( menuItems . eq ( newItemPosition ) ) . updateParentMenuItemDBId ( ) ;
} else {
thisItem . detach ( ) . insertBefore ( menuItems . eq ( newItemPosition ) ) . updateParentMenuItemDBId ( ) ;
}
break ;
case 'down' :
// Does this item have sub items?
if ( thisItemChildren ) {
2013-11-14 07:09:11 +01:00
items = thisItem . add ( thisItemChildren ) ,
2013-03-16 05:47:19 +01:00
nextItem = menuItems . eq ( items . length + thisItemPosition ) ,
nextItemChildren = 0 !== nextItem . childMenuItems ( ) . length ;
if ( nextItemChildren ) {
2013-11-14 07:09:11 +01:00
newDepth = parseInt ( nextItem . menuItemDepth ( ) , 10 ) + 1 ;
2013-03-16 05:47:19 +01:00
thisItem . moveHorizontally ( newDepth , thisItemDepth ) ;
}
// Have we reached the bottom?
if ( menuItemsCount === thisItemPosition + items . length )
break ;
items . detach ( ) . insertAfter ( menuItems . eq ( thisItemPosition + items . length ) ) . updateParentMenuItemDBId ( ) ;
} else {
// If next item has sub items, shift depth
if ( 0 !== nextItemChildren . length )
thisItem . moveHorizontally ( nextItemDepth , thisItemDepth ) ;
// Have we reached the bottom
if ( menuItemsCount === thisItemPosition + 1 )
break ;
thisItem . detach ( ) . insertAfter ( menuItems . eq ( thisItemPosition + 1 ) ) . updateParentMenuItemDBId ( ) ;
}
break ;
case 'top' :
// Already at top
if ( 0 === thisItemPosition )
break ;
// Does this item have sub items?
if ( thisItemChildren ) {
2013-11-14 07:09:11 +01:00
items = thisItem . add ( thisItemChildren ) ;
2013-03-16 05:47:19 +01:00
// Move the entire block
items . detach ( ) . insertBefore ( menuItems . eq ( 0 ) ) . updateParentMenuItemDBId ( ) ;
} else {
thisItem . detach ( ) . insertBefore ( menuItems . eq ( 0 ) ) . updateParentMenuItemDBId ( ) ;
}
break ;
case 'left' :
// As far left as possible
if ( 0 === thisItemDepth )
break ;
thisItem . shiftHorizontally ( - 1 ) ;
break ;
case 'right' :
// Can't be sub item at top
if ( 0 === thisItemPosition )
break ;
// Already sub item of prevItem
if ( thisItemData [ 'menu-item-parent-id' ] === prevItemId )
break ;
thisItem . shiftHorizontally ( 1 ) ;
break ;
}
$this . focus ( ) ;
api . registerChange ( ) ;
api . refreshKeyboardAccessibility ( ) ;
api . refreshAdvancedAccessibility ( ) ;
} ,
2013-02-16 05:53:59 +01:00
initAccessibility : function ( ) {
2013-03-16 05:47:19 +01:00
api . refreshKeyboardAccessibility ( ) ;
api . refreshAdvancedAccessibility ( ) ;
// Events
$ ( '.menus-move-up' ) . on ( 'click' , function ( e ) {
api . moveMenuItem ( $ ( this ) . parents ( 'li.menu-item' ) . find ( 'a.item-edit' ) , 'up' ) ;
e . preventDefault ( ) ;
} ) ;
$ ( '.menus-move-down' ) . on ( 'click' , function ( e ) {
api . moveMenuItem ( $ ( this ) . parents ( 'li.menu-item' ) . find ( 'a.item-edit' ) , 'down' ) ;
e . preventDefault ( ) ;
} ) ;
$ ( '.menus-move-top' ) . on ( 'click' , function ( e ) {
api . moveMenuItem ( $ ( this ) . parents ( 'li.menu-item' ) . find ( 'a.item-edit' ) , 'top' ) ;
e . preventDefault ( ) ;
} ) ;
$ ( '.menus-move-left' ) . on ( 'click' , function ( e ) {
api . moveMenuItem ( $ ( this ) . parents ( 'li.menu-item' ) . find ( 'a.item-edit' ) , 'left' ) ;
e . preventDefault ( ) ;
} ) ;
$ ( '.menus-move-right' ) . on ( 'click' , function ( e ) {
api . moveMenuItem ( $ ( this ) . parents ( 'li.menu-item' ) . find ( 'a.item-edit' ) , 'right' ) ;
e . preventDefault ( ) ;
} ) ;
} ,
refreshAdvancedAccessibility : function ( ) {
// Hide all links by default
2013-10-07 15:37:08 +02:00
$ ( '.menu-item-settings .field-move a' ) . css ( 'display' , 'none' ) ;
2013-03-16 05:47:19 +01:00
$ ( '.item-edit' ) . each ( function ( ) {
2013-11-14 07:09:11 +01:00
var thisLink , thisLinkText , primaryItems , itemPosition , title ,
parentItem , parentItemId , parentItemName , subItems ,
$this = $ ( this ) ,
2013-10-07 15:37:08 +02:00
menuItem = $this . closest ( 'li.menu-item' ) . first ( ) ,
2013-03-16 05:47:19 +01:00
depth = menuItem . menuItemDepth ( ) ,
isPrimaryMenuItem = ( 0 === depth ) ,
2013-10-07 15:37:08 +02:00
itemName = $this . closest ( '.menu-item-handle' ) . find ( '.menu-item-title' ) . text ( ) ,
2013-11-14 07:09:11 +01:00
position = parseInt ( menuItem . index ( ) , 10 ) ,
prevItemDepth = ( isPrimaryMenuItem ) ? depth : parseInt ( depth - 1 , 10 ) ,
2013-03-16 05:47:19 +01:00
prevItemNameLeft = menuItem . prevAll ( '.menu-item-depth-' + prevItemDepth ) . first ( ) . find ( '.menu-item-title' ) . text ( ) ,
prevItemNameRight = menuItem . prevAll ( '.menu-item-depth-' + depth ) . first ( ) . find ( '.menu-item-title' ) . text ( ) ,
totalMenuItems = $ ( '#menu-to-edit li' ) . length ,
hasSameDepthSibling = menuItem . nextAll ( '.menu-item-depth-' + depth ) . length ;
// Where can they move this menu item?
if ( 0 !== position ) {
2013-11-14 07:09:11 +01:00
thisLink = menuItem . find ( '.menus-move-up' ) ;
2013-10-07 15:37:08 +02:00
thisLink . prop ( 'title' , menus . moveUp ) . css ( 'display' , 'inline' ) ;
2013-03-16 05:47:19 +01:00
}
if ( 0 !== position && isPrimaryMenuItem ) {
2013-11-14 07:09:11 +01:00
thisLink = menuItem . find ( '.menus-move-top' ) ;
2013-10-07 15:37:08 +02:00
thisLink . prop ( 'title' , menus . moveToTop ) . css ( 'display' , 'inline' ) ;
2013-03-16 05:47:19 +01:00
}
if ( position + 1 !== totalMenuItems && 0 !== position ) {
2013-11-14 07:09:11 +01:00
thisLink = menuItem . find ( '.menus-move-down' ) ;
2013-10-07 15:37:08 +02:00
thisLink . prop ( 'title' , menus . moveDown ) . css ( 'display' , 'inline' ) ;
2013-03-16 05:47:19 +01:00
}
if ( 0 === position && 0 !== hasSameDepthSibling ) {
2013-11-14 07:09:11 +01:00
thisLink = menuItem . find ( '.menus-move-down' ) ;
2013-10-07 15:37:08 +02:00
thisLink . prop ( 'title' , menus . moveDown ) . css ( 'display' , 'inline' ) ;
2013-03-16 05:47:19 +01:00
}
if ( ! isPrimaryMenuItem ) {
2013-11-14 07:09:11 +01:00
thisLink = menuItem . find ( '.menus-move-left' ) ,
thisLinkText = menus . outFrom . replace ( '%s' , prevItemNameLeft ) ;
2013-10-07 15:37:08 +02:00
thisLink . prop ( 'title' , menus . moveOutFrom . replace ( '%s' , prevItemNameLeft ) ) . html ( thisLinkText ) . css ( 'display' , 'inline' ) ;
2013-03-16 05:47:19 +01:00
}
if ( 0 !== position ) {
if ( menuItem . find ( '.menu-item-data-parent-id' ) . val ( ) !== menuItem . prev ( ) . find ( '.menu-item-data-db-id' ) . val ( ) ) {
2013-11-14 07:09:11 +01:00
thisLink = menuItem . find ( '.menus-move-right' ) ,
thisLinkText = menus . under . replace ( '%s' , prevItemNameRight ) ;
2013-10-07 15:37:08 +02:00
thisLink . prop ( 'title' , menus . moveUnder . replace ( '%s' , prevItemNameRight ) ) . html ( thisLinkText ) . css ( 'display' , 'inline' ) ;
2013-03-16 05:47:19 +01:00
}
}
if ( isPrimaryMenuItem ) {
2013-11-14 07:09:11 +01:00
primaryItems = $ ( '.menu-item-depth-0' ) ,
itemPosition = primaryItems . index ( menuItem ) + 1 ,
totalMenuItems = primaryItems . length ,
2013-03-16 05:47:19 +01:00
2013-11-14 07:09:11 +01:00
// String together help text for primary menu items
title = menus . menuFocus . replace ( '%1$s' , itemName ) . replace ( '%2$d' , itemPosition ) . replace ( '%3$d' , totalMenuItems ) ;
2013-03-16 05:47:19 +01:00
} else {
2013-11-14 07:09:11 +01:00
parentItem = menuItem . prevAll ( '.menu-item-depth-' + parseInt ( depth - 1 , 10 ) ) . first ( ) ,
parentItemId = parentItem . find ( '.menu-item-data-db-id' ) . val ( ) ,
parentItemName = parentItem . find ( '.menu-item-title' ) . text ( ) ,
subItems = $ ( '.menu-item .menu-item-data-parent-id[value="' + parentItemId + '"]' ) ,
itemPosition = $ ( subItems . parents ( '.menu-item' ) . get ( ) . reverse ( ) ) . index ( menuItem ) + 1 ;
// String together help text for sub menu items
title = menus . subMenuFocus . replace ( '%1$s' , itemName ) . replace ( '%2$d' , itemPosition ) . replace ( '%3$s' , parentItemName ) ;
2013-03-16 05:47:19 +01:00
}
$this . prop ( 'title' , title ) . html ( title ) ;
} ) ;
} ,
refreshKeyboardAccessibility : function ( ) {
2013-02-16 05:53:59 +01:00
$ ( '.item-edit' ) . off ( 'focus' ) . on ( 'focus' , function ( ) {
2013-03-16 05:47:19 +01:00
$ ( this ) . off ( 'keydown' ) . on ( 'keydown' , function ( e ) {
2013-02-16 05:53:59 +01:00
2013-11-14 07:09:11 +01:00
var arrows ,
$this = $ ( this ) ,
thisItem = $this . parents ( 'li.menu-item' ) ,
thisItemData = thisItem . getItemData ( ) ;
2013-02-16 05:53:59 +01:00
// Bail if it's not an arrow key
if ( 37 != e . which && 38 != e . which && 39 != e . which && 40 != e . which )
return ;
// Avoid multiple keydown events
$this . off ( 'keydown' ) ;
// Bail if there is only one menu item
2013-03-16 05:47:19 +01:00
if ( 1 === $ ( '#menu-to-edit li' ) . length )
2013-02-16 05:53:59 +01:00
return ;
// If RTL, swap left/right arrows
2013-11-14 07:09:11 +01:00
arrows = { '38' : 'up' , '40' : 'down' , '37' : 'left' , '39' : 'right' } ;
2013-02-16 05:53:59 +01:00
if ( $ ( 'body' ) . hasClass ( 'rtl' ) )
arrows = { '38' : 'up' , '40' : 'down' , '39' : 'left' , '37' : 'right' } ;
switch ( arrows [ e . which ] ) {
case 'up' :
2013-03-16 05:47:19 +01:00
api . moveMenuItem ( $this , 'up' ) ;
2013-02-16 05:53:59 +01:00
break ;
case 'down' :
2013-03-16 05:47:19 +01:00
api . moveMenuItem ( $this , 'down' ) ;
2013-02-16 05:53:59 +01:00
break ;
case 'left' :
2013-03-16 05:47:19 +01:00
api . moveMenuItem ( $this , 'left' ) ;
2013-02-16 05:53:59 +01:00
break ;
case 'right' :
2013-03-16 05:47:19 +01:00
api . moveMenuItem ( $this , 'right' ) ;
2013-02-16 05:53:59 +01:00
break ;
}
// Put focus back on same menu item
$ ( '#edit-' + thisItemData [ 'menu-item-db-id' ] ) . focus ( ) ;
return false ;
} ) ;
} ) ;
} ,
2012-08-23 02:04:18 +02:00
initToggles : function ( ) {
// init postboxes
postboxes . add _postbox _toggles ( 'nav-menus' ) ;
// adjust columns functions for menus UI
columns . useCheckboxesForHidden ( ) ;
columns . checked = function ( field ) {
$ ( '.field-' + field ) . removeClass ( 'hidden-field' ) ;
2013-11-14 07:09:11 +01:00
} ;
2012-08-23 02:04:18 +02:00
columns . unchecked = function ( field ) {
$ ( '.field-' + field ) . addClass ( 'hidden-field' ) ;
2013-11-14 07:09:11 +01:00
} ;
2012-08-23 02:04:18 +02:00
// hide fields
api . menuList . hideAdvancedMenuItemFields ( ) ;
2013-03-15 14:16:38 +01:00
$ ( '.hide-postbox-tog' ) . click ( function ( ) {
var hidden = $ ( '.accordion-container li.accordion-section' ) . filter ( ':hidden' ) . map ( function ( ) { return this . id ; } ) . get ( ) . join ( ',' ) ;
$ . post ( ajaxurl , {
action : 'closed-postboxes' ,
hidden : hidden ,
closedpostboxesnonce : jQuery ( '#closedpostboxesnonce' ) . val ( ) ,
page : 'nav-menus'
} ) ;
} ) ;
2012-08-23 02:04:18 +02:00
} ,
initSortables : function ( ) {
var currentDepth = 0 , originalDepth , minDepth , maxDepth ,
prev , next , prevBottom , nextThreshold , helperHeight , transport ,
menuEdge = api . menuList . offset ( ) . left ,
body = $ ( 'body' ) , maxChildDepth ,
menuMaxDepth = initialMenuMaxDepth ( ) ;
2013-11-14 07:09:11 +01:00
if ( 0 !== $ ( '#menu-to-edit li' ) . length )
2013-02-16 05:53:59 +01:00
$ ( '.drag-instructions' ) . show ( ) ;
2012-08-23 02:04:18 +02:00
// Use the right edge if RTL.
menuEdge += api . isRTL ? api . menuList . width ( ) : 0 ;
api . menuList . sortable ( {
handle : '.menu-item-handle' ,
placeholder : 'sortable-placeholder' ,
start : function ( e , ui ) {
var height , width , parent , children , tempHolder ;
// handle placement for rtl orientation
if ( api . isRTL )
ui . item [ 0 ] . style . right = 'auto' ;
transport = ui . item . children ( '.menu-item-transport' ) ;
// Set depths. currentDepth must be set before children are located.
originalDepth = ui . item . menuItemDepth ( ) ;
updateCurrentDepth ( ui , originalDepth ) ;
// Attach child elements to parent
// Skip the placeholder
parent = ( ui . item . next ( ) [ 0 ] == ui . placeholder [ 0 ] ) ? ui . item . next ( ) : ui . item ;
children = parent . childMenuItems ( ) ;
transport . append ( children ) ;
// Update the height of the placeholder to match the moving item.
height = transport . outerHeight ( ) ;
// If there are children, account for distance between top of children and parent
height += ( height > 0 ) ? ( ui . placeholder . css ( 'margin-top' ) . slice ( 0 , - 2 ) * 1 ) : 0 ;
height += ui . helper . outerHeight ( ) ;
helperHeight = height ;
height -= 2 ; // Subtract 2 for borders
ui . placeholder . height ( height ) ;
// Update the width of the placeholder to match the moving item.
maxChildDepth = originalDepth ;
children . each ( function ( ) {
var depth = $ ( this ) . menuItemDepth ( ) ;
maxChildDepth = ( depth > maxChildDepth ) ? depth : maxChildDepth ;
} ) ;
width = ui . helper . find ( '.menu-item-handle' ) . outerWidth ( ) ; // Get original width
width += api . depthToPx ( maxChildDepth - originalDepth ) ; // Account for children
width -= 2 ; // Subtract 2 for borders
ui . placeholder . width ( width ) ;
// Update the list of menu items.
tempHolder = ui . placeholder . next ( ) ;
tempHolder . css ( 'margin-top' , helperHeight + 'px' ) ; // Set the margin to absorb the placeholder
ui . placeholder . detach ( ) ; // detach or jQuery UI will think the placeholder is a menu item
2013-11-14 07:09:11 +01:00
$ ( this ) . sortable ( 'refresh' ) ; // The children aren't sortable. We should let jQ UI know.
2012-08-23 02:04:18 +02:00
ui . item . after ( ui . placeholder ) ; // reattach the placeholder.
tempHolder . css ( 'margin-top' , 0 ) ; // reset the margin
// Now that the element is complete, we can update...
updateSharedVars ( ui ) ;
} ,
stop : function ( e , ui ) {
2013-11-14 07:09:11 +01:00
var children , subMenuTitle ,
depthChange = currentDepth - originalDepth ;
2012-08-23 02:04:18 +02:00
// Return child elements to the list
children = transport . children ( ) . insertAfter ( ui . item ) ;
2013-02-16 05:53:59 +01:00
// Add "sub menu" description
2013-11-14 07:09:11 +01:00
subMenuTitle = ui . item . find ( '.item-title .is-submenu' ) ;
2013-02-16 05:53:59 +01:00
if ( 0 < currentDepth )
subMenuTitle . show ( ) ;
else
subMenuTitle . hide ( ) ;
2012-08-23 02:04:18 +02:00
// Update depth classes
2013-11-14 07:09:11 +01:00
if ( 0 !== depthChange ) {
2012-08-23 02:04:18 +02:00
ui . item . updateDepthClass ( currentDepth ) ;
children . shiftDepthClass ( depthChange ) ;
updateMenuMaxDepth ( depthChange ) ;
}
// Register a change
api . registerChange ( ) ;
// Update the item data.
ui . item . updateParentMenuItemDBId ( ) ;
// address sortable's incorrectly-calculated top in opera
ui . item [ 0 ] . style . top = 0 ;
// handle drop placement for rtl orientation
if ( api . isRTL ) {
ui . item [ 0 ] . style . left = 'auto' ;
ui . item [ 0 ] . style . right = 0 ;
}
2013-03-16 05:47:19 +01:00
api . refreshKeyboardAccessibility ( ) ;
api . refreshAdvancedAccessibility ( ) ;
2012-08-23 02:04:18 +02:00
} ,
change : function ( e , ui ) {
// Make sure the placeholder is inside the menu.
// Otherwise fix it, or we're in trouble.
if ( ! ui . placeholder . parent ( ) . hasClass ( 'menu' ) )
( prev . length ) ? prev . after ( ui . placeholder ) : api . menuList . prepend ( ui . placeholder ) ;
updateSharedVars ( ui ) ;
} ,
sort : function ( e , ui ) {
var offset = ui . helper . offset ( ) ,
edge = api . isRTL ? offset . left + ui . helper . width ( ) : offset . left ,
depth = api . negateIfRTL * api . pxToDepth ( edge - menuEdge ) ;
// Check and correct if depth is not within range.
// Also, if the dragged element is dragged upwards over
// an item, shift the placeholder to a child position.
if ( depth > maxDepth || offset . top < prevBottom ) depth = maxDepth ;
else if ( depth < minDepth ) depth = minDepth ;
if ( depth != currentDepth )
updateCurrentDepth ( ui , depth ) ;
// If we overlap the next element, manually shift downwards
if ( nextThreshold && offset . top + helperHeight > nextThreshold ) {
next . after ( ui . placeholder ) ;
updateSharedVars ( ui ) ;
2013-11-14 07:09:11 +01:00
$ ( this ) . sortable ( 'refreshPositions' ) ;
2012-08-23 02:04:18 +02:00
}
}
} ) ;
function updateSharedVars ( ui ) {
var depth ;
prev = ui . placeholder . prev ( ) ;
next = ui . placeholder . next ( ) ;
// Make sure we don't select the moving item.
if ( prev [ 0 ] == ui . item [ 0 ] ) prev = prev . prev ( ) ;
if ( next [ 0 ] == ui . item [ 0 ] ) next = next . next ( ) ;
prevBottom = ( prev . length ) ? prev . offset ( ) . top + prev . height ( ) : 0 ;
nextThreshold = ( next . length ) ? next . offset ( ) . top + next . height ( ) / 3 : 0 ;
minDepth = ( next . length ) ? next . menuItemDepth ( ) : 0 ;
if ( prev . length )
maxDepth = ( ( depth = prev . menuItemDepth ( ) + 1 ) > api . options . globalMaxDepth ) ? api . options . globalMaxDepth : depth ;
else
maxDepth = 0 ;
}
function updateCurrentDepth ( ui , depth ) {
ui . placeholder . updateDepthClass ( depth , currentDepth ) ;
currentDepth = depth ;
}
function initialMenuMaxDepth ( ) {
if ( ! body [ 0 ] . className ) return 0 ;
var match = body [ 0 ] . className . match ( /menu-max-depth-(\d+)/ ) ;
2013-11-14 07:09:11 +01:00
return match && match [ 1 ] ? parseInt ( match [ 1 ] , 10 ) : 0 ;
2012-08-23 02:04:18 +02:00
}
function updateMenuMaxDepth ( depthChange ) {
var depth , newDepth = menuMaxDepth ;
if ( depthChange === 0 ) {
return ;
} else if ( depthChange > 0 ) {
depth = maxChildDepth + depthChange ;
if ( depth > menuMaxDepth )
newDepth = depth ;
} else if ( depthChange < 0 && maxChildDepth == menuMaxDepth ) {
while ( ! $ ( '.menu-item-depth-' + newDepth , api . menuList ) . length && newDepth > 0 )
newDepth -- ;
}
// Update the depth class.
body . removeClass ( 'menu-max-depth-' + menuMaxDepth ) . addClass ( 'menu-max-depth-' + newDepth ) ;
menuMaxDepth = newDepth ;
}
} ,
2013-03-27 12:46:08 +01:00
initManageLocations : function ( ) {
$ ( '#menu-locations-wrap form' ) . submit ( function ( ) {
window . onbeforeunload = null ;
} ) ;
$ ( '.menu-location-menus select' ) . on ( 'change' , function ( ) {
var editLink = $ ( this ) . closest ( 'tr' ) . find ( '.locations-edit-menu-link' ) ;
if ( $ ( this ) . find ( 'option:selected' ) . data ( 'orig' ) )
editLink . show ( ) ;
else
editLink . hide ( ) ;
} ) ;
} ,
2012-08-23 02:04:18 +02:00
attachMenuEditListeners : function ( ) {
var that = this ;
$ ( '#update-nav-menu' ) . bind ( 'click' , function ( e ) {
if ( e . target && e . target . className ) {
if ( - 1 != e . target . className . indexOf ( 'item-edit' ) ) {
return that . eventOnClickEditLink ( e . target ) ;
} else if ( - 1 != e . target . className . indexOf ( 'menu-save' ) ) {
return that . eventOnClickMenuSave ( e . target ) ;
} else if ( - 1 != e . target . className . indexOf ( 'menu-delete' ) ) {
return that . eventOnClickMenuDelete ( e . target ) ;
} else if ( - 1 != e . target . className . indexOf ( 'item-delete' ) ) {
return that . eventOnClickMenuItemDelete ( e . target ) ;
} else if ( - 1 != e . target . className . indexOf ( 'item-cancel' ) ) {
return that . eventOnClickCancelLink ( e . target ) ;
}
}
} ) ;
$ ( '#add-custom-links input[type="text"]' ) . keypress ( function ( e ) {
if ( e . keyCode === 13 ) {
e . preventDefault ( ) ;
2013-11-14 07:09:11 +01:00
$ ( '#submit-customlinkdiv' ) . click ( ) ;
2012-08-23 02:04:18 +02:00
}
} ) ;
} ,
/ * *
* An interface for managing default values for input elements
* that is both JS and accessibility - friendly .
*
* Input elements that add the class 'input-with-default-title'
* will have their values set to the provided HTML title when empty .
* /
setupInputWithDefaultTitle : function ( ) {
var name = 'input-with-default-title' ;
$ ( '.' + name ) . each ( function ( ) {
var $t = $ ( this ) , title = $t . attr ( 'title' ) , val = $t . val ( ) ;
$t . data ( name , title ) ;
2013-11-14 07:09:11 +01:00
if ( '' === val ) $t . val ( title ) ;
2012-08-23 02:04:18 +02:00
else if ( title == val ) return ;
else $t . removeClass ( name ) ;
} ) . focus ( function ( ) {
var $t = $ ( this ) ;
if ( $t . val ( ) == $t . data ( name ) )
$t . val ( '' ) . removeClass ( name ) ;
} ) . blur ( function ( ) {
var $t = $ ( this ) ;
2013-11-14 07:09:11 +01:00
if ( '' === $t . val ( ) )
2012-08-23 02:04:18 +02:00
$t . addClass ( name ) . val ( $t . data ( name ) ) ;
} ) ;
2013-02-16 05:53:59 +01:00
$ ( '.blank-slate .input-with-default-title' ) . focus ( ) ;
2012-08-23 02:04:18 +02:00
} ,
attachThemeLocationsListeners : function ( ) {
var loc = $ ( '#nav-menu-theme-locations' ) , params = { } ;
2013-11-14 07:09:11 +01:00
params . action = 'menu-locations-save' ;
2012-08-23 02:04:18 +02:00
params [ 'menu-settings-column-nonce' ] = $ ( '#menu-settings-column-nonce' ) . val ( ) ;
loc . find ( 'input[type="submit"]' ) . click ( function ( ) {
loc . find ( 'select' ) . each ( function ( ) {
params [ this . name ] = $ ( this ) . val ( ) ;
} ) ;
2012-09-26 21:57:44 +02:00
loc . find ( '.spinner' ) . show ( ) ;
2013-11-14 07:09:11 +01:00
$ . post ( ajaxurl , params , function ( ) {
2012-09-26 21:57:44 +02:00
loc . find ( '.spinner' ) . hide ( ) ;
2012-08-23 02:04:18 +02:00
} ) ;
return false ;
} ) ;
} ,
attachQuickSearchListeners : function ( ) {
var searchTimer ;
$ ( '.quick-search' ) . keypress ( function ( e ) {
var t = $ ( this ) ;
if ( 13 == e . which ) {
api . updateQuickSearchResults ( t ) ;
return false ;
}
if ( searchTimer ) clearTimeout ( searchTimer ) ;
searchTimer = setTimeout ( function ( ) {
api . updateQuickSearchResults ( t ) ;
} , 400 ) ;
} ) . attr ( 'autocomplete' , 'off' ) ;
} ,
updateQuickSearchResults : function ( input ) {
var panel , params ,
minSearchLength = 2 ,
q = input . val ( ) ;
if ( q . length < minSearchLength ) return ;
panel = input . parents ( '.tabs-panel' ) ;
params = {
'action' : 'menu-quick-search' ,
'response-format' : 'markup' ,
'menu' : $ ( '#menu' ) . val ( ) ,
'menu-settings-column-nonce' : $ ( '#menu-settings-column-nonce' ) . val ( ) ,
'q' : q ,
'type' : input . attr ( 'name' )
} ;
2012-09-26 21:57:44 +02:00
$ ( '.spinner' , panel ) . show ( ) ;
2012-08-23 02:04:18 +02:00
$ . post ( ajaxurl , params , function ( menuMarkup ) {
api . processQuickSearchQueryResponse ( menuMarkup , params , panel ) ;
} ) ;
} ,
addCustomLink : function ( processMethod ) {
var url = $ ( '#custom-menu-item-url' ) . val ( ) ,
label = $ ( '#custom-menu-item-name' ) . val ( ) ;
processMethod = processMethod || api . addMenuItemToBottom ;
2013-11-14 07:09:11 +01:00
if ( '' === url || 'http://' == url )
2012-08-23 02:04:18 +02:00
return false ;
// Show the ajax spinner
2012-09-26 21:57:44 +02:00
$ ( '.customlinkdiv .spinner' ) . show ( ) ;
2012-08-23 02:04:18 +02:00
this . addLinkToMenu ( url , label , processMethod , function ( ) {
// Remove the ajax spinner
2012-09-26 21:57:44 +02:00
$ ( '.customlinkdiv .spinner' ) . hide ( ) ;
2012-08-23 02:04:18 +02:00
// Set custom link form back to defaults
$ ( '#custom-menu-item-name' ) . val ( '' ) . blur ( ) ;
$ ( '#custom-menu-item-url' ) . val ( 'http://' ) ;
} ) ;
} ,
addLinkToMenu : function ( url , label , processMethod , callback ) {
processMethod = processMethod || api . addMenuItemToBottom ;
callback = callback || function ( ) { } ;
api . addItemToMenu ( {
'-1' : {
'menu-item-type' : 'custom' ,
'menu-item-url' : url ,
'menu-item-title' : label
}
} , processMethod , callback ) ;
} ,
addItemToMenu : function ( menuItem , processMethod , callback ) {
var menu = $ ( '#menu' ) . val ( ) ,
2013-11-14 07:09:11 +01:00
nonce = $ ( '#menu-settings-column-nonce' ) . val ( ) ,
params ;
2012-08-23 02:04:18 +02:00
processMethod = processMethod || function ( ) { } ;
callback = callback || function ( ) { } ;
params = {
'action' : 'add-menu-item' ,
'menu' : menu ,
'menu-settings-column-nonce' : nonce ,
'menu-item' : menuItem
} ;
$ . post ( ajaxurl , params , function ( menuMarkup ) {
var ins = $ ( '#menu-instructions' ) ;
2013-09-21 12:51:09 +02:00
menuMarkup = $ . trim ( menuMarkup ) ; // Trim leading whitespaces
2012-08-23 02:04:18 +02:00
processMethod ( menuMarkup , params ) ;
2013-09-21 12:51:09 +02:00
2013-02-16 05:53:59 +01:00
// Make it stand out a bit more visually, by adding a fadeIn
$ ( 'li.pending' ) . hide ( ) . fadeIn ( 'slow' ) ;
$ ( '.drag-instructions' ) . show ( ) ;
if ( ! ins . hasClass ( 'menu-instructions-inactive' ) && ins . siblings ( ) . length )
ins . addClass ( 'menu-instructions-inactive' ) ;
2013-09-21 12:51:09 +02:00
2012-08-23 02:04:18 +02:00
callback ( ) ;
} ) ;
} ,
/ * *
* Process the add menu item request response into menu list item .
*
* @ param string menuMarkup The text server response of menu item markup .
* @ param object req The request arguments .
* /
2013-11-14 07:09:11 +01:00
addMenuItemToBottom : function ( menuMarkup ) {
2012-08-23 02:04:18 +02:00
$ ( menuMarkup ) . hideAdvancedMenuItemFields ( ) . appendTo ( api . targetList ) ;
2013-03-16 05:47:19 +01:00
api . refreshKeyboardAccessibility ( ) ;
api . refreshAdvancedAccessibility ( ) ;
2012-08-23 02:04:18 +02:00
} ,
2013-11-14 07:09:11 +01:00
addMenuItemToTop : function ( menuMarkup ) {
2012-08-23 02:04:18 +02:00
$ ( menuMarkup ) . hideAdvancedMenuItemFields ( ) . prependTo ( api . targetList ) ;
2013-03-16 05:47:19 +01:00
api . refreshKeyboardAccessibility ( ) ;
api . refreshAdvancedAccessibility ( ) ;
2012-08-23 02:04:18 +02:00
} ,
attachUnsavedChangesListener : function ( ) {
2013-03-27 12:46:08 +01:00
$ ( '#menu-management input, #menu-management select, #menu-management, #menu-management textarea, .menu-location-menus select' ) . change ( function ( ) {
2012-08-23 02:04:18 +02:00
api . registerChange ( ) ;
} ) ;
2013-11-14 07:09:11 +01:00
if ( 0 !== $ ( '#menu-to-edit' ) . length || 0 !== $ ( '.menu-location-menus select' ) . length ) {
2012-08-23 02:04:18 +02:00
window . onbeforeunload = function ( ) {
if ( api . menusChanged )
return navMenuL10n . saveAlert ;
} ;
} else {
// Make the post boxes read-only, as they can't be used yet
2013-02-16 05:53:59 +01:00
$ ( '#menu-settings-column' ) . find ( 'input,select' ) . end ( ) . find ( 'a' ) . attr ( 'href' , '#' ) . unbind ( 'click' ) ;
2012-08-23 02:04:18 +02:00
}
} ,
registerChange : function ( ) {
api . menusChanged = true ;
} ,
attachTabsPanelListeners : function ( ) {
$ ( '#menu-settings-column' ) . bind ( 'click' , function ( e ) {
var selectAreaMatch , panelId , wrapper , items ,
target = $ ( e . target ) ;
if ( target . hasClass ( 'nav-tab-link' ) ) {
2013-03-15 14:16:38 +01:00
panelId = target . data ( 'type' ) ;
wrapper = target . parents ( '.accordion-section-content' ) . first ( ) ;
2012-08-23 02:04:18 +02:00
// upon changing tabs, we want to uncheck all checkboxes
$ ( 'input' , wrapper ) . removeAttr ( 'checked' ) ;
$ ( '.tabs-panel-active' , wrapper ) . removeClass ( 'tabs-panel-active' ) . addClass ( 'tabs-panel-inactive' ) ;
$ ( '#' + panelId , wrapper ) . removeClass ( 'tabs-panel-inactive' ) . addClass ( 'tabs-panel-active' ) ;
$ ( '.tabs' , wrapper ) . removeClass ( 'tabs' ) ;
target . parent ( ) . addClass ( 'tabs' ) ;
// select the search bar
$ ( '.quick-search' , wrapper ) . focus ( ) ;
2013-03-15 14:16:38 +01:00
e . preventDefault ( ) ;
2012-08-23 02:04:18 +02:00
} else if ( target . hasClass ( 'select-all' ) ) {
selectAreaMatch = /#(.*)$/ . exec ( e . target . href ) ;
if ( selectAreaMatch && selectAreaMatch [ 1 ] ) {
items = $ ( '#' + selectAreaMatch [ 1 ] + ' .tabs-panel-active .menu-item-title input' ) ;
if ( items . length === items . filter ( ':checked' ) . length )
items . removeAttr ( 'checked' ) ;
else
items . prop ( 'checked' , true ) ;
return false ;
}
} else if ( target . hasClass ( 'submit-add-to-menu' ) ) {
api . registerChange ( ) ;
if ( e . target . id && 'submit-customlinkdiv' == e . target . id )
api . addCustomLink ( api . addMenuItemToBottom ) ;
else if ( e . target . id && - 1 != e . target . id . indexOf ( 'submit-' ) )
$ ( '#' + e . target . id . replace ( /submit-/ , '' ) ) . addSelectedToMenu ( api . addMenuItemToBottom ) ;
return false ;
} else if ( target . hasClass ( 'page-numbers' ) ) {
$ . post ( ajaxurl , e . target . href . replace ( /.*\?/ , '' ) . replace ( /action=([^&]*)/ , '' ) + '&action=menu-get-metabox' ,
function ( resp ) {
if ( - 1 == resp . indexOf ( 'replace-id' ) )
return ;
var metaBoxData = $ . parseJSON ( resp ) ,
toReplace = document . getElementById ( metaBoxData [ 'replace-id' ] ) ,
placeholder = document . createElement ( 'div' ) ,
wrap = document . createElement ( 'div' ) ;
2013-11-14 07:09:11 +01:00
if ( ! metaBoxData . markup || ! toReplace )
2012-08-23 02:04:18 +02:00
return ;
2013-11-14 07:09:11 +01:00
wrap . innerHTML = metaBoxData . markup ? metaBoxData . markup : '' ;
2012-08-23 02:04:18 +02:00
toReplace . parentNode . insertBefore ( placeholder , toReplace ) ;
placeholder . parentNode . removeChild ( toReplace ) ;
placeholder . parentNode . insertBefore ( wrap , placeholder ) ;
placeholder . parentNode . removeChild ( placeholder ) ;
}
) ;
return false ;
}
} ) ;
} ,
eventOnClickEditLink : function ( clickedEl ) {
var settings , item ,
matchedSection = /#(.*)$/ . exec ( clickedEl . href ) ;
if ( matchedSection && matchedSection [ 1 ] ) {
settings = $ ( '#' + matchedSection [ 1 ] ) ;
item = settings . parent ( ) ;
2013-11-14 07:09:11 +01:00
if ( 0 !== item . length ) {
2012-08-23 02:04:18 +02:00
if ( item . hasClass ( 'menu-item-edit-inactive' ) ) {
if ( ! settings . data ( 'menu-item-data' ) ) {
settings . data ( 'menu-item-data' , settings . getItemData ( ) ) ;
}
settings . slideDown ( 'fast' ) ;
item . removeClass ( 'menu-item-edit-inactive' )
. addClass ( 'menu-item-edit-active' ) ;
} else {
settings . slideUp ( 'fast' ) ;
item . removeClass ( 'menu-item-edit-active' )
. addClass ( 'menu-item-edit-inactive' ) ;
}
return false ;
}
}
} ,
eventOnClickCancelLink : function ( clickedEl ) {
2013-02-16 05:53:59 +01:00
var settings = $ ( clickedEl ) . closest ( '.menu-item-settings' ) ,
thisMenuItem = $ ( clickedEl ) . closest ( '.menu-item' ) ;
thisMenuItem . removeClass ( 'menu-item-edit-active' ) . addClass ( 'menu-item-edit-inactive' ) ;
settings . setItemData ( settings . data ( 'menu-item-data' ) ) . hide ( ) ;
2012-08-23 02:04:18 +02:00
return false ;
} ,
2013-11-14 07:09:11 +01:00
eventOnClickMenuSave : function ( ) {
2012-08-23 02:04:18 +02:00
var locs = '' ,
menuName = $ ( '#menu-name' ) ,
menuNameVal = menuName . val ( ) ;
// Cancel and warn if invalid menu name
if ( ! menuNameVal || menuNameVal == menuName . attr ( 'title' ) || ! menuNameVal . replace ( /\s+/ , '' ) ) {
menuName . parent ( ) . addClass ( 'form-invalid' ) ;
return false ;
}
// Copy menu theme locations
$ ( '#nav-menu-theme-locations select' ) . each ( function ( ) {
locs += '<input type="hidden" name="' + this . name + '" value="' + $ ( this ) . val ( ) + '" />' ;
} ) ;
$ ( '#update-nav-menu' ) . append ( locs ) ;
// Update menu item position data
api . menuList . find ( '.menu-item-data-position' ) . val ( function ( index ) { return index + 1 ; } ) ;
window . onbeforeunload = null ;
return true ;
} ,
2013-11-14 07:09:11 +01:00
eventOnClickMenuDelete : function ( ) {
2012-08-23 02:04:18 +02:00
// Delete warning AYS
2013-11-14 07:09:11 +01:00
if ( window . confirm ( navMenuL10n . warnDeleteMenu ) ) {
2012-08-23 02:04:18 +02:00
window . onbeforeunload = null ;
return true ;
}
return false ;
} ,
eventOnClickMenuItemDelete : function ( clickedEl ) {
var itemID = parseInt ( clickedEl . id . replace ( 'delete-' , '' ) , 10 ) ;
api . removeMenuItem ( $ ( '#menu-item-' + itemID ) ) ;
api . registerChange ( ) ;
return false ;
} ,
/ * *
* Process the quick search response into a search result
*
* @ param string resp The server response to the query .
* @ param object req The request arguments .
* @ param jQuery panel The tabs panel we ' re searching in .
* /
processQuickSearchQueryResponse : function ( resp , req , panel ) {
var matched , newID ,
takenIDs = { } ,
form = document . getElementById ( 'nav-menu-meta' ) ,
2013-11-14 07:09:11 +01:00
pattern = /menu-item[(\[^]\]*/ ,
2012-08-23 02:04:18 +02:00
$items = $ ( '<div>' ) . html ( resp ) . find ( 'li' ) ,
$item ;
if ( ! $items . length ) {
$ ( '.categorychecklist' , panel ) . html ( '<li><p>' + navMenuL10n . noResultsFound + '</p></li>' ) ;
2012-09-26 21:57:44 +02:00
$ ( '.spinner' , panel ) . hide ( ) ;
2012-08-23 02:04:18 +02:00
return ;
}
$items . each ( function ( ) {
$item = $ ( this ) ;
// make a unique DB ID number
matched = pattern . exec ( $item . html ( ) ) ;
if ( matched && matched [ 1 ] ) {
newID = matched [ 1 ] ;
while ( form . elements [ 'menu-item[' + newID + '][menu-item-type]' ] || takenIDs [ newID ] ) {
newID -- ;
}
takenIDs [ newID ] = true ;
if ( newID != matched [ 1 ] ) {
$item . html ( $item . html ( ) . replace ( new RegExp (
'menu-item\\[' + matched [ 1 ] + '\\]' , 'g' ) ,
'menu-item[' + newID + ']'
) ) ;
}
}
} ) ;
$ ( '.categorychecklist' , panel ) . html ( $items ) ;
2012-09-26 21:57:44 +02:00
$ ( '.spinner' , panel ) . hide ( ) ;
2012-08-23 02:04:18 +02:00
} ,
removeMenuItem : function ( el ) {
var children = el . childMenuItems ( ) ;
el . addClass ( 'deleting' ) . animate ( {
opacity : 0 ,
height : 0
} , 350 , function ( ) {
var ins = $ ( '#menu-instructions' ) ;
el . remove ( ) ;
2013-02-16 05:53:59 +01:00
children . shiftDepthClass ( - 1 ) . updateParentMenuItemDBId ( ) ;
2013-11-14 07:09:11 +01:00
if ( 0 === $ ( '#menu-to-edit li' ) . length ) {
2013-02-16 05:53:59 +01:00
$ ( '.drag-instructions' ) . hide ( ) ;
ins . removeClass ( 'menu-instructions-inactive' ) ;
}
2012-08-23 02:04:18 +02:00
} ) ;
} ,
depthToPx : function ( depth ) {
return depth * api . options . menuItemDepthPerLevel ;
} ,
pxToDepth : function ( px ) {
return Math . floor ( px / api . options . menuItemDepthPerLevel ) ;
}
} ;
$ ( document ) . ready ( function ( ) { wpNavMenu . init ( ) ; } ) ;
} ) ( jQuery ) ;