1 /* global pagenow, ajaxurl, postboxes, wpActiveEditor:true */
2 var ajaxWidgets, ajaxPopulateWidgets, quickPressLoad;
4 jQuery(document).ready( function($) {
5 var welcomePanel = $( '#welcome-panel' ),
6 welcomePanelHide = $('#wp_welcome_panel-hide'),
9 updateWelcomePanel = function( visible ) {
11 action: 'update-welcome-panel',
13 welcomepanelnonce: $( '#welcomepanelnonce' ).val()
17 if ( welcomePanel.hasClass('hidden') && welcomePanelHide.prop('checked') ) {
18 welcomePanel.removeClass('hidden');
21 $('.welcome-panel-close, .welcome-panel-dismiss a', welcomePanel).click( function(e) {
23 welcomePanel.addClass('hidden');
24 updateWelcomePanel( 0 );
25 $('#wp_welcome_panel-hide').prop('checked', false);
28 welcomePanelHide.click( function() {
29 welcomePanel.toggleClass('hidden', ! this.checked );
30 updateWelcomePanel( this.checked ? 1 : 0 );
33 // These widgets are sometimes populated via ajax
34 ajaxWidgets = ['dashboard_primary'];
36 ajaxPopulateWidgets = function(el) {
37 function show(i, id) {
38 var p, e = $('#' + id + ' div.inside:visible').find('.widget-loading');
41 setTimeout( function(){
42 p.load( ajaxurl + '?action=dashboard-widgets&widget=' + id + '&pagenow=' + pagenow, '', function() {
43 p.hide().slideDown('normal', function(){
44 $(this).css('display', '');
53 if ( $.inArray(el, ajaxWidgets) !== -1 ) {
57 $.each( ajaxWidgets, show );
60 ajaxPopulateWidgets();
62 postboxes.add_postbox_toggles(pagenow, { pbshow: ajaxPopulateWidgets } );
65 quickPressLoad = function() {
66 var act = $('#quickpost-action'), t;
68 $( '#quick-press .submit input[type="submit"], #quick-press .submit input[type="reset"]' ).prop( 'disabled' , false );
70 t = $('#quick-press').submit( function( e ) {
72 $('#dashboard_quick_press #publishing-action .spinner').show();
73 $('#quick-press .submit input[type="submit"], #quick-press .submit input[type="reset"]').prop('disabled', true);
75 $.post( t.attr( 'action' ), t.serializeArray(), function( data ) {
76 // Replace the form, and prepend the published post.
77 $('#dashboard_quick_press .inside').html( data );
78 $('#quick-press').removeClass('initial-form');
80 highlightLatestPost();
84 function highlightLatestPost () {
85 var latestPost = $('.drafts ul li').first();
86 latestPost.css('background', '#fffbe5');
87 setTimeout(function () {
88 latestPost.css('background', 'none');
93 $('#publish').click( function() { act.val( 'post-quickpress-publish' ); } );
95 $('#title, #tags-input, #content').each( function() {
96 var input = $(this), prompt = $('#' + this.id + '-prompt-text');
98 if ( '' === this.value ) {
99 prompt.removeClass('screen-reader-text');
102 prompt.click( function() {
103 $(this).addClass('screen-reader-text');
107 input.blur( function() {
108 if ( '' === this.value ) {
109 prompt.removeClass('screen-reader-text');
113 input.focus( function() {
114 prompt.addClass('screen-reader-text');
118 $('#quick-press').on( 'click focusin', function() {
119 wpActiveEditor = 'content';
122 autoResizeTextarea();
126 $( '.meta-box-sortables' ).sortable( 'option', 'containment', '#wpwrap' );
128 function autoResizeTextarea() {
129 if ( document.documentMode && document.documentMode < 9 ) {
133 // Add a hidden div. We'll copy over the text from the textarea to measure its height.
134 $('body').append( '<div class="quick-draft-textarea-clone" style="display: none;"></div>' );
136 var clone = $('.quick-draft-textarea-clone'),
137 editor = $('#content'),
138 editorHeight = editor.height(),
139 // 100px roughly accounts for browser chrome and allows the
140 // save draft button to show on-screen at the same time.
141 editorMaxHeight = $(window).height() - 100;
143 // Match up textarea and clone div as much as possible.
144 // Padding cannot be reliably retrieved using shorthand in all browsers.
146 'font-family': editor.css('font-family'),
147 'font-size': editor.css('font-size'),
148 'line-height': editor.css('line-height'),
149 'padding-bottom': editor.css('paddingBottom'),
150 'padding-left': editor.css('paddingLeft'),
151 'padding-right': editor.css('paddingRight'),
152 'padding-top': editor.css('paddingTop'),
153 'white-space': 'pre-wrap',
154 'word-wrap': 'break-word',
158 // propertychange is for IE < 9
159 editor.on('focus input propertychange', function() {
161 // is to ensure that the height of a final trailing newline is included.
162 textareaContent = $this.val() + ' ',
163 // 2px is for border-top & border-bottom
164 cloneHeight = clone.css('width', $this.css('width')).text(textareaContent).outerHeight() + 2;
166 // Default to having scrollbars
167 editor.css('overflow-y', 'auto');
169 // Only change the height if it has indeed changed and both heights are below the max.
170 if ( cloneHeight === editorHeight || ( cloneHeight >= editorMaxHeight && editorHeight >= editorMaxHeight ) ) {
174 // Don't allow editor to exceed height of window.
175 // This is also bound in CSS to a max-height of 1300px to be extra safe.
176 if ( cloneHeight > editorMaxHeight ) {
177 editorHeight = editorMaxHeight;
179 editorHeight = cloneHeight;
182 // No scrollbars as we change height, not for IE < 9
183 editor.css('overflow', 'hidden');
185 $this.css('height', editorHeight + 'px');