Ticket #12636: 12636.diff

wp-admin/admin-ajax.php

@@ -1422 +1422 @@
         update_post_meta( $link_id, '_menu_item_url', $link_url );
 
         die( json_encode($link_id) );
+case 'date_i18n' :
+        $return = date_i18n( $_POST['date'] );
+        die( $return );
+        break;
 default :
         do_action( 'wp_ajax_' . $_POST['action'] );
         die('0');

wp-admin/options-general.php

@@ -30 +30 @@
         jQuery(document).ready(function($){
                 $("input[name='date_format']").click(function(){
                         if ( "date_format_custom_radio" != $(this).attr("id") )
-                                $("input[name='date_format_custom']").val( $(this).val() );
+                                $("input[name='date_format_custom']").val( $(this).val() ).siblings('.example').text( $(this).siblings('span').text() );
                 });
                 $("input[name='date_format_custom']").focus(function(){
                         $("#date_format_custom_radio").attr("checked", "checked");
@@ -38 +38 @@
 
                 $("input[name='time_format']").click(function(){
                         if ( "time_format_custom_radio" != $(this).attr("id") )
-                                $("input[name='time_format_custom']").val( $(this).val() );
+                                $("input[name='time_format_custom']").val( $(this).val() ).siblings('.example').text( $(this).siblings('span').text() );
                 });
                 $("input[name='time_format_custom']").focus(function(){
                         $("#time_format_custom_radio").attr("checked", "checked");
                 });
+                $("input[name='date_format_custom'], input[name='time_format_custom']").change( function() {
+                        var format = $(this);
+                        format.siblings('img').css('visibility','visible');
+                        $.post(ajaxurl, {
+                                        action: 'date_i18n',
+                                        date : format.val(),
+                                }, function(d) { format.siblings('.example').text(d); format.siblings('img').css('visibility','hidden'); } );   
+                });
         });
 //]]>
 </script>
@@ -255 +263 @@
                         echo " checked='checked'";
                         $custom = false;
                 }
-                echo ' /> ' . date_i18n( $format ) . "</label><br />\n";
+                echo ' /> <span>' . date_i18n( $format ) . "</span></label><br />\n";
         }
 
         echo '  <label><input type="radio" name="date_format" id="date_format_custom_radio" value="\c\u\s\t\o\m"';
         checked( $custom );
-        echo '/> ' . __('Custom:') . ' </label><input type="text" name="date_format_custom" value="' . esc_attr( get_option('date_format') ) . '" class="small-text" /> ' . date_i18n( get_option('date_format') ) . "\n";
+        echo '/> ' . __('Custom:') . ' </label><input type="text" name="date_format_custom" value="' . esc_attr( get_option('date_format') ) . '" class="small-text" /> <span class="example"> ' . date_i18n( get_option('date_format') ) . "</span> <img style='visibility:hidden' src='" . esc_url( admin_url( 'images/wpspin_light.gif' ) ) . "' />\n";
 
-        echo "\t<p>" . __('<a href="http://codex.wordpress.org/Formatting_Date_and_Time">Documentation on date formatting</a>. Click &#8220;Save Changes&#8221; to update sample output.') . "</p>\n";
+        echo "\t<p>" . __('<a href="http://codex.wordpress.org/Formatting_Date_and_Time">Documentation on date and time formatting</a>.') . "</p>\n";
 ?>
         </fieldset>
 </td>
@@ -287 +295 @@
                         echo " checked='checked'";
                         $custom = false;
                 }
-                echo ' /> ' . date_i18n( $format ) . "</label><br />\n";
+                echo ' /> <span>' . date_i18n( $format ) . "</span></label><br />\n";
         }
 
         echo '  <label><input type="radio" name="time_format" id="time_format_custom_radio" value="\c\u\s\t\o\m"';
         checked( $custom );
-        echo '/> ' . __('Custom:') . ' </label><input type="text" name="time_format_custom" value="' . esc_attr( get_option('time_format') ) . '" class="small-text" /> ' . date_i18n( get_option('time_format') ) . "\n";
+        echo '/> ' . __('Custom:') . ' </label><input type="text" name="time_format_custom" value="' . esc_attr( get_option('time_format') ) . '" class="small-text" /> <span class="example"> ' . date_i18n( get_option('time_format') ) . "</span> <img style='visibility:hidden' src='" . esc_url( admin_url( 'images/wpspin_light.gif' ) ) . "' />\n";
+        ;
 ?>
         </fieldset>
 </td>