Widget admin redesign from mdawaffe. see #5583
git-svn-id: http://svn.automattic.com/wordpress/trunk@6557 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryan
parent
4f56c35980
commit
c7f3beebe7
|
|
@ -0,0 +1,368 @@
|
|||
<?php
|
||||
|
||||
// $_search is unsanitized
|
||||
function wp_list_widgets( $show = 'all', $_search = false ) {
|
||||
global $wp_registered_widgets, $sidebars_widgets;
|
||||
if ( $_search ) {
|
||||
// sanitize
|
||||
$search = preg_replace( '/[^\w\s]/', '', $_search );
|
||||
// array of terms
|
||||
$search_terms = preg_split( '/[\s]/', $search, -1, PREG_SPLIT_NO_EMPTY );
|
||||
} else {
|
||||
$search_terms = array();
|
||||
}
|
||||
|
||||
if ( !in_array( $show, array( 'all', 'unused', 'used' ) ) )
|
||||
$show = 'all';
|
||||
?>
|
||||
|
||||
<ul id='widget-list'>
|
||||
<?php
|
||||
$no_widgets_shown = true;
|
||||
$already_shown = array();
|
||||
foreach ( $wp_registered_widgets as $name => $widget ) :
|
||||
if ( in_array( $widget['callback'], $already_shown ) )
|
||||
continue;
|
||||
$already_shown[] = $widget['callback'];
|
||||
|
||||
if ( $search_terms ) {
|
||||
$hit = false;
|
||||
// Simple case-insensitive search. Boolean OR.
|
||||
$search_text = preg_replace( '/[^\w]/', '', $widget['name'] );
|
||||
if ( isset($widget['description']) )
|
||||
$search_text .= preg_replace( '/[^\w]/', '', $widget['description'] );
|
||||
|
||||
foreach ( $search_terms as $search_term ) {
|
||||
if ( stristr( $search_text, $search_term ) ) {
|
||||
$hit = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if ( !$hit )
|
||||
continue;
|
||||
}
|
||||
|
||||
$sidebar = is_active_widget( $widget['callback'] );
|
||||
if ( ( 'unused' == $show && $sidebar ) || ( 'used' == $show && !$sidebar ) )
|
||||
continue;
|
||||
|
||||
ob_start();
|
||||
wp_widget_control( 'no-key', $widget['id'], 'template' );
|
||||
$widget_control_template = ob_get_contents();
|
||||
ob_end_clean();
|
||||
|
||||
if ( !$sidebar || false !== strpos( $widget_control_template, '%i%' ) ) {
|
||||
$action = 'add';
|
||||
$add_url = wp_nonce_url( add_query_arg( array(
|
||||
'sidebar' => $sidebar,
|
||||
'add' => $widget['id'],
|
||||
'key' => false,
|
||||
'edit' => false
|
||||
) ), "add-widget_$widget[id]" );
|
||||
} else {
|
||||
$action = 'edit';
|
||||
$edit_url = add_query_arg( array(
|
||||
'sidebar' => $sidebar,
|
||||
'edit' => $widget['id'],
|
||||
'key' => array_search( $widget['id'], $sidebars_widgets[$sidebar] ),
|
||||
) );
|
||||
$widget_control_template = "<textarea>$widget_control_template</textarea>";
|
||||
}
|
||||
|
||||
$no_widgets_shown = false;
|
||||
|
||||
?>
|
||||
|
||||
<li id="widget-list-item-<?php echo attribute_escape( $widget['id'] ); ?>" class="widget-list-item">
|
||||
<h4 class="widget-title widget-draggable">
|
||||
|
||||
<?php echo wp_specialchars( $widget['name'] ); ?>
|
||||
|
||||
<?php if ( 'add' == $action ) : ?>
|
||||
|
||||
<a class="widget-action widget-control-add" href="<?php echo $add_url; ?>"><?php _e( 'Add' ); ?></a>
|
||||
|
||||
<?php elseif ( 'edit' == $action ) :
|
||||
// We echo a hidden edit link for the sake of the JS. Edit links are shown (needlessly?) after a widget is added.
|
||||
?>
|
||||
|
||||
<a class="widget-action widget-control-edit" href="<?php echo $edit_url; ?>" style="display: none;"><?php _e( 'Edit' ); ?></a>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
</h4>
|
||||
|
||||
|
||||
<ul id="widget-control-info-<?php echo $widget['id']; ?>" class="widget-control-info">
|
||||
|
||||
<?php echo $widget_control_template; ?>
|
||||
|
||||
</ul>
|
||||
|
||||
<?php if ( 'add' == $action ) : ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="widget-description">
|
||||
<?php echo wp_widget_description( $widget['id'] ); ?>
|
||||
</div>
|
||||
|
||||
<br class="clear" />
|
||||
|
||||
</li>
|
||||
|
||||
<?php endforeach; if ( $no_widgets_shown ) : ?>
|
||||
|
||||
<li><?php _e( 'No matching widgets' ); ?></li>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
</ul>
|
||||
<?php
|
||||
}
|
||||
|
||||
function wp_list_widget_controls( $widgets, $edit_widget = -1 ) {
|
||||
?>
|
||||
|
||||
<ul class="widget-control-list">
|
||||
|
||||
<?php
|
||||
foreach ( $widgets as $key => $widget )
|
||||
wp_widget_control( $key, $widget, $key == $edit_widget ? 'edit' : 'display' );
|
||||
?>
|
||||
|
||||
</ul>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Displays the control form for widget of type $widget at position $key.
|
||||
* $display
|
||||
* == 'display': Normal, "closed" form.
|
||||
* == 'edit': "open" form
|
||||
* == 'template': generates a form template to be used by JS
|
||||
*/
|
||||
function wp_widget_control( $key, $widget, $display = 'display' ) {
|
||||
static $i = 0;
|
||||
global $wp_registered_widgets, $wp_registered_widget_controls;
|
||||
$control = $wp_registered_widget_controls[$widget];
|
||||
$widget = $wp_registered_widgets[$widget];
|
||||
|
||||
$id_format = $widget['id'];
|
||||
if ( 'template' == $display && isset($control['params'][0]['number']) ) {
|
||||
// number == -1 implies a template where id numbers are replaced by a generic '%i%'
|
||||
$control['params'][0]['number'] = -1;
|
||||
// if given, id_base means widget id's should be constructed like {$id_base}-{$id_number}
|
||||
if ( isset($control['id_base']) )
|
||||
$id_format = $control['id_base'] . '-%i%';
|
||||
}
|
||||
?>
|
||||
|
||||
<li id="widget-list-control-item-<?php echo ++$i; ?>-<?php echo $widget['id']; ?>" class="widget-list-control-item widget-sortable">
|
||||
<h4 class="widget-title">
|
||||
|
||||
<?php echo $widget['name']; // TODO: Up/Down links for noJS reordering? ?>
|
||||
|
||||
<?php if ( 'edit' == $display ) : ?>
|
||||
|
||||
<a class="widget-action widget-control-edit" href="<?php echo remove_query_arg( array( 'edit', 'key' ) ); ?>"><?php _e('Cancel'); ?></a>
|
||||
|
||||
<?php else : ?>
|
||||
|
||||
<a class="widget-action widget-control-edit" href="<?php echo add_query_arg( array( 'edit' => $id_format, 'key' => $key ) ); ?>"><?php _e('Edit'); ?></a>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
</h4>
|
||||
|
||||
<div class="widget-control"<?php if ( 'edit' == $display ) echo ' style="display: block;"'; ?>>
|
||||
|
||||
<?php
|
||||
if ( $control )
|
||||
call_user_func_array( $control['callback'], $control['params'] );
|
||||
else
|
||||
echo '<p>' . __('There are no options for this widget.') . '</p>';
|
||||
?>
|
||||
|
||||
<input type="hidden" name="widget-id[]" value="<?php echo $id_format; ?>" />
|
||||
<input type="hidden" class="widget-width" value="<?php echo $control['width']; ?>" />
|
||||
|
||||
<div class="widget-control-actions">
|
||||
|
||||
<?php if ( $control && 'edit' != $display ) : ?>
|
||||
|
||||
<a class="widget-action widget-control-save edit alignleft" href="#save:<?php echo $id_format; ?>"><?php _e('Save'); ?></a>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<a class="widget-action widget-control-remove delete alignright" href="<?php echo add_query_arg( array( 'remove' => $id_format, 'key' => $key ), wp_nonce_url( null, "remove-widget_$widget[id]" ) ); ?>"><?php _e('Remove'); ?></a>
|
||||
<br class="clear" />
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
function temp_widget_css() {
|
||||
?>
|
||||
|
||||
<style type="text/css">
|
||||
/* 2 column liquid layout */
|
||||
div.widget-liquid-left-holder {
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 100%;
|
||||
margin-right: -310px;
|
||||
}
|
||||
|
||||
div.widget-liquid-left {
|
||||
margin-right: 310px;
|
||||
}
|
||||
|
||||
div.widget-liquid-right {
|
||||
float: right;
|
||||
clear: right;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
p.submit {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* pasitioning etc. */
|
||||
form#widgets-filter {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
p#widget-search {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul#widget-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul#widget-list li.widget-list-item {
|
||||
padding: .7em 1em;
|
||||
margin: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
background-color: transparent;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ul#widget-list li.widget-list-item h4.widget-title {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: .5em 1em;
|
||||
width: 200px;
|
||||
float: left;
|
||||
background-color: #ccc;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#dragHelper h4.widget-title {
|
||||
color: #fff;
|
||||
background-color: #2683ae;
|
||||
padding: .5em 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul#widget-list li.widget-list-item div.widget-description {
|
||||
display: block;
|
||||
margin: 0 0 0 200px;
|
||||
padding: 0 0 0 4em;
|
||||
}
|
||||
|
||||
|
||||
ul#widget-list li.widget-list-item ul.widget-control-info {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div#sidebar-info {
|
||||
padding: 0 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
ul.widget-control-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
li.widget-list-control-item {
|
||||
background-color: #eaf3fa;
|
||||
margin: 0 0 1em;
|
||||
}
|
||||
|
||||
li.widget-list-control-item h4, #dragHelper li.widget-list-control-item h4 {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
background-color: #2683ae;
|
||||
padding: .5em 1em;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
div.widget-control a.widget-action, div.widget-control a.widget-action:hover {
|
||||
padding: .5em 1em;
|
||||
}
|
||||
|
||||
h4.widget-title a {
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
text-decoration: underline;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
li.widget-list-control-item h4.widget-title a, li.widget-list-control-item h4.widget-title a:visited {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
li.widget-list-control-item h4.widget-title a:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
li.widget-list-control-item div.widget-control {
|
||||
display: none;
|
||||
margin: 1em;
|
||||
padding: 0 10px 0 0; /* Correction for padding, margin, border of inputs */
|
||||
}
|
||||
|
||||
li.widget-list-control-item div.widget-control p {
|
||||
margin: 0 0 1em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.widget-control-list div.widget-control-actions {
|
||||
margin-right: -10px; /* Correction for padding, margin, border of inputs */
|
||||
padding: 0 0 1em;
|
||||
}
|
||||
|
||||
ul.widget-control-list .sorthelper {
|
||||
background-color: #ccf3fa;
|
||||
|
||||
}
|
||||
|
||||
#current-widgets .drop-widget-here {
|
||||
background-color: #ffc
|
||||
}
|
||||
|
||||
ul.widget-control-list select option {
|
||||
}
|
||||
</style>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
add_action( 'admin_head', 'temp_widget_css' );
|
||||
|
||||
?>
|
||||
Loading…
Reference in New Issue