Screen Options tab, rough draft

git-svn-id: http://svn.automattic.com/wordpress/trunk@9319 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
markjaquith 2008-10-24 10:29:07 +00:00
parent cf2730334f
commit 682428cda9
22 changed files with 56 additions and 38 deletions

View File

@ -81,9 +81,12 @@ if ( '' == $blog_name )
<img id="logo50" src="images/wp-logo.gif" alt="" /> <h1><a href="<?php echo trailingslashit( get_bloginfo('url') ); ?>" title="<?php _e('Visit site') ?>"><?php echo $blog_name ?></a> <img id="logo50" src="images/wp-logo.gif" alt="" /> <h1><a href="<?php echo trailingslashit( get_bloginfo('url') ); ?>" title="<?php _e('Visit site') ?>"><?php echo $blog_name ?></a>
<?php if ( in_array( $pagenow, $settings_pages ) ) { ?> <?php if ( in_array( $pagenow, $settings_pages ) ) { ?>
<span id="edit-settings">
<a href="#edit_settings" id="show-settings-link" class="hide-if-no-js show-settings"><?php _e('Page Options') ?></a> <span id="screen-options-link-wrap" class="hide-if-no-js">
<a href="#edit_settings" id="hide-settings-link" class="show-settings" style="display:none;"><?php _e('Hide Options') ?></a> <span id="screen-options" class="screen-options-closed">
<a href="#screen-options" id="show-settings-link" class="show-settings"><?php _e('Screen Options') ?></a>
<a href="#screen-options" id="hide-settings-link" class="show-settings" style="display:none;"><?php _e('Hide Options') ?></a>
</span>
</span> </span>
<?php } ?></h1> <?php } ?></h1>

View File

@ -131,7 +131,7 @@ $messages[4] = __('Category not added.');
$messages[5] = __('Category not updated.'); $messages[5] = __('Category not updated.');
?> ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -63,7 +63,7 @@ li.widget-list-control-item h4.widget-title a,
li.widget-list-control-item, div.nav, .tablenav, #dashboard-widgets p.dashboard-widget-links, li.widget-list-control-item, div.nav, .tablenav, #dashboard-widgets p.dashboard-widget-links,
.form-table tr, #poststuff h3, .metabox-holder h3, #replyhandle, .form-table tr, #poststuff h3, .metabox-holder h3, #replyhandle,
.login form, h3.info-box-title, #post-status-info, #edit-settings-wrap, .login form, h3.info-box-title, #post-status-info, #screen-options-wrap,
#wpbody-content .describe tr, #edithead, #replyhead { #wpbody-content .describe tr, #edithead, #replyhead {
background-color: #cfebf7; background-color: #cfebf7;
} }
@ -241,7 +241,7 @@ div.dashboard-widget-submit input,
#login form .submit input:hover, div.dashboard-widget-submit input:hover, #login form .submit input:hover, div.dashboard-widget-submit input:hover,
#edit-slug-buttons a.save:hover, #media-upload a.delete:hover, #edit-slug-buttons a.save:hover, #media-upload a.delete:hover,
#media-upload a.del-link:hover, .ui-tabs-nav a:hover, #user_info a:hover, #media-upload a.del-link:hover, .ui-tabs-nav a:hover, #user_info a:hover,
#edit-settings a.show-settings:hover { #screen-options a.show-settings:hover {
color: #d54e21; color: #d54e21;
} }
@ -352,7 +352,7 @@ h3.dashboard-widget-title small a:hover {
color: #5a5a5a; color: #5a5a5a;
} }
#poststuff #edButtonPreview, #poststuff #edButtonHTML, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-upload a.delete, .ui-sortable .postbox h3:hover span, a, #edit-settings a.show-settings { #poststuff #edButtonPreview, #poststuff #edButtonHTML, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-upload a.delete, .ui-sortable .postbox h3:hover span, a, #screen-options a.show-settings {
color: #2e7ca0; color: #2e7ca0;
} }
@ -803,7 +803,7 @@ table.diff .diff-addedline ins {
color: #CFEBF6; color: #CFEBF6;
} }
#edit-settings-wrap { #screen-options-wrap {
background-color: #14568A; background-color: #14568A;
border-color: #14568A; border-color: #14568A;
color: #CFEBF6; color: #CFEBF6;

View File

