diff options
author | donncha <donncha@7be80a69-a1ef-0310-a953-fb0f7c49ff36> | 2007-01-04 13:20:38 +0000 |
---|---|---|
committer | donncha <donncha@7be80a69-a1ef-0310-a953-fb0f7c49ff36> | 2007-01-04 13:20:38 +0000 |
commit | 861bd9122e6d9ee710df2b6fc0a1222a8a8965cf (patch) | |
tree | da5020f0e73f0f0ee5f8466250ce041fe22a53d0 /wp-admin/custom-header.php | |
parent | d71327104baa1c83106f008a3ed11aee70edc50d (diff) | |
download | wordpress-mu-861bd9122e6d9ee710df2b6fc0a1222a8a8965cf.tar.gz wordpress-mu-861bd9122e6d9ee710df2b6fc0a1222a8a8965cf.tar.xz wordpress-mu-861bd9122e6d9ee710df2b6fc0a1222a8a8965cf.zip |
WP Merge to 4674
git-svn-id: http://svn.automattic.com/wordpress-mu/trunk@830 7be80a69-a1ef-0310-a953-fb0f7c49ff36
Diffstat (limited to 'wp-admin/custom-header.php')
-rw-r--r-- | wp-admin/custom-header.php | 324 |
1 files changed, 324 insertions, 0 deletions
diff --git a/wp-admin/custom-header.php b/wp-admin/custom-header.php new file mode 100644 index 0000000..8bdd83d --- /dev/null +++ b/wp-admin/custom-header.php @@ -0,0 +1,324 @@ +<?php + +class Custom_Image_Header { + var $admin_header_callback; + + function Custom_Image_Header($admin_header_callback) { + $this->admin_header_callback = $admin_header_callback; + } + + function init() { + $page = add_theme_page(__('Custom Image Header'), __('Custom Image Header'), 'edit_themes', 'custom-header', array(&$this, 'admin_page')); + + add_action("admin_print_scripts-$page", array(&$this, 'js_includes')); + add_action("admin_head-$page", array(&$this, 'js'), 50); + add_action("admin_head-$page", $this->admin_header_callback, 51); + } + + function js_includes() { + wp_enqueue_script('cropper'); + wp_enqueue_script('colorpicker'); + } + + function js() { + + if ( isset( $_POST['textcolor'] ) ) { + if ( 'blank' == $_POST['textcolor'] ) { + set_theme_mod('header_textcolor', 'blank'); + } else { + $color = preg_replace('/[^0-9a-fA-F]/', '', $_POST['textcolor']); + if ( strlen($color) == 6 || strlen($color) == 3 ) + set_theme_mod('header_textcolor', $color); + } + } + if ( isset($_POST['resetheader']) ) + remove_theme_mods(); + ?> +<script type="text/javascript"> + + function onEndCrop( coords, dimensions ) { + $( 'x1' ).value = coords.x1; + $( 'y1' ).value = coords.y1; + $( 'x2' ).value = coords.x2; + $( 'y2' ).value = coords.y2; + $( 'width' ).value = dimensions.width; + $( 'height' ).value = dimensions.height; + } + + // with a supplied ratio + Event.observe( + window, + 'load', + function() { + var xinit = <?php echo HEADER_IMAGE_WIDTH; ?>; + var yinit = <?php echo HEADER_IMAGE_HEIGHT; ?>; + var ratio = xinit / yinit; + var ximg = $('upload').width; + var yimg = $('upload').height; + if ( yimg < yinit || ximg < xinit ) { + if ( ximg / yimg > ratio ) { + yinit = yimg; + xinit = yinit * ratio; + } else { + xinit = ximg; + yinit = xinit / ratio; + } + } + new Cropper.Img( + 'upload', + { + ratioDim: { x: xinit, y: yinit }, + displayOnInit: true, + onEndCrop: onEndCrop + } + ) + } + ); + + var cp = new ColorPicker(); + + function pickColor(color) { + $('name').style.color = color; + $('desc').style.color = color; + $('textcolor').value = color; + } + function PopupWindow_hidePopup(magicword) { + if ( magicword != 'prettyplease' ) + return false; + if (this.divName != null) { + if (this.use_gebi) { + document.getElementById(this.divName).style.visibility = "hidden"; + } + else if (this.use_css) { + document.all[this.divName].style.visibility = "hidden"; + } + else if (this.use_layers) { + document.layers[this.divName].visibility = "hidden"; + } + } + else { + if (this.popupWindow && !this.popupWindow.closed) { + this.popupWindow.close(); + this.popupWindow = null; + } + } + return false; + } + function colorSelect(t,p) { + if ( cp.p == p && document.getElementById(cp.divName).style.visibility != "hidden" ) { + cp.hidePopup('prettyplease'); + } else { + cp.p = p; + cp.select(t,p); + } + } + function colorDefault() { + pickColor('<?php echo HEADER_TEXTCOLOR; ?>'); + } + + function hide_text() { + $('name').style.display = 'none'; + $('desc').style.display = 'none'; + $('pickcolor').style.display = 'none'; + $('defaultcolor').style.display = 'none'; + $('textcolor').value = 'blank'; + $('hidetext').value = '<?php _e('Show Text'); ?>'; +// $('hidetext').onclick = 'show_text()'; + Event.observe( $('hidetext'), 'click', show_text ); + } + + function show_text() { + $('name').style.display = 'block'; + $('desc').style.display = 'block'; + $('pickcolor').style.display = 'inline'; + $('defaultcolor').style.display = 'inline'; + $('textcolor').value = '<?php echo HEADER_TEXTCOLOR; ?>'; + $('hidetext').value = '<?php _e('Hide Text'); ?>'; + Event.stopObserving( $('hidetext'), 'click', show_text ); + Event.observe( $('hidetext'), 'click', hide_text ); + } + + <?php if ( 'blank' == get_theme_mod('header_textcolor', HEADER_TEXTCOLOR) ) { ?> +Event.observe( window, 'load', hide_text ); + <?php } ?> + +</script> +<?php + } + + function step_1() { + if ( $_GET['updated'] ) { ?> +<div id="message" class="updated fade"> +<p><?php _e('Header updated.') ?></p> +</div> + <?php } ?> + +<div class="wrap"> +<h2><?php _e('Your Header Image'); ?></h2> +<p><?php _e('This is your header image. You can change the text color or upload and crop a new image.'); ?></p> + +<div id="headimg" style="background: url(<?php header_image() ?>) no-repeat;"> +<h1><a onclick="return false;" href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>" id="name"><?php bloginfo('name'); ?></a></h1> +<div id="desc"><?php bloginfo('description');?></div> +</div> +<?php if ( !defined( 'NO_HEADER_TEXT' ) ) { ?> +<form method="post" action="<?php echo get_option('siteurl') ?>/wp-admin/themes.php?page=custom-header&updated=true"> +<input type="button" value="<?php _e('Hide Text'); ?>" onclick="hide_text()" id="hidetext" /> +<input type="button" value="<?php _e('Select a Text Color'); ?>" onclick="colorSelect($('textcolor'), 'pickcolor')" id="pickcolor" /><input type="button" value="<?php _e('Use Original Color'); ?>" onclick="colorDefault()" id="defaultcolor" /> +<input type="hidden" name="textcolor" id="textcolor" value="#<?php header_textcolor() ?>" /><input name="submit" type="submit" value="<?php _e('Save Changes'); ?> »" /></form> +<?php } ?> + +<div id="colorPickerDiv" style="z-index: 100;background:#eee;border:1px solid #ccc;position:absolute;visibility:hidden;"> </div> +</div> +<div class="wrap"> +<h2><?php _e('Upload New Header Image'); ?></h2><p><?php _e('Here you can upload a custom header image to be shown at the top of your blog instead of the default one. On the next screen you will be able to crop the image.'); ?></p> +<p><?php printf(__('Images of exactly <strong>%1$d x %2$d pixels</strong> will be used as-is.'), HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT); ?></p> + +<form enctype="multipart/form-data" id="uploadForm" method="POST" action="<?php echo add_query_arg('step', 2) ?>" style="margin: auto; width: 50%;"> +<label for="upload"><?php _e('Choose an image from your computer:'); ?></label><br /><input type="file" id="upload" name="import" /> +<input type="hidden" name="action" value="save" /> +<p class="submit"> +<input type="submit" value="<?php _e('Upload'); ?> »" /> +</p> +</form> + +</div> + + <?php if ( get_theme_mod('header_image') || get_theme_mod('header_textcolor') ) : ?> +<div class="wrap"> +<h2><?php _e('Reset Header Image and Color'); ?></h2> +<p><?php _e('This will restore the original header image and color. You will not be able to retrieve any customizations.') ?></p> +<form method="post" action="<?php echo add_query_arg('step', 1) ?>"> +<input type="submit" name="resetheader" value="<?php _e('Restore Original Header'); ?>" /> +</form> +</div> + <?php endif; + + } + + function step_2() { + $overrides = array('test_form' => false); + $file = wp_handle_upload($_FILES['import'], $overrides); + + if ( isset($file['error']) ) + die( $file['error'] ); + + $url = $file['url']; + $file = $file['file']; + $filename = basename($file); + + // Construct the object array + $object = array( + 'post_title' => $filename, + 'post_content' => $url, + 'post_mime_type' => 'import', + 'guid' => $url); + + // Save the data + $id = wp_insert_attachment($object, $file); + + $upload = array('file' => $file, 'id' => $id); + + list($width, $height, $type, $attr) = getimagesize( $file ); + + if ( $width == HEADER_IMAGE_WIDTH && $height == HEADER_IMAGE_HEIGHT ) { + set_theme_mod('header_image', $url); + $header = apply_filters('wp_create_file_in_uploads', $header); // For replication + return $this->finished(); + } elseif ( $width > HEADER_IMAGE_WIDTH ) { + $oitar = $width / HEADER_IMAGE_WIDTH; + $image = wp_crop_image($file, 0, 0, $width, $height, HEADER_IMAGE_WIDTH, $height / $oitar, false, str_replace(basename($file), 'midsize-'.basename($file), $file)); + $image = apply_filters('wp_create_file_in_uploads', $image); // For replication + + $url = str_replace(basename($url), basename($image), $url); + $width = $width / $oitar; + $height = $height / $oitar; + } else { + $oitar = 1; + } + ?> + +<div class="wrap"> + +<form method="POST" action="<?php echo add_query_arg('step', 3) ?>"> + +<p><?php _e('Choose the part of the image you want to use as your header.'); ?></p> +<div id="testWrap"> +<img src="<?php echo $url; ?>" id="upload" width="<?php echo $width; ?>" height="<?php echo $height; ?>" /> +</div> + +<p class="submit"> +<input type="hidden" name="x1" id="x1" /> +<input type="hidden" name="y1" id="y1" /> +<input type="hidden" name="x2" id="x2" /> +<input type="hidden" name="y2" id="y2" /> +<input type="hidden" name="width" id="width" /> +<input type="hidden" name="height" id="height" /> +<input type="hidden" name="attachment_id" id="attachment_id" value="<?php echo $id; ?>" /> +<input type="hidden" name="oitar" id="oitar" value="<?php echo $oitar; ?>" /> +<input type="submit" value="<?php _e('Crop Header »'); ?>" /> +</p> + +</form> +</div> + <?php + } + + function step_3() { + if ( $_POST['oitar'] > 1 ) { + $_POST['x1'] = $_POST['x1'] * $_POST['oitar']; + $_POST['y1'] = $_POST['y1'] * $_POST['oitar']; + $_POST['width'] = $_POST['width'] * $_POST['oitar']; + $_POST['height'] = $_POST['height'] * $_POST['oitar']; + } + + $header = wp_crop_image($_POST['attachment_id'], $_POST['x1'], $_POST['y1'], $_POST['width'], $_POST['height'], HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT); + $header = apply_filters('wp_create_file_in_uploads', $header); // For replication + + $parent = get_post($_POST['attachment_id']); + + $parent_url = $parent->guid; + + $url = str_replace(basename($parent_url), basename($header), $parent_url); + + set_theme_mod('header_image', $url); + + // cleanup + $file = get_attached_file( $_POST['attachment_id'] ); + $medium = str_replace(basename($file), 'midsize-'.basename($file), $file); + @unlink( $medium ); + apply_filters( 'wp_delete_file', $medium ); + wp_delete_attachment( $_POST['attachment_id'] ); + + return $this->finished(); + } + + function finished() { + ?> +<div class="wrap"> +<h2><?php _e('Header complete!'); ?></h2> + +<p><?php _e('Visit your site and you should see the new header now.'); ?></p> + +</div> + <?php + } + + function admin_page() { + if ( !isset( $_GET['step'] ) ) + $step = 1; + else + $step = (int) $_GET['step']; + + if ( 1 == $step ) { + $this->step_1(); + } elseif ( 2 == $step ) { + $this->step_2(); + } elseif ( 3 == $step ) { + $this->step_3(); + } + + } + +} +?> |