mirror of
https://github.com/WordPress/WordPress.git
synced 2024-08-28 16:49:40 +02:00
On the Menus screen, the links to move menu items behave like buttons: they perform an action so they should be real buttons to be correctly reported to assistive technologies. Since they're logically grouped controls, they should also be wrapped in a `<fieldset>` element for better semantics and accessibility. Props Cheffheid. Fixes #35578. Built from https://develop.svn.wordpress.org/trunk@38770 git-svn-id: http://core.svn.wordpress.org/trunk@38713 1a063a9b-81f0-0310-95a4-ce76da25c4cd
242 lines
11 KiB
PHP
242 lines
11 KiB
PHP
<?php
|
|
/**
|
|
* Navigation Menu API: Walker_Nav_Menu_Edit class
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Administration
|
|
* @since 4.4.0
|
|
*/
|
|
|
|
/**
|
|
* Create HTML list of nav menu input items.
|
|
*
|
|
* @package WordPress
|
|
* @since 3.0.0
|
|
* @uses Walker_Nav_Menu
|
|
*/
|
|
class Walker_Nav_Menu_Edit extends Walker_Nav_Menu {
|
|
/**
|
|
* Starts the list before the elements are added.
|
|
*
|
|
* @see Walker_Nav_Menu::start_lvl()
|
|
*
|
|
* @since 3.0.0
|
|
*
|
|
* @param string $output Passed by reference.
|
|
* @param int $depth Depth of menu item. Used for padding.
|
|
* @param array $args Not used.
|
|
*/
|
|
public function start_lvl( &$output, $depth = 0, $args = array() ) {}
|
|
|
|
/**
|
|
* Ends the list of after the elements are added.
|
|
*
|
|
* @see Walker_Nav_Menu::end_lvl()
|
|
*
|
|
* @since 3.0.0
|
|
*
|
|
* @param string $output Passed by reference.
|
|
* @param int $depth Depth of menu item. Used for padding.
|
|
* @param array $args Not used.
|
|
*/
|
|
public function end_lvl( &$output, $depth = 0, $args = array() ) {}
|
|
|
|
/**
|
|
* Start the element output.
|
|
*
|
|
* @see Walker_Nav_Menu::start_el()
|
|
* @since 3.0.0
|
|
*
|
|
* @global int $_wp_nav_menu_max_depth
|
|
*
|
|
* @param string $output Passed by reference. Used to append additional content.
|
|
* @param object $item Menu item data object.
|
|
* @param int $depth Depth of menu item. Used for padding.
|
|
* @param array $args Not used.
|
|
* @param int $id Not used.
|
|
*/
|
|
public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
|
|
global $_wp_nav_menu_max_depth;
|
|
$_wp_nav_menu_max_depth = $depth > $_wp_nav_menu_max_depth ? $depth : $_wp_nav_menu_max_depth;
|
|
|
|
ob_start();
|
|
$item_id = esc_attr( $item->ID );
|
|
$removed_args = array(
|
|
'action',
|
|
'customlink-tab',
|
|
'edit-menu-item',
|
|
'menu-item',
|
|
'page-tab',
|
|
'_wpnonce',
|
|
);
|
|
|
|
$original_title = false;
|
|
if ( 'taxonomy' == $item->type ) {
|
|
$original_title = get_term_field( 'name', $item->object_id, $item->object, 'raw' );
|
|
if ( is_wp_error( $original_title ) )
|
|
$original_title = false;
|
|
} elseif ( 'post_type' == $item->type ) {
|
|
$original_object = get_post( $item->object_id );
|
|
$original_title = get_the_title( $original_object->ID );
|
|
} elseif ( 'post_type_archive' == $item->type ) {
|
|
$original_object = get_post_type_object( $item->object );
|
|
if ( $original_object ) {
|
|
$original_title = $original_object->labels->archives;
|
|
}
|
|
}
|
|
|
|
$classes = array(
|
|
'menu-item menu-item-depth-' . $depth,
|
|
'menu-item-' . esc_attr( $item->object ),
|
|
'menu-item-edit-' . ( ( isset( $_GET['edit-menu-item'] ) && $item_id == $_GET['edit-menu-item'] ) ? 'active' : 'inactive'),
|
|
);
|
|
|
|
$title = $item->title;
|
|
|
|
if ( ! empty( $item->_invalid ) ) {
|
|
$classes[] = 'menu-item-invalid';
|
|
/* translators: %s: title of menu item which is invalid */
|
|
$title = sprintf( __( '%s (Invalid)' ), $item->title );
|
|
} elseif ( isset( $item->post_status ) && 'draft' == $item->post_status ) {
|
|
$classes[] = 'pending';
|
|
/* translators: %s: title of menu item in draft status */
|
|
$title = sprintf( __('%s (Pending)'), $item->title );
|
|
}
|
|
|
|
$title = ( ! isset( $item->label ) || '' == $item->label ) ? $title : $item->label;
|
|
|
|
$submenu_text = '';
|
|
if ( 0 == $depth )
|
|
$submenu_text = 'style="display: none;"';
|
|
|
|
?>
|
|
<li id="menu-item-<?php echo $item_id; ?>" class="<?php echo implode(' ', $classes ); ?>">
|
|
<div class="menu-item-bar">
|
|
<div class="menu-item-handle">
|
|
<span class="item-title"><span class="menu-item-title"><?php echo esc_html( $title ); ?></span> <span class="is-submenu" <?php echo $submenu_text; ?>><?php _e( 'sub item' ); ?></span></span>
|
|
<span class="item-controls">
|
|
<span class="item-type"><?php echo esc_html( $item->type_label ); ?></span>
|
|
<span class="item-order hide-if-js">
|
|
<a href="<?php
|
|
echo wp_nonce_url(
|
|
add_query_arg(
|
|
array(
|
|
'action' => 'move-up-menu-item',
|
|
'menu-item' => $item_id,
|
|
),
|
|
remove_query_arg($removed_args, admin_url( 'nav-menus.php' ) )
|
|
),
|
|
'move-menu_item'
|
|
);
|
|
?>" class="item-move-up" aria-label="<?php esc_attr_e( 'Move up' ) ?>">↑</a>
|
|
|
|
|
<a href="<?php
|
|
echo wp_nonce_url(
|
|
add_query_arg(
|
|
array(
|
|
'action' => 'move-down-menu-item',
|
|
'menu-item' => $item_id,
|
|
),
|
|
remove_query_arg($removed_args, admin_url( 'nav-menus.php' ) )
|
|
),
|
|
'move-menu_item'
|
|
);
|
|
?>" class="item-move-down" aria-label="<?php esc_attr_e( 'Move down' ) ?>">↓</a>
|
|
</span>
|
|
<a class="item-edit" id="edit-<?php echo $item_id; ?>" href="<?php
|
|
echo ( isset( $_GET['edit-menu-item'] ) && $item_id == $_GET['edit-menu-item'] ) ? admin_url( 'nav-menus.php' ) : add_query_arg( 'edit-menu-item', $item_id, remove_query_arg( $removed_args, admin_url( 'nav-menus.php#menu-item-settings-' . $item_id ) ) );
|
|
?>" aria-label="<?php esc_attr_e( 'Edit menu item' ); ?>"><?php _e( 'Edit' ); ?></a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="menu-item-settings wp-clearfix" id="menu-item-settings-<?php echo $item_id; ?>">
|
|
<?php if ( 'custom' == $item->type ) : ?>
|
|
<p class="field-url description description-wide">
|
|
<label for="edit-menu-item-url-<?php echo $item_id; ?>">
|
|
<?php _e( 'URL' ); ?><br />
|
|
<input type="text" id="edit-menu-item-url-<?php echo $item_id; ?>" class="widefat code edit-menu-item-url" name="menu-item-url[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->url ); ?>" />
|
|
</label>
|
|
</p>
|
|
<?php endif; ?>
|
|
<p class="description description-wide">
|
|
<label for="edit-menu-item-title-<?php echo $item_id; ?>">
|
|
<?php _e( 'Navigation Label' ); ?><br />
|
|
<input type="text" id="edit-menu-item-title-<?php echo $item_id; ?>" class="widefat edit-menu-item-title" name="menu-item-title[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->title ); ?>" />
|
|
</label>
|
|
</p>
|
|
<p class="field-title-attribute field-attr-title description description-wide">
|
|
<label for="edit-menu-item-attr-title-<?php echo $item_id; ?>">
|
|
<?php _e( 'Title Attribute' ); ?><br />
|
|
<input type="text" id="edit-menu-item-attr-title-<?php echo $item_id; ?>" class="widefat edit-menu-item-attr-title" name="menu-item-attr-title[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->post_excerpt ); ?>" />
|
|
</label>
|
|
</p>
|
|
<p class="field-link-target description">
|
|
<label for="edit-menu-item-target-<?php echo $item_id; ?>">
|
|
<input type="checkbox" id="edit-menu-item-target-<?php echo $item_id; ?>" value="_blank" name="menu-item-target[<?php echo $item_id; ?>]"<?php checked( $item->target, '_blank' ); ?> />
|
|
<?php _e( 'Open link in a new tab' ); ?>
|
|
</label>
|
|
</p>
|
|
<p class="field-css-classes description description-thin">
|
|
<label for="edit-menu-item-classes-<?php echo $item_id; ?>">
|
|
<?php _e( 'CSS Classes (optional)' ); ?><br />
|
|
<input type="text" id="edit-menu-item-classes-<?php echo $item_id; ?>" class="widefat code edit-menu-item-classes" name="menu-item-classes[<?php echo $item_id; ?>]" value="<?php echo esc_attr( implode(' ', $item->classes ) ); ?>" />
|
|
</label>
|
|
</p>
|
|
<p class="field-xfn description description-thin">
|
|
<label for="edit-menu-item-xfn-<?php echo $item_id; ?>">
|
|
<?php _e( 'Link Relationship (XFN)' ); ?><br />
|
|
<input type="text" id="edit-menu-item-xfn-<?php echo $item_id; ?>" class="widefat code edit-menu-item-xfn" name="menu-item-xfn[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->xfn ); ?>" />
|
|
</label>
|
|
</p>
|
|
<p class="field-description description description-wide">
|
|
<label for="edit-menu-item-description-<?php echo $item_id; ?>">
|
|
<?php _e( 'Description' ); ?><br />
|
|
<textarea id="edit-menu-item-description-<?php echo $item_id; ?>" class="widefat edit-menu-item-description" rows="3" cols="20" name="menu-item-description[<?php echo $item_id; ?>]"><?php echo esc_html( $item->description ); // textarea_escaped ?></textarea>
|
|
<span class="description"><?php _e('The description will be displayed in the menu if the current theme supports it.'); ?></span>
|
|
</label>
|
|
</p>
|
|
|
|
<fieldset class="field-move hide-if-no-js description description-wide">
|
|
<span class="field-move-visual-label" aria-hidden="true"><?php _e( 'Move' ); ?></span>
|
|
<button type="button" class="button-link menus-move menus-move-up" data-dir="up"><?php _e( 'Up one' ); ?></button>
|
|
<button type="button" class="button-link menus-move menus-move-down" data-dir="down"><?php _e( 'Down one' ); ?></button>
|
|
<button type="button" class="button-link menus-move menus-move-left" data-dir="left"></button>
|
|
<button type="button" class="button-link menus-move menus-move-right" data-dir="right"></button>
|
|
<button type="button" class="button-link menus-move menus-move-top" data-dir="top"><?php _e( 'To the top' ); ?></button>
|
|
</fieldset>
|
|
|
|
<div class="menu-item-actions description-wide submitbox">
|
|
<?php if ( 'custom' != $item->type && $original_title !== false ) : ?>
|
|
<p class="link-to-original">
|
|
<?php printf( __('Original: %s'), '<a href="' . esc_attr( $item->url ) . '">' . esc_html( $original_title ) . '</a>' ); ?>
|
|
</p>
|
|
<?php endif; ?>
|
|
<a class="item-delete submitdelete deletion" id="delete-<?php echo $item_id; ?>" href="<?php
|
|
echo wp_nonce_url(
|
|
add_query_arg(
|
|
array(
|
|
'action' => 'delete-menu-item',
|
|
'menu-item' => $item_id,
|
|
),
|
|
admin_url( 'nav-menus.php' )
|
|
),
|
|
'delete-menu_item_' . $item_id
|
|
); ?>"><?php _e( 'Remove' ); ?></a> <span class="meta-sep hide-if-no-js"> | </span> <a class="item-cancel submitcancel hide-if-no-js" id="cancel-<?php echo $item_id; ?>" href="<?php echo esc_url( add_query_arg( array( 'edit-menu-item' => $item_id, 'cancel' => time() ), admin_url( 'nav-menus.php' ) ) );
|
|
?>#menu-item-settings-<?php echo $item_id; ?>"><?php _e('Cancel'); ?></a>
|
|
</div>
|
|
|
|
<input class="menu-item-data-db-id" type="hidden" name="menu-item-db-id[<?php echo $item_id; ?>]" value="<?php echo $item_id; ?>" />
|
|
<input class="menu-item-data-object-id" type="hidden" name="menu-item-object-id[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->object_id ); ?>" />
|
|
<input class="menu-item-data-object" type="hidden" name="menu-item-object[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->object ); ?>" />
|
|
<input class="menu-item-data-parent-id" type="hidden" name="menu-item-parent-id[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->menu_item_parent ); ?>" />
|
|
<input class="menu-item-data-position" type="hidden" name="menu-item-position[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->menu_order ); ?>" />
|
|
<input class="menu-item-data-type" type="hidden" name="menu-item-type[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->type ); ?>" />
|
|
</div><!-- .menu-item-settings-->
|
|
<ul class="menu-item-transport"></ul>
|
|
<?php
|
|
$output .= ob_get_clean();
|
|
}
|
|
|
|
} // Walker_Nav_Menu_Edit
|