f88be70fd99effca948aa0f961ffb2e3c27c8b2f
[autoinstalls/wordpress.git] / wp-admin / js / dashboard.js
1 /* global pagenow, ajaxurl, postboxes, wpActiveEditor:true */
2 var ajaxWidgets, ajaxPopulateWidgets, quickPressLoad;
3
4 jQuery(document).ready( function($) {
5         var welcomePanel = $( '#welcome-panel' ),
6                 welcomePanelHide = $('#wp_welcome_panel-hide'),
7                 updateWelcomePanel;
8
9         updateWelcomePanel = function( visible ) {
10                 $.post( ajaxurl, {
11                         action: 'update-welcome-panel',
12                         visible: visible,
13                         welcomepanelnonce: $( '#welcomepanelnonce' ).val()
14                 });
15         };
16
17         if ( welcomePanel.hasClass('hidden') && welcomePanelHide.prop('checked') ) {
18                 welcomePanel.removeClass('hidden');
19         }
20
21         $('.welcome-panel-close, .welcome-panel-dismiss a', welcomePanel).click( function(e) {
22                 e.preventDefault();
23                 welcomePanel.addClass('hidden');
24                 updateWelcomePanel( 0 );
25                 $('#wp_welcome_panel-hide').prop('checked', false);
26         });
27
28         welcomePanelHide.click( function() {
29                 welcomePanel.toggleClass('hidden', ! this.checked );
30                 updateWelcomePanel( this.checked ? 1 : 0 );
31         });
32
33         // These widgets are sometimes populated via ajax
34         ajaxWidgets = ['dashboard_primary'];
35
36         ajaxPopulateWidgets = function(el) {
37                 function show(i, id) {
38                         var p, e = $('#' + id + ' div.inside:visible').find('.widget-loading');
39                         if ( e.length ) {
40                                 p = e.parent();
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', '');
45                                                 });
46                                         });
47                                 }, i * 500 );
48                         }
49                 }
50
51                 if ( el ) {
52                         el = el.toString();
53                         if ( $.inArray(el, ajaxWidgets) !== -1 ) {
54                                 show(0, el);
55                         }
56                 } else {
57                         $.each( ajaxWidgets, show );
58                 }
59         };
60         ajaxPopulateWidgets();
61
62         postboxes.add_postbox_toggles(pagenow, { pbshow: ajaxPopulateWidgets } );
63
64         /* QuickPress */
65         quickPressLoad = function() {
66                 var act = $('#quickpost-action'), t;
67                 t = $('#quick-press').submit( function() {
68                         $('#dashboard_quick_press #publishing-action .spinner').show();
69                         $('#quick-press .submit input[type="submit"], #quick-press .submit input[type="reset"]').prop('disabled', true);
70
71                         $.post( t.attr( 'action' ), t.serializeArray(), function( data ) {
72                                 // Replace the form, and prepend the published post.
73                                 $('#dashboard_quick_press .inside').html( data );
74                                 $('#quick-press').removeClass('initial-form');
75                                 quickPressLoad();
76                                 highlightLatestPost();
77                                 $('#title').focus();
78                         });
79
80                         function highlightLatestPost () {
81                                 var latestPost = $('.drafts ul li').first();
82                                 latestPost.css('background', '#fffbe5');
83                                 setTimeout(function () {
84                                         latestPost.css('background', 'none');
85                                 }, 1000);
86                         }
87
88                         return false;
89                 } );
90
91                 $('#publish').click( function() { act.val( 'post-quickpress-publish' ); } );
92
93                 $('#title, #tags-input, #content').each( function() {
94                         var input = $(this), prompt = $('#' + this.id + '-prompt-text');
95
96                         if ( '' === this.value ) {
97                                 prompt.removeClass('screen-reader-text');
98                         }
99
100                         prompt.click( function() {
101                                 $(this).addClass('screen-reader-text');
102                                 input.focus();
103                         });
104
105                         input.blur( function() {
106                                 if ( '' === this.value ) {
107                                         prompt.removeClass('screen-reader-text');
108                                 }
109                         });
110
111                         input.focus( function() {
112                                 prompt.addClass('screen-reader-text');
113                         });
114                 });
115
116                 $('#quick-press').on( 'click focusin', function() {
117                         wpActiveEditor = 'content';
118                 });
119
120                 autoResizeTextarea();
121         };
122         quickPressLoad();
123
124         $( '.meta-box-sortables' ).sortable( 'option', 'containment', 'document' );
125
126         // Activity Widget
127         $( '.show-more a' ).on( 'click', function(e) {
128                 $( this ).fadeOut().closest('.activity-block').find( 'li.hidden' ).fadeIn().removeClass( 'hidden' );
129                 e.preventDefault();
130         });
131
132         function autoResizeTextarea() {
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>' );
135
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;
142
143                 // Match up textarea and clone div as much as possible.
144                 // Padding cannot be reliably retrieved using shorthand in all browsers.
145                 clone.css({
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',
155                         'display': 'none'
156                 });
157
158                 // propertychange is for IE < 9
159                 editor.on('focus input propertychange', function() {
160                         var $this = $(this),
161                                 // &nbsp; is to ensure that the height of a final trailing newline is included.
162                                 textareaContent = $this.val().replace(/\n/g, '<br>') + '&nbsp;',
163                                 // 2px is for border-top & border-bottom
164                                 cloneHeight = clone.css('width', $this.css('width')).html(textareaContent).outerHeight() + 2;
165
166                         // Default to having scrollbars
167                         editor.css('overflow-y', 'auto');
168
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 ) ) {
171                                 return;
172                         }
173
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;
178                         } else {
179                                 editorHeight = cloneHeight;
180                         }
181
182                         // No scrollbars as we change height
183                         editor.css('overflow-y', 'hidden');
184
185                         $this.css('height', editorHeight + 'px');
186                 });
187         }
188
189 } );