Changeset 13403 for trunk/wp-admin/custom-header.php

Timestamp:

02/25/2010 07:18:44 PM (15 years ago)

Author:

ryan

Message:

Default header selector, first pass. see #12343

File:

• trunk/wp-admin/custom-header.php (modified) (6 diffs)

trunk/wp-admin/custom-header.php

@@ -33 +33 @@
      */
     var $admin_image_div_callback;
+
+    var $default_headers = array();
 
     /**
@@ -134 +136 @@
             remove_theme_mods();
         }
+
+        if ( isset($_POST['default-header']) ) {
+            $this->process_default_headers();
+            if ( isset($this->default_headers[$_POST['default-header']]) )
+                set_theme_mod('header_image', esc_url($this->default_headers[$_POST['default-header']]['url']));
+        }
+    }
+
+    /**
+     * Process the default headers
+     *
+     *  @since 3.0.0
+     */
+    function process_default_headers() {
+        global $_wp_default_headers;
+
+        if ( !empty($this->headers) )
+            return;
+
+        if ( !isset($_wp_default_headers) )
+            return;
+
+        $this->default_headers = $_wp_default_headers;
+        foreach ( array_keys($this->default_headers) as $header ) {
+            $this->default_headers[$header]['url'] =  sprintf( $this->default_headers[$header]['url'], get_template_directory_uri(), get_stylesheet_directory_uri() );
+            $this->default_headers[$header]['thumbnail_url'] =  sprintf( $this->default_headers[$header]['thumbnail_url'], get_template_directory_uri(), get_stylesheet_directory_uri() );
+        }
+    }
+
+    /**
+     * Display UI for selecting one of several default headers.
+     *
+     * @since 3.0.0
+     */
+    function show_default_header_selector() {
+        echo '<table id="available-headers" cellspacing="0" cellpadding="0">';
+
+        $headers = array_keys($this->default_headers);
+        $table = array();
+        $rows = ceil(count($headers) / 3);
+        for ( $row = 1; $row <= $rows; $row++ ) {
+            for ( $col = 1; $col <= 3; $col++ ) {
+                $table[$row][$col] = array_shift($headers);
+            }
+        }
+
+        foreach ( $table as $row => $cols ) {
+            echo '<tr>';
+            foreach ( $cols as $col => $header_key ) {
+                if ( !$header_key )
+                    continue;
+                $class = array('available-theme');
+                if ( $row == 1 ) $class[] = 'top';
+                if ( $col == 1 ) $class[] = 'left';
+                if ( $row == $rows ) $class[] = 'bottom';
+                if ( $col == 3 ) $class[] = 'right';
+                if ( !isset($this->headers[$header_key]))
+                echo '<td class="' . join(' ', $class) . '">';
+                $header_thumbnail = $this->default_headers[$header_key]['thumbnail_url'];
+                $header_url = $this->default_headers[$header_key]['url'];
+                $header_desc = $this->default_headers[$header_key]['description'];
+                echo '<label><input name="default-header" type="radio" value="' . esc_attr($header_key) . '" ' . checked($header_url, get_header_image(), false) . ' />';
+                echo '<img src="' . $header_thumbnail . '" alt="' . esc_attr($header_desc) .'" /></label>';
+                echo  '</td>';
+            }
+            echo '</tr>';
+        }
+        echo '</table>';
     }
 
@@ -285 +355 @@
      */
     function step_1() {
+        $this->process_default_headers();
         if ( isset($_GET['updated']) && $_GET['updated'] ) { ?>
 <div id="message" class="updated">
@@ -294 +365 @@
 <?php screen_icon(); ?>
 <h2><?php _e('Your Header Image'); ?></h2>
+<?php
+if ( get_theme_mod('header_image') || empty($this->default_headers) ) :
+?>
 <p><?php _e('This is your header image. You can change the text color or upload and crop a new image.'); ?></p>
 <?php
@@ -311 +385 @@
 <input type="button" class="button" value="<?php esc_attr_e('Hide Text'); ?>" onclick="hide_text()" id="hidetext" />
 <input type="button" class="button" value="<?php esc_attr_e('Select a Text Color'); ?>" id="pickcolor" /><input type="button" class="button" value="<?php esc_attr_e('Use Original Color'); ?>" onclick="colorDefault()" id="defaultcolor" />
-<?php wp_nonce_field('custom-header') ?>
+<?php wp_nonce_field('custom-header'); ?>
 <input type="hidden" name="textcolor" id="textcolor" value="#<?php esc_attr(header_textcolor()) ?>" /><input name="submit" type="submit" class="button" value="<?php esc_attr_e('Save Changes'); ?>" /></form>
 <?php } ?>
@@ -317 +391 @@
 <div id="colorPickerDiv" style="z-index: 100;background:#eee;border:1px solid #ccc;position:absolute;display:none;"> </div>
 </div>
+<?php
+else:
+    echo '<p>' . __('Choose one of these cool headers, or upload your own image below.') . '</p>';
+    echo '<form method="post" action="' . admin_url('themes.php?page=custom-header&amp;updated=true') . '">';
+    wp_nonce_field('custom-header');
+    $this->show_default_header_selector();
+    echo '<input type="submit" class="button" value="' . esc_attr__('Save Your Choice') . '"  />';
+    echo '</form>';
+    echo '</div>';
+endif;
+?>
 <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>