@ -59,7 +59,7 @@ li.widget-list-control-item h4.widget-title a,
li.widget-list-control-item, div.nav, .tablenav, #dashboard-widgets p.dashboard-widget-links, li.widget-list-control-item, div.nav, .tablenav, #dashboard-widgets p.dashboard-widget-links,
.form-table tr, #poststuff h3, .metabox-holder h3, #replyhandle, .form-table tr, #poststuff h3, .metabox-holder h3, #replyhandle,
.login form, h3.info-box-title, #post-status-info, #edit-settings-wrap, .login form, h3.info-box-title, #post-status-info, #screen-options-wrap,
#wpbody-content .describe tr, #edithead, #replyhead { #wpbody-content .describe tr, #edithead, #replyhead {
background-color: #eaf3fa; background-color: #eaf3fa;
} }
@ -234,8 +234,7 @@ div.dashboard-widget-submit input,
#rightnow a:hover, a:hover, .subsubsub a:hover, .subsubsub a.current:hover, #rightnow a:hover, a:hover, .subsubsub a:hover, .subsubsub a.current:hover,
#login form .submit input:hover, div.dashboard-widget-submit input:hover, #login form .submit input:hover, div.dashboard-widget-submit input:hover,
#edit-slug-buttons a.save:hover, #media-upload a.delete:hover, #edit-slug-buttons a.save:hover, #media-upload a.delete:hover,
#media-upload a.del-link:hover, .ui-tabs-nav a:hover, #user_info a:hover, #media-upload a.del-link:hover, .ui-tabs-nav a:hover, #user_info a:hover {
#edit-settings a.show-settings:hover {
color: #d54e21; color: #d54e21;
} }
@ -341,7 +340,7 @@ h3.dashboard-widget-title small a:hover {
} }
#adminmenu a, #poststuff #edButtonPreview, #poststuff #edButtonHTML, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-upload a.delete, .ui-tabs-nav a, .ui-sortable .postbox h3:hover span, a, #edit-settings a.show-settings { #adminmenu a, #poststuff #edButtonPreview, #poststuff #edButtonHTML, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-upload a.delete, .ui-tabs-nav a, .ui-sortable .postbox h3:hover span, a {
color: #2583ad; color: #2583ad;
} }
@ -772,7 +771,7 @@ table.diff .diff-addedline ins {
border-top-color: #e4f2fd; border-top-color: #e4f2fd;
} }
#edit-settings-wrap { #screen-options-wrap {
background-color: #E4F2FD; background-color: #E4F2FD;
border-color: #c6d9e9; border-color: #c6d9e9;
} }

View File

@ -81,7 +81,7 @@ $post_id = isset($_GET['p']) ? (int) $_GET['p'] : 0;
$search_dirty = ( isset($_GET['s']) ) ? $_GET['s'] : ''; $search_dirty = ( isset($_GET['s']) ) ? $_GET['s'] : '';
$search = attribute_escape( $search_dirty ); ?> $search = attribute_escape( $search_dirty ); ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -459,7 +459,7 @@ endif;
?> ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -60,7 +60,7 @@ $messages[4] = __('Category not added.');
$messages[5] = __('Category not updated.'); $messages[5] = __('Category not updated.');
$messages[6] = __('Categories deleted.'); ?> $messages[6] = __('Categories deleted.'); ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -309,7 +309,7 @@ function link_advanced_meta_box($link) {
} }
add_meta_box('linkadvanceddiv', __('Advanced'), 'link_advanced_meta_box', 'link', 'normal', 'core'); ?> add_meta_box('linkadvanceddiv', __('Advanced'), 'link_advanced_meta_box', 'link', 'normal', 'core'); ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -347,7 +347,7 @@ add_meta_box('revisionsdiv', __('Page Revisions'), 'page_revisions_meta_box', 'p
endif; endif;
?> ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -100,7 +100,7 @@ if ( is_singular() ) {
require_once('admin-header.php'); ?> require_once('admin-header.php'); ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -127,7 +127,7 @@ $messages[4] = __('Tag not added.');
$messages[5] = __('Tag not updated.'); $messages[5] = __('Tag not updated.');
$messages[6] = __('Tags deleted.'); ?> $messages[6] = __('Tags deleted.'); ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -90,7 +90,7 @@ if ( empty($_GET['mode']) )
else else
$mode = attribute_escape($_GET['mode']); ?> $mode = attribute_escape($_GET['mode']); ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -170,6 +170,8 @@ header( 'Content-Type: application/x-javascript; charset=UTF-8' );
{ "url" : "images/no.png" }, { "url" : "images/no.png" },
{ "url" : "images/yes.png" }, { "url" : "images/yes.png" },
{ "url" : "images/se.png" }, { "url" : "images/se.png" },
{ "url" : "images/screen-options-left.gif" },
{ "url" : "images/screen-options-right.gif" },
<?php if ( is_file('../wp-includes/js/tinymce/tiny_mce.js') ) { ?> <?php if ( is_file('../wp-includes/js/tinymce/tiny_mce.js') ) { ?>
{ "url" : "../wp-includes/js/tinymce/tiny_mce.js", "src" : "../wp-includes/js/tinymce/tiny_mce.js?ver=<?php echo $mce_ver; ?>", "ignoreQuery" : true }, { "url" : "../wp-includes/js/tinymce/tiny_mce.js", "src" : "../wp-includes/js/tinymce/tiny_mce.js?ver=<?php echo $mce_ver; ?>", "ignoreQuery" : true },

Binary file not shown.

After

Width:  |  Height:  |  Size: 640 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 276 B

View File

@ -28,7 +28,7 @@ require_once('admin-header.php');
$today = current_time('mysql', 1); $today = current_time('mysql', 1);
?> ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -1,6 +1,6 @@
jQuery(document).ready( function($) { jQuery(document).ready( function($) {
$('#show-settings-link').click(function () { $('#show-settings-link').click(function () {
$('#edit-settings-wrap').slideDown('normal', function(){ $('#screen-options-wrap').slideDown('normal', function(){
$('#hide-settings-link').show(); $('#hide-settings-link').show();
$('#show-settings-link').hide(); $('#show-settings-link').hide();
}); });
@ -9,7 +9,7 @@ jQuery(document).ready( function($) {
}); });
$('#hide-settings-link').click(function () { $('#hide-settings-link').click(function () {
$('#edit-settings-wrap').slideUp('normal', function(){ $('#screen-options-wrap').slideUp('normal', function(){
$('#show-settings-link').show(); $('#show-settings-link').show();
$('#hide-settings-link').hide(); $('#hide-settings-link').hide();
}); });

View File

@ -74,7 +74,7 @@ switch ($order_by) {
break; break;
} ?> } ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -145,7 +145,7 @@ if ( is_singular() ) {
require_once('admin-header.php'); ?> require_once('admin-header.php'); ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -237,7 +237,7 @@ default:
} }
endif; ?> endif; ?>
<div id="edit-settings-wrap" class="hidden"> <div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5> <h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get"> <form id="adv-settings" action="" method="get">
<div class="metabox-prefs"> <div class="metabox-prefs">

View File

@ -2183,29 +2183,43 @@ fieldset {
} }
/* show/hide settings */ /* show/hide settings */
#edit-settings { #screen-options-link-wrap {
margin-left: 20px; background: url( images/screen-options-left.gif ) no-repeat 0 0;
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
height: 23px;
position: absolute;
right: 100px;
top: 46px;
padding: 0 0 0 8px;
} }
#edit-settings a.show-settings { #screen-options {
height: 18px; vertical-align: middle;
height: 23px;
line-height: 23px;
font-size: 11px; font-size: 11px;
background: url( images/screen-options-right.gif ) no-repeat 100% 0;
display: block;
padding-right: 20px;
}
#screen-options a.show-settings {
color: #666;
text-decoration: none; text-decoration: none;
z-index: 1; z-index: 1;
padding: 3px 8px;
} }
#edit-settings a.show-settings:hover { #screen-options a.show-settings:hover {
text-decoration: none; text-decoration: none;
} }
#edit-settings-wrap h5 { #screen-options-wrap h5 {
padding: 10px 0 0 15px; padding: 10px 0 0 15px;
margin: 0; margin: 0;
font-size: 13px; font-size: 13px;
} }
#edit-settings-wrap { #screen-options-wrap {
border-style: none solid solid; border-style: none solid solid;
border-top: 0 none; border-top: 0 none;
border-width: 0 1px 1px; border-width: 0 1px 1px;
@ -2229,7 +2243,7 @@ fieldset {
padding: 5px 3px; padding: 5px 3px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
width: 13em; width: 14em;
} }
.metabox-prefs label input { .metabox-prefs label input {

View File

@ -308,14 +308,14 @@ function wp_default_styles( &$styles ) {
$rtl_styles = array( 'global', 'colors', 'dashboard', 'ie', 'install', 'login', 'media', 'theme-editor', 'upload', 'widgets', 'press-this', 'press-this-ie' ); $rtl_styles = array( 'global', 'colors', 'dashboard', 'ie', 'install', 'login', 'media', 'theme-editor', 'upload', 'widgets', 'press-this', 'press-this-ie' );
$styles->add( 'wp-admin', '/wp-admin/wp-admin.css', array(), '20081023' ); $styles->add( 'wp-admin', '/wp-admin/wp-admin.css', array(), '20081023b' );
$styles->add_data( 'wp-admin', 'rtl', '/wp-admin/rtl.css' ); $styles->add_data( 'wp-admin', 'rtl', '/wp-admin/rtl.css' );
$styles->add( 'ie', '/wp-admin/css/ie.css' ); $styles->add( 'ie', '/wp-admin/css/ie.css' );
$styles->add_data( 'ie', 'conditional', 'gte IE 6' ); $styles->add_data( 'ie', 'conditional', 'gte IE 6' );
$styles->add( 'colors', true ); // Register "meta" stylesheet for admin colors $styles->add( 'colors', true ); // Register "meta" stylesheet for admin colors
$styles->add( 'colors-fresh', '/wp-admin/css/colors-fresh.css' ); // for login.php. Is there a better way? $styles->add( 'colors-fresh', '/wp-admin/css/colors-fresh.css', array(), '20081023'); // for login.php. Is there a better way?
$styles->add_data( 'colors-fresh', 'rtl', true ); $styles->add_data( 'colors-fresh', 'rtl', true );
$styles->add( 'global', '/wp-admin/css/global.css', array(), '20081013' ); $styles->add( 'global', '/wp-admin/css/global.css', array(), '20081013' );