mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-04 09:49:37 +01:00
fcf6942d33
git-svn-id: http://svn.automattic.com/wordpress/trunk@13473 1a063a9b-81f0-0310-95a4-ce76da25c4cd
377 lines
15 KiB
JavaScript
377 lines
15 KiB
JavaScript
/**
|
|
* WordPress Administration Custom Navigation
|
|
* Interface JS functions
|
|
*
|
|
* @version 1.1.0
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Administration
|
|
*/
|
|
|
|
/**
|
|
* Adds a link to the available links section
|
|
*
|
|
* @param object e - An object recieved via ajax
|
|
*/
|
|
function wp_update_links_list(e) {
|
|
var link = '<li><dl><dt><label class="item-title"><input type="checkbox" id="link-'+ e.link_id +'" name="'+ e.link_name +'" value="'+ e.link_url +'" />'+ e.link_name +'</label></dt></dl></li>';
|
|
|
|
// Prepend the link to the available links section
|
|
jQuery('#available-links .list').prepend( link );
|
|
|
|
// Give feedback to the user
|
|
jQuery('#available-links .list #link-' + e.link_id).parent().animate( { backgroundColor: '#FFFF33' }, { duration: 'normal', complete: function() { jQuery(this).css( 'backgroundColor', '' ); }});
|
|
}
|
|
|
|
/**
|
|
* Removes a menu item from current menu
|
|
*
|
|
* @param int o - the id of the menu li to remove.
|
|
*/
|
|
function wp_remove_menu_item( o ) {
|
|
var todelete = document.getElementById('menu-' + o);
|
|
|
|
if ( todelete ) {
|
|
// Give some feedback to the user
|
|
jQuery( todelete ).find('dt').each(function(){
|
|
jQuery(this).animate( { backgroundColor: '#FF3333' }, { duration: 'normal', complete: function() { jQuery(this).parent().parent().remove() } } );
|
|
});
|
|
|
|
wp_update_post_data();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Populate the thickbox window with the selected menu items
|
|
*
|
|
* @param int o - the id of the menu li to edit.
|
|
*/
|
|
function wp_edit_menu_item( id ) {
|
|
console.log('wp_edit_menu_item');
|
|
|
|
var itemTitle = jQuery('#item-title' + id).val();
|
|
var itemURL = jQuery('#item-url' + id).val();
|
|
var itemAttrTitle = jQuery('#item-attr-title' + id).val();
|
|
var itemTarget = jQuery('#item-target' + id).val();
|
|
var itemDesc = jQuery('#item-description' + id).val();
|
|
|
|
console.log(id);
|
|
console.log(itemTitle);
|
|
console.log(itemURL);
|
|
console.log(itemAttrTitle);
|
|
console.log(itemTarget);
|
|
console.log(itemDesc);
|
|
|
|
// Populate the fields for thickbox
|
|
jQuery( '#edit-item-id' ).val(id);
|
|
jQuery( '#edit-item-title' ).val(itemTitle);
|
|
jQuery( '#edit-item-url' ).val(itemURL);
|
|
jQuery( '#edit-item-attr-title' ).val(itemAttrTitle);
|
|
jQuery( '#edit-item-target' ).val(itemTarget);
|
|
jQuery( "#edit-item-target option[value='" + itemTarget + "']" ).attr('selected', 'selected');
|
|
jQuery( '#edit-item-description' ).val(itemDesc);
|
|
};
|
|
|
|
/**
|
|
* Update the values for the menu item being editing
|
|
*/
|
|
function wp_update_menu_item() {
|
|
var id = jQuery('#edit-item-id').val();
|
|
var itemTitle = jQuery('#edit-item-title').val();
|
|
var itemURL = jQuery('#edit-item-url').val();
|
|
var itemAttrTitle = jQuery('#edit-item-attr-title').val();
|
|
var itemTarget = jQuery('#edit-item-target').val();
|
|
var itemDesc = jQuery('#edit-item-description').val();
|
|
|
|
console.log(id);
|
|
console.log(itemTitle);
|
|
console.log(itemURL);
|
|
console.log(itemAttrTitle);
|
|
console.log(itemTarget);
|
|
console.log(itemDesc);
|
|
|
|
// update menu item settings
|
|
jQuery('#menu-' + id).find('.item-title:first').html(itemTitle);
|
|
jQuery('#item-title' + id).val(itemTitle);
|
|
jQuery('#item-url' + id).val(itemURL);
|
|
jQuery('#item-attr-title' + id).val(itemAttrTitle);
|
|
jQuery('#item-target' + id).val(itemTarget);
|
|
jQuery('#item-description' + id).val(itemDesc);
|
|
}
|
|
|
|
/**
|
|
* Prepares menu items for POST
|
|
*/
|
|
function wp_update_post_data() {
|
|
var i = 0;
|
|
|
|
jQuery('#menu li').each(function(i) {
|
|
i = i + 1;
|
|
var j = jQuery(this).attr('value');
|
|
|
|
jQuery(this).find('#position' + j).attr('value', i);
|
|
jQuery(this).attr('id','menu-' + i);
|
|
jQuery(this).attr('value', i);
|
|
|
|
jQuery(this).find('#dbid' + j).attr('name','dbid' + i);
|
|
jQuery(this).find('#dbid' + j).attr('id','dbid' + i);
|
|
|
|
jQuery(this).find('#postmenu' + j).attr('name','postmenu' + i);
|
|
jQuery(this).find('#postmenu' + j).attr('id','postmenu' + i);
|
|
|
|
var p = jQuery(this).find('#parent' + j).parent().parent().parent().attr('value');
|
|
|
|
jQuery(this).find('#parent' + j).attr('name','parent' + i);
|
|
jQuery(this).find('#parent' + j).attr('id','parent' + i);
|
|
|
|
if (p) {
|
|
// Do nothing
|
|
} else {
|
|
// reset p to be top level
|
|
p = 0;
|
|
}
|
|
|
|
jQuery(this).find('#parent' + j).attr('value', p);
|
|
|
|
jQuery(this).find('#item-title' + j).attr('name','item-title' + i);
|
|
jQuery(this).find('#item-title' + j).attr('id','item-title' + i);
|
|
|
|
jQuery(this).find('#item-url' + j).attr('name','item-url' + i);
|
|
jQuery(this).find('#item-url' + j).attr('id','item-url' + i);
|
|
|
|
jQuery(this).find('#item-description' + j).attr('name','item-description' + i);
|
|
jQuery(this).find('#item-description' + j).attr('id','item-description' + i);
|
|
|
|
jQuery(this).find('#item-attr-title' + j).attr('name','item-attr-title' + i);
|
|
jQuery(this).find('#item-attr-title' + j).attr('id','item-attr-title' + i);
|
|
|
|
jQuery(this).find('#item-target' + j).attr('name','item-target' + i);
|
|
jQuery(this).find('#item-target' + j).attr('id','item-target' + i);
|
|
|
|
jQuery(this).find('#position' + j).attr('name', 'position' + i);
|
|
jQuery(this).find('#position' + j).attr('id', 'position' + i);
|
|
|
|
jQuery(this).find('#linktype' + j).attr('name', 'linktype' + i);
|
|
jQuery(this).find('#linktype' + j).attr('id', 'linktype' + i);
|
|
|
|
jQuery('#li-count').attr( 'value', i );
|
|
});
|
|
};
|
|
|
|
/**
|
|
* Adds the item to the menu
|
|
*
|
|
* @param string id - The menu item's id
|
|
* @param string additemtype - Page, Category, or Custom.
|
|
* @param string itemtext - menu text.
|
|
* @param string itemurl - url of the menu.
|
|
* @param int itemid - menu id.
|
|
* @param int itemparentid - default 0.
|
|
* @param string itemdescription - the description of the menu item.
|
|
*/
|
|
function wp_add_item_to_menu( additemtype, itemtext, itemurl, itemid, itemparentid, itemdescription ) {
|
|
var inputvaluevarname = '';
|
|
var inputvaluevarurl = '';
|
|
var inputitemid = '';
|
|
var inputparentid= '';
|
|
var inputdescription = '';
|
|
var randomnumber = wp_get_unique_menu_id();
|
|
|
|
inputvaluevarname = htmlentities(itemtext.toString());
|
|
inputvaluevarurl = itemurl.toString();
|
|
inputitemid = itemid;
|
|
inputparentid = itemparentid;
|
|
inputlinktype = 'custom';
|
|
inputdescription = htmlentities(itemdescription.toString());
|
|
|
|
// Adds the item in the queue
|
|
jQuery('#menu').append('<li id="menu-' + randomnumber + '" value="' + randomnumber + '"><div class="dropzone ui-droppable"></div><dl class="ui-droppable"><dt><span class="item-title">' + inputvaluevarname + '</span><span class="item-controls"><span class="item-type">' + additemtype + '</span><a class="item-edit thickbox" id="edit' + randomnumber + '" value="' + randomnumber +'" onClick="wp_edit_menu_item('+ randomnumber +')" title="' + navMenuL10n.thickbox + '" href="#TB_inline?height=380&width=300&inlineId=menu-item-settings">' + navMenuL10n.edit + '</a> | <a class="item-delete" id="delete' + randomnumber + '" value="' + randomnumber +'">Delete</a></span></dt></dl><a class="hide" href="' + inputvaluevarurl + '">' + inputvaluevarname + '</a><input type="hidden" name="postmenu' + randomnumber + '" id="postmenu' + randomnumber + '" value="' + inputitemid + '" /><input type="hidden" name="parent' + randomnumber + '" id="parent' + randomnumber + '" value="' + inputparentid + '" /><input type="hidden" name="item-title' + randomnumber + '" id="item-title' + randomnumber + '" value="' + inputvaluevarname + '" /><input type="hidden" name="item-url' + randomnumber + '" id="item-url' + randomnumber + '" value="' + inputvaluevarurl + '" /><input type="hidden" name="item-description' + randomnumber + '" id="item-description' + randomnumber + '" value="' + inputdescription + '" /><input type="hidden" name="position' + randomnumber + '" id="position' + randomnumber + '" value="' + randomnumber + '" /><input type="hidden" name="linktype' + randomnumber + '" id="linktype' + randomnumber + '" value="' + inputlinktype + '" /><input type="hidden" name="item-attr-title' + randomnumber + '" id="item-attr-title' + randomnumber + '" value="' + inputvaluevarname + '" /><input type="hidden" name="item-target' + randomnumber + '" id="item-target' + randomnumber + '" value="0" /></li>');
|
|
|
|
// Give some feedback to the user
|
|
jQuery( '#menu #menu-' + randomnumber + ' dt:first' ).animate( { backgroundColor: '#FFFF33' }, { duration: 'normal', complete: function() { jQuery(this).css( 'backgroundColor', '' ); }});
|
|
|
|
// Enable drag-n-drop
|
|
wp_drag_and_drop();
|
|
|
|
// Reload thickbox
|
|
tb_init('a.thickbox, area.thickbox, input.thickbox');
|
|
};
|
|
|
|
/*
|
|
* Queues items in perperation for appendToList
|
|
*
|
|
* @param string id - The menu item's id
|
|
* @param string additemtype - Page, Category, or Custom.
|
|
* @param string itemtext - menu text.
|
|
* @param string itemurl - url of the menu.
|
|
* @param int itemid - menu id.
|
|
* @param int itemparentid - default 0.
|
|
* @param string itemdescription - the description of the menu item.
|
|
*/
|
|
function wp_update_queue( additemtype, itemtext, itemurl, itemid, itemparentid, itemdescription ) {
|
|
var inputvaluevarname = '';
|
|
var inputvaluevarurl = '';
|
|
var inputitemid = '';
|
|
var inputparentid= '';
|
|
var inputdescription = '';
|
|
var randomnumber = wp_get_unique_menu_id();
|
|
|
|
if ( additemtype == navMenuL10n.page ) {
|
|
inputvaluevarname = htmlentities(itemtext.toString());
|
|
inputvaluevarurl = itemurl.toString();
|
|
inputitemid = itemid.toString();
|
|
inputparentid = '0';
|
|
inputlinktype = 'page';
|
|
inputdescription = htmlentities(itemdescription.toString());
|
|
|
|
} else if ( additemtype == navMenuL10n.category ) {
|
|
inputvaluevarname = htmlentities(itemtext.toString());
|
|
inputvaluevarurl = itemurl.toString();
|
|
inputitemid = itemid.toString();
|
|
inputparentid = '0';
|
|
inputlinktype = 'category';
|
|
inputdescription = htmlentities(itemdescription.toString());
|
|
}
|
|
|
|
// Adds or removes the item from the queue
|
|
if ( jQuery(menu_item_id = '#menu-item-' + inputitemid).attr('checked') ) {
|
|
|
|
// Add menu item to the queue
|
|
jQuery('#queue').append('<li id="menu-' + randomnumber + '" value="' + randomnumber + '"><div class="dropzone ui-droppable"></div><dl class="ui-droppable"><dt><span class="item-title">' + inputvaluevarname + '</span><span class="item-controls"><span class="item-type">' + additemtype + '</span><a class="item-edit thickbox" id="edit' + randomnumber + '" value="' + randomnumber +'" onClick="wp_edit_menu_item('+ randomnumber +')" title="' + navMenuL10n.thickbox + '" href="#TB_inline?height=380&width=300&inlineId=menu-item-settings">' + navMenuL10n.edit + '</a> | <a class="item-delete" id="delete' + randomnumber + '" value="' + randomnumber +'">Delete</a></span></dt></dl><a class="hide" href="' + inputvaluevarurl + '">' + inputvaluevarname + '</a><input type="hidden" name="postmenu' + randomnumber + '" id="postmenu' + randomnumber + '" value="' + inputitemid + '" /><input type="hidden" name="parent' + randomnumber + '" id="parent' + randomnumber + '" value="' + inputparentid + '" /><input type="hidden" name="item-title' + randomnumber + '" id="item-title' + randomnumber + '" value="' + inputvaluevarname + '" /><input type="hidden" name="item-url' + randomnumber + '" id="item-url' + randomnumber + '" value="' + inputvaluevarurl + '" /><input type="hidden" name="item-description' + randomnumber + '" id="item-description' + randomnumber + '" value="' + inputdescription + '" /><input type="hidden" name="position' + randomnumber + '" id="position' + randomnumber + '" value="' + randomnumber + '" /><input type="hidden" name="linktype' + randomnumber + '" id="linktype' + randomnumber + '" value="' + inputlinktype + '" /><input type="hidden" name="item-attr-title' + randomnumber + '" id="item-attr-title' + randomnumber + '" value="' + inputvaluevarname + '" /><input type="hidden" name="item-target' + randomnumber + '" id="item-target' + randomnumber + '" value="0" /></li>');
|
|
} else {
|
|
|
|
// Get the item in the queue
|
|
for ( var i = 0; i < jQuery('#queue li input[name^="postmenu"]').length; i++ ) {
|
|
if ( itemid == jQuery('#queue li input[name^="postmenu"]')[i].value ) {
|
|
var menu_queue_id = jQuery('#queue li input[name^="postmenu"]')[i].name.substring( 8, jQuery('#queue li input[name^="postmenu"]')[i].name.length );
|
|
};
|
|
};
|
|
|
|
// Removes the item from the queue
|
|
jQuery('#queue li#menu-' + menu_queue_id).remove();
|
|
};
|
|
};
|
|
|
|
/**
|
|
* Grabs items from the queue and adds them to the menu.
|
|
*
|
|
* @param string button - a reference of the button that was clicked
|
|
*/
|
|
function wp_add_queued_items_to_menu( button ) {
|
|
// Grab items in queue
|
|
var items = jQuery('#queue').children();
|
|
|
|
// Empty Queue
|
|
jQuery('#queue').empty();
|
|
|
|
// Appends HTML to the menu
|
|
jQuery('#menu').append( items );
|
|
|
|
// Give some feedback to the user
|
|
jQuery(items).each(function(){
|
|
jQuery(this).find('dt').animate( { backgroundColor: '#FFFF33' }, { duration: 'normal', complete: function() { jQuery(this).css( 'backgroundColor', '' ); }});
|
|
});
|
|
|
|
// Uncheck the checkboxes in the list
|
|
jQuery(button).offsetParent().find('.list-container input').attr('checked', false);
|
|
|
|
wp_update_post_data();
|
|
|
|
// Enable drag-n-drop
|
|
wp_drag_and_drop();
|
|
|
|
// Reload thickbox
|
|
tb_init('a.thickbox, area.thickbox, input.thickbox');
|
|
};
|
|
|
|
/**
|
|
* Allow the items in the Menu to be dragged and dropped.
|
|
*/
|
|
function wp_drag_and_drop() {
|
|
// make menu item draggable
|
|
jQuery('#menu li').draggable({
|
|
handle: ' > dl',
|
|
opacity: .8,
|
|
addClasses: false,
|
|
helper: 'clone',
|
|
zIndex: 100
|
|
});
|
|
|
|
// make menu item droppable
|
|
jQuery('#menu li dl, #menu li .dropzone').droppable({
|
|
accept: '#menu li',
|
|
tolerance: 'pointer',
|
|
drop: function(e, ui) {
|
|
var li = jQuery(this).parent();
|
|
var child = !jQuery(this).hasClass('dropzone');
|
|
|
|
// Append UL to first child
|
|
if ( child && li.children('ul').length == 0 ) {
|
|
li.append( '<ul/>' );
|
|
}
|
|
// Make it draggable
|
|
if ( child ) {
|
|
li.children('ul').append( ui.draggable );
|
|
} else {
|
|
li.before( ui.draggable );
|
|
}
|
|
|
|
li.find('dl,.dropzone').css({ backgroundColor: '', borderColor: '' });
|
|
|
|
var draggablevalue = ui.draggable.attr('value');
|
|
var droppablevalue = li.attr('value');
|
|
|
|
li.find('#menu-' + draggablevalue).find('#parent' + draggablevalue).val(droppablevalue);
|
|
jQuery(this).parent().find("dt").removeAttr('style');
|
|
jQuery(this).parent().find("div:first").removeAttr('style');
|
|
|
|
},
|
|
over: function() {
|
|
// Add child
|
|
if ( jQuery(this).attr('class') == 'dropzone ui-droppable' ) {
|
|
jQuery(this).parent().find("div:first").css('background', 'none').css('height', '50px');
|
|
}
|
|
// Add above
|
|
else if ( jQuery(this).attr('class') == 'ui-droppable' ) {
|
|
jQuery(this).parent().find("dt:first").css('background', '#d8d8d8');
|
|
} else {
|
|
// do nothing
|
|
}
|
|
var parentid = jQuery(this).parent().attr('id');
|
|
|
|
},
|
|
out: function() {
|
|
jQuery(this).parent().find("dt").removeAttr('style');
|
|
jQuery(this).parent().find("div:first").removeAttr('style');
|
|
jQuery(this).filter('.dropzone').css({ borderColor: '' });
|
|
}
|
|
}
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Gets a unique number based on how many items are in the menu
|
|
*/
|
|
function wp_get_unique_menu_id() {
|
|
var count = document.getElementById('menu').getElementsByTagName('li').length + 1;
|
|
var randomnumber = count;
|
|
var validatetest = 0;
|
|
|
|
try {
|
|
var test = document.getElementById( 'menu-' + randomnumber.toString() ).value;
|
|
}
|
|
catch ( err ) {
|
|
validatetest = 1;
|
|
}
|
|
|
|
while ( validatetest == 0 ) {
|
|
randomnumber = randomnumber + 1;
|
|
try {
|
|
var test2 = document.getElementById( 'menu-' + randomnumber.toString() ).value;
|
|
}
|
|
catch ( err ) {
|
|
validatetest = 1;
|
|
}
|
|
}
|
|
return randomnumber;
|
|
} |