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 2008-01-04 23:40:47 +00:00
parent 4f56c35980
commit c7f3beebe7
1 changed files with 368 additions and 0 deletions

View File

@ -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' );
?>