Another attempt to fix the http blog redirects.
[WebKit-https.git] / Websites / webkit.org / blog / wp-admin / js / press-this.js
1 /**
2  * PressThis App
3  *
4  */
5 ( function( $, window ) {
6         var PressThis = function() {
7                 var editor, $mediaList, $mediaThumbWrap,
8                         saveAlert             = false,
9                         editLinkVisible       = false,
10                         textarea              = document.createElement( 'textarea' ),
11                         sidebarIsOpen         = false,
12                         settings              = window.wpPressThisConfig || {},
13                         data                  = window.wpPressThisData || {},
14                         smallestWidth         = 128,
15                         hasSetFocus           = false,
16                         catsCache             = [],
17                         isOffScreen           = 'is-off-screen',
18                         isHidden              = 'is-hidden',
19                         offscreenHidden       = isOffScreen + ' ' + isHidden,
20                         transitionEndEvent    = ( function() {
21                                 var style = document.documentElement.style;
22
23                                 if ( typeof style.transition !== 'undefined' ) {
24                                         return 'transitionend';
25                                 }
26
27                                 if ( typeof style.WebkitTransition !== 'undefined' ) {
28                                         return 'webkitTransitionEnd';
29                                 }
30
31                                 return false;
32                         }() );
33
34                 /* ***************************************************************
35                  * HELPER FUNCTIONS
36                  *************************************************************** */
37
38                 /**
39                  * Emulates our PHP __() gettext function, powered by the strings exported in pressThisL10n.
40                  *
41                  * @param key string Key of the string to be translated, as found in pressThisL10n.
42                  * @returns string Original or translated string, or empty string if no key.
43                  */
44                 function __( key ) {
45                         if ( key && window.pressThisL10n ) {
46                                 return window.pressThisL10n[key] || key;
47                         }
48
49                         return key || '';
50                 }
51
52                 /**
53                  * Strips HTML tags
54                  *
55                  * @param string string Text to have the HTML tags striped out of.
56                  * @returns string Stripped text.
57                  */
58                 function stripTags( string ) {
59                         string = string || '';
60
61                         return string
62                                 .replace( /<!--[\s\S]*?(-->|$)/g, '' )
63                                 .replace( /<(script|style)[^>]*>[\s\S]*?(<\/\1>|$)/ig, '' )
64                                 .replace( /<\/?[a-z][\s\S]*?(>|$)/ig, '' );
65                 }
66
67                 /**
68                  * Strip HTML tags and convert HTML entities.
69                  *
70                  * @param text string Text.
71                  * @returns string Sanitized text.
72                  */
73                 function sanitizeText( text ) {
74                         var _text = stripTags( text );
75
76                         try {
77                                 textarea.innerHTML = _text;
78                                 _text = stripTags( textarea.value );
79                         } catch ( er ) {}
80
81                         return _text;
82                 }
83
84                 /**
85                  * Allow only HTTP or protocol relative URLs.
86                  *
87                  * @param url string The URL.
88                  * @returns string Processed URL.
89                  */
90                 function checkUrl( url ) {
91                         url = $.trim( url || '' );
92
93                         if ( /^(?:https?:)?\/\//.test( url ) ) {
94                                 url = stripTags( url );
95                                 return url.replace( /["\\]+/g, '' );
96                         }
97
98                         return '';
99                 }
100
101                 /**
102                  * Show UX spinner
103                  */
104                 function showSpinner() {
105                         $( '.spinner' ).addClass( 'is-active' );
106                         $( '.post-actions button' ).attr( 'disabled', 'disabled' );
107                 }
108
109                 /**
110                  * Hide UX spinner
111                  */
112                 function hideSpinner() {
113                         $( '.spinner' ).removeClass( 'is-active' );
114                         $( '.post-actions button' ).removeAttr( 'disabled' );
115                 }
116
117                 /**
118                  * Replace emoji images with chars and sanitize the text content.
119                  */
120                 function getTitleText() {
121                         var $element = $( '#title-container' );
122
123                         $element.find( 'img.emoji' ).each( function() {
124                                 var $image = $( this );
125                                 $image.replaceWith( $( '<span>' ).text( $image.attr( 'alt' ) ) );
126                         });
127
128                         return sanitizeText( $element.text() );
129                 }
130
131                 /**
132                  * Prepare the form data for saving.
133                  */
134                 function prepareFormData() {
135                         var $form = $( '#pressthis-form' ),
136                                 $input = $( '<input type="hidden" name="post_category[]" value="">' );
137
138                         editor && editor.save();
139
140                         $( '#post_title' ).val( getTitleText() );
141
142                         // Make sure to flush out the tags with tagBox before saving
143                         if ( window.tagBox ) {
144                                 $( 'div.tagsdiv' ).each( function() {
145                                         window.tagBox.flushTags( this, false, 1 );
146                                 } );
147                         }
148
149                         // Get selected categories
150                         $( '.categories-select .category' ).each( function( i, element ) {
151                                 var $cat = $( element );
152
153                                 if ( $cat.hasClass( 'selected' ) ) {
154                                         // Have to append a node as we submit the actual form on preview
155                                         $form.append( $input.clone().val( $cat.attr( 'data-term-id' ) || '' ) );
156                                 }
157                         });
158                 }
159
160                 /**
161                  * Submit the post form via AJAX, and redirect to the proper screen if published vs saved as a draft.
162                  *
163                  * @param action string publish|draft
164                  */
165                 function submitPost( action ) {
166                         var data,
167                                 keepFocus = $( document.activeElement ).hasClass( 'draft-button' );
168
169                         saveAlert = false;
170                         showSpinner();
171
172                         if ( 'publish' === action ) {
173                                 $( '#post_status' ).val( 'publish' );
174                         }
175
176                         prepareFormData();
177                         data = $( '#pressthis-form' ).serialize();
178
179                         $.ajax( {
180                                 type: 'post',
181                                 url: window.ajaxurl,
182                                 data: data
183                         }).always( function() {
184                                 hideSpinner();
185                                 clearNotices();
186                         }).done( function( response ) {
187                                 var $link, $button;
188
189                                 if ( ! response.success ) {
190                                         renderError( response.data.errorMessage );
191                                 } else if ( response.data.redirect ) {
192                                         if ( window.opener && settings.redirInParent ) {
193                                                 try {
194                                                         window.opener.location.href = response.data.redirect;
195                                                 } catch( er ) {}
196
197                                                 window.self.close();
198                                         } else {
199                                                 window.location.href = response.data.redirect;
200                                         }
201                                 } else if ( response.data.postSaved ) {
202                                         $link = $( '.edit-post-link' );
203                                         $button = $( '.draft-button' );
204                                         editLinkVisible = true;
205
206                                         $button.fadeOut( 200, function() {
207                                                 $button.removeClass( 'is-saving' );
208                                                 $link.fadeIn( 200, function() {
209                                                         var active = document.activeElement;
210                                                         // Different browsers move the focus to different places when the button is disabled.
211                                                         if ( keepFocus && ( active === $button[0] || $( active ).hasClass( 'post-actions' ) || active.nodeName === 'BODY' ) ) {
212                                                                 $link.focus();
213                                                         }
214                                                 });
215                                         });
216                                 }
217                         }).fail( function() {
218                                 renderError( __( 'serverError' ) );
219                         });
220                 }
221
222                 function resetDraftButton() {
223                         if ( editLinkVisible ) {
224                                 editLinkVisible = false;
225
226                                 $( '.edit-post-link' ).fadeOut( 200, function() {
227                                         $( '.draft-button' ).removeClass( 'is-saving' ).fadeIn( 200 );
228                                 });
229                         }
230                 }
231
232                 /**
233                  * Inserts the media a user has selected from the presented list inside the editor, as an image or embed, based on type
234                  *
235                  * @param type string img|embed
236                  * @param src string Source URL
237                  * @param link string Optional destination link, for images (defaults to src)
238                  */
239                 function insertSelectedMedia( $element ) {
240                         var src, link, newContent = '';
241
242                         if ( ! editor ) {
243                                 return;
244                         }
245
246                         src = checkUrl( $element.attr( 'data-wp-src' ) || '' );
247                         link = checkUrl( data.u );
248
249                         if ( $element.hasClass( 'is-image' ) ) {
250                                 if ( ! link ) {
251                                         link = src;
252                                 }
253
254                                 newContent = '<a href="' + link + '"><img class="alignnone size-full" src="' + src + '" /></a>';
255                         } else {
256                                 newContent = '[embed]' + src + '[/embed]';
257                         }
258
259                         if ( ! hasSetFocus ) {
260                                 editor.setContent( '<p>' + newContent + '</p>' + editor.getContent() );
261                         } else {
262                                 editor.execCommand( 'mceInsertContent', false, newContent );
263                         }
264                 }
265
266                 /**
267                  * Save a new user-generated category via AJAX
268                  */
269                 function saveNewCategory() {
270                         var data,
271                                 name = $( '#new-category' ).val();
272
273                         if ( ! name ) {
274                                 return;
275                         }
276
277                         data = {
278                                 action: 'press-this-add-category',
279                                 post_id: $( '#post_ID' ).val() || 0,
280                                 name: name,
281                                 new_cat_nonce: $( '#_ajax_nonce-add-category' ).val() || '',
282                                 parent: $( '#new-category-parent' ).val() || 0
283                         };
284
285                         $.post( window.ajaxurl, data, function( response ) {
286                                 if ( ! response.success ) {
287                                         renderError( response.data.errorMessage );
288                                 } else {
289                                         var $parent, $ul,
290                                                 $wrap = $( 'ul.categories-select' );
291
292                                         $.each( response.data, function( i, newCat ) {
293                                                 var $node = $( '<li>' ).append( $( '<div class="category selected" tabindex="0" role="checkbox" aria-checked="true">' )
294                                                         .attr( 'data-term-id', newCat.term_id )
295                                                         .text( newCat.name ) );
296
297                                                 if ( newCat.parent ) {
298                                                         if ( ! $ul || ! $ul.length ) {
299                                                                 $parent = $wrap.find( 'div[data-term-id="' + newCat.parent + '"]' ).parent();
300                                                                 $ul = $parent.find( 'ul.children:first' );
301
302                                                                 if ( ! $ul.length ) {
303                                                                         $ul = $( '<ul class="children">' ).appendTo( $parent );
304                                                                 }
305                                                         }
306
307                                                         $ul.prepend( $node );
308                                                 } else {
309                                                         $wrap.prepend( $node );
310                                                 }
311
312                                                 $node.focus();
313                                         } );
314
315                                         refreshCatsCache();
316                                 }
317                         } );
318                 }
319
320                 /* ***************************************************************
321                  * RENDERING FUNCTIONS
322                  *************************************************************** */
323
324                 /**
325                  * Hide the form letting users enter a URL to be scanned, if a URL was already passed.
326                  */
327                 function renderToolsVisibility() {
328                         if ( data.hasData ) {
329                                 $( '#scanbar' ).hide();
330                         }
331                 }
332
333                 /**
334                  * Render error notice
335                  *
336                  * @param msg string Notice/error message
337                  * @param error string error|notice CSS class for display
338                  */
339                 function renderNotice( msg, error ) {
340                         var $alerts = $( '.editor-wrapper div.alerts' ),
341                                 className = error ? 'is-error' : 'is-notice';
342
343                         $alerts.append( $( '<p class="alert ' + className + '">' ).text( msg ) );
344                 }
345
346                 /**
347                  * Render error notice
348                  *
349                  * @param msg string Error message
350                  */
351                 function renderError( msg ) {
352                         renderNotice( msg, true );
353                 }
354
355                 function clearNotices() {
356                         $( 'div.alerts' ).empty();
357                 }
358
359                 /**
360                  * Render notices on page load, if any already
361                  */
362                 function renderStartupNotices() {
363                         // Render errors sent in the data, if any
364                         if ( data.errors ) {
365                                 $.each( data.errors, function( i, msg ) {
366                                         renderError( msg );
367                                 } );
368                         }
369                 }
370
371                 /**
372                  * Add an image to the list of found images.
373                  */
374                 function addImg( src, displaySrc, i ) {
375                         var $element = $mediaThumbWrap.clone().addClass( 'is-image' );
376
377                         $element.attr( 'data-wp-src', src ).css( 'background-image', 'url(' + displaySrc + ')' )
378                                 .find( 'span' ).text( __( 'suggestedImgAlt' ).replace( '%d', i + 1 ) );
379
380                         $mediaList.append( $element );
381                 }
382
383                 /**
384                  * Render the detected images and embed for selection, if any
385                  */
386                 function renderDetectedMedia() {
387                         var found = 0;
388
389                         $mediaList = $( 'ul.media-list' );
390                         $mediaThumbWrap = $( '<li class="suggested-media-thumbnail" tabindex="0"><span class="screen-reader-text"></span></li>' );
391
392                         if ( data._embeds ) {
393                                 $.each( data._embeds, function ( i, src ) {
394                                         var displaySrc = '',
395                                                 cssClass = '',
396                                                 $element = $mediaThumbWrap.clone().addClass( 'is-embed' );
397
398                                         src = checkUrl( src );
399
400                                         if ( src.indexOf( 'youtube.com/' ) > -1 ) {
401                                                 displaySrc = 'https://i.ytimg.com/vi/' + src.replace( /.+v=([^&]+).*/, '$1' ) + '/hqdefault.jpg';
402                                                 cssClass += ' is-video';
403                                         } else if ( src.indexOf( 'youtu.be/' ) > -1 ) {
404                                                 displaySrc = 'https://i.ytimg.com/vi/' + src.replace( /\/([^\/])$/, '$1' ) + '/hqdefault.jpg';
405                                                 cssClass += ' is-video';
406                                         } else if ( src.indexOf( 'dailymotion.com' ) > -1 ) {
407                                                 displaySrc = src.replace( '/video/', '/thumbnail/video/' );
408                                                 cssClass += ' is-video';
409                                         } else if ( src.indexOf( 'soundcloud.com' ) > -1 ) {
410                                                 cssClass += ' is-audio';
411                                         } else if ( src.indexOf( 'twitter.com' ) > -1 ) {
412                                                 cssClass += ' is-tweet';
413                                         } else {
414                                                 cssClass += ' is-video';
415                                         }
416
417                                         $element.attr( 'data-wp-src', src ).find( 'span' ).text( __( 'suggestedEmbedAlt' ).replace( '%d', i + 1 ) );
418
419                                         if ( displaySrc ) {
420                                                 $element.css( 'background-image', 'url(' + displaySrc + ')' );
421                                         }
422
423                                         $mediaList.append( $element );
424                                         found++;
425                                 } );
426                         }
427
428                         if ( data._images ) {
429                                 $.each( data._images, function( i, src ) {
430                                         var displaySrc, img = new Image();
431
432                                         src = checkUrl( src );
433                                         displaySrc = src.replace( /^(http[^\?]+)(\?.*)?$/, '$1' );
434
435                                         if ( src.indexOf( 'files.wordpress.com/' ) > -1 ) {
436                                                 displaySrc = displaySrc.replace( /\?.*$/, '' ) + '?w=' + smallestWidth;
437                                         } else if ( src.indexOf( 'gravatar.com/' ) > -1 ) {
438                                                 displaySrc = displaySrc.replace( /\?.*$/, '' ) + '?s=' + smallestWidth;
439                                         } else {
440                                                 displaySrc = src;
441                                         }
442
443                                         img.onload = function() {
444                                                 if ( ( img.width && img.width < 256 ) ||
445                                                         ( img.height && img.height < 128 ) ) {
446
447                                                         return;
448                                                 }
449
450                                                 addImg( src, displaySrc, i );
451                                         };
452
453                                         img.src = src;
454                                         found++;
455                                 } );
456                         }
457
458                         if ( found ) {
459                                 $( '.media-list-container' ).addClass( 'has-media' );
460                         }
461                 }
462
463                 /* ***************************************************************
464                  * MONITORING FUNCTIONS
465                  *************************************************************** */
466
467                 /**
468                  * Interactive navigation behavior for the options modal (post format, tags, categories)
469                  */
470                 function monitorOptionsModal() {
471                         var $postOptions  = $( '.post-options' ),
472                                 $postOption   = $( '.post-option' ),
473                                 $settingModal = $( '.setting-modal' ),
474                                 $modalClose   = $( '.modal-close' );
475
476                         $postOption.on( 'click', function() {
477                                 var index = $( this ).index(),
478                                         $targetSettingModal = $settingModal.eq( index );
479
480                                 $postOptions.addClass( isOffScreen )
481                                         .one( transitionEndEvent, function() {
482                                                 $( this ).addClass( isHidden );
483                                         } );
484
485                                 $targetSettingModal.removeClass( offscreenHidden )
486                                         .one( transitionEndEvent, function() {
487                                                 $( this ).find( '.modal-close' ).focus();
488                                         } );
489                         } );
490
491                         $modalClose.on( 'click', function() {
492                                 var $targetSettingModal = $( this ).parent(),
493                                         index = $targetSettingModal.index();
494
495                                 $postOptions.removeClass( offscreenHidden );
496                                 $targetSettingModal.addClass( isOffScreen );
497
498                                 if ( transitionEndEvent ) {
499                                         $targetSettingModal.one( transitionEndEvent, function() {
500                                                 $( this ).addClass( isHidden );
501                                                 $postOption.eq( index - 1 ).focus();
502                                         } );
503                                 } else {
504                                         setTimeout( function() {
505                                                 $targetSettingModal.addClass( isHidden );
506                                                 $postOption.eq( index - 1 ).focus();
507                                         }, 350 );
508                                 }
509                         } );
510                 }
511
512                 /**
513                  * Interactive behavior for the sidebar toggle, to show the options modals
514                  */
515                 function openSidebar() {
516                         sidebarIsOpen = true;
517
518                         $( '.options' ).removeClass( 'closed' ).addClass( 'open' );
519                         $( '.press-this-actions, #scanbar' ).addClass( isHidden );
520                         $( '.options-panel-back' ).removeClass( isHidden );
521
522                         $( '.options-panel' ).removeClass( offscreenHidden )
523                                 .one( transitionEndEvent, function() {
524                                         $( '.post-option:first' ).focus();
525                                 } );
526                 }
527
528                 function closeSidebar() {
529                         sidebarIsOpen = false;
530
531                         $( '.options' ).removeClass( 'open' ).addClass( 'closed' );
532                         $( '.options-panel-back' ).addClass( isHidden );
533                         $( '.press-this-actions, #scanbar' ).removeClass( isHidden );
534
535                         $( '.options-panel' ).addClass( isOffScreen )
536                                 .one( transitionEndEvent, function() {
537                                         $( this ).addClass( isHidden );
538                                         // Reset to options list
539                                         $( '.post-options' ).removeClass( offscreenHidden );
540                                         $( '.setting-modal').addClass( offscreenHidden );
541                                 });
542                 }
543
544                 /**
545                  * Interactive behavior for the post title's field placeholder
546                  */
547                 function monitorPlaceholder() {
548                         var $titleField = $( '#title-container' ),
549                                 $placeholder = $( '.post-title-placeholder' );
550
551                         $titleField.on( 'focus', function() {
552                                 $placeholder.addClass( 'is-hidden' );
553                                 resetDraftButton();
554                         }).on( 'blur', function() {
555                                 if ( ! $titleField.text() && ! $titleField.html() ) {
556                                         $placeholder.removeClass( 'is-hidden' );
557                                 }
558                         }).on( 'keyup', function() {
559                                 saveAlert = true;
560                         }).on( 'paste', function( event ) {
561                                 var text, range,
562                                         clipboard = event.originalEvent.clipboardData || window.clipboardData;
563
564                                 if ( clipboard ) {
565                                         try{
566                                                 text = clipboard.getData( 'Text' ) || clipboard.getData( 'text/plain' );
567
568                                                 if ( text ) {
569                                                         text = $.trim( text.replace( /\s+/g, ' ' ) );
570
571                                                         if ( window.getSelection ) {
572                                                                 range = window.getSelection().getRangeAt(0);
573
574                                                                 if ( range ) {
575                                                                         if ( ! range.collapsed ) {
576                                                                                 range.deleteContents();
577                                                                         }
578
579                                                                         range.insertNode( document.createTextNode( text ) );
580                                                                 }
581                                                         } else if ( document.selection ) {
582                                                                 range = document.selection.createRange();
583
584                                                                 if ( range ) {
585                                                                         range.text = text;
586                                                                 }
587                                                         }
588                                                 }
589                                         } catch ( er ) {}
590
591                                         event.preventDefault();
592                                 }
593
594                                 saveAlert = true;
595
596                                 setTimeout( function() {
597                                         $titleField.text( getTitleText() );
598                                 }, 50 );
599                         });
600
601                         if ( $titleField.text() || $titleField.html() ) {
602                                 $placeholder.addClass('is-hidden');
603                         }
604                 }
605
606                 function toggleCatItem( $element ) {
607                         if ( $element.hasClass( 'selected' ) ) {
608                                 $element.removeClass( 'selected' ).attr( 'aria-checked', 'false' );
609                         } else {
610                                 $element.addClass( 'selected' ).attr( 'aria-checked', 'true' );
611                         }
612                 }
613
614                 function monitorCatList() {
615                         $( '.categories-select' ).on( 'click.press-this keydown.press-this', function( event ) {
616                                 var $element = $( event.target );
617
618                                 if ( $element.is( 'div.category' ) ) {
619                                         if ( event.type === 'keydown' && event.keyCode !== 32 ) {
620                                                 return;
621                                         }
622
623                                         toggleCatItem( $element );
624                                         event.preventDefault();
625                                 }
626                         });
627                 }
628
629                 /* ***************************************************************
630                  * PROCESSING FUNCTIONS
631                  *************************************************************** */
632
633                 /**
634                  * Calls all the rendring related functions to happen on page load
635                  */
636                 function render(){
637                         // We're on!
638                         renderToolsVisibility();
639                         renderDetectedMedia();
640                         renderStartupNotices();
641
642                         if ( window.tagBox ) {
643                                 window.tagBox.init();
644                         }
645                 }
646
647                 /**
648                  * Set app events and other state monitoring related code.
649                  */
650                 function monitor() {
651                         $( document ).on( 'tinymce-editor-init', function( event, ed ) {
652                                 editor = ed;
653
654                                 editor.on( 'nodechange', function() {
655                                         hasSetFocus = true;
656                                         resetDraftButton();
657                                 } );
658                         }).on( 'click.press-this keypress.press-this', '.suggested-media-thumbnail', function( event ) {
659                                 if ( event.type === 'click' || event.keyCode === 13 ) {
660                                         insertSelectedMedia( $( this ) );
661                                 }
662                         });
663
664                         // Publish, Draft and Preview buttons
665                         $( '.post-actions' ).on( 'click.press-this', function( event ) {
666                                 var $target = $( event.target ),
667                                         $button = $target.closest( 'button' );
668
669                                 if ( $button.length ) {
670                                         if ( $button.hasClass( 'draft-button' ) ) {
671                                                 $button.addClass( 'is-saving' );
672                                                 submitPost( 'draft' );
673                                         } else if ( $button.hasClass( 'publish-button' ) ) {
674                                                 submitPost( 'publish' );
675                                         } else if ( $button.hasClass( 'preview-button' ) ) {
676                                                 prepareFormData();
677                                                 window.opener && window.opener.focus();
678
679                                                 $( '#wp-preview' ).val( 'dopreview' );
680                                                 $( '#pressthis-form' ).attr( 'target', '_blank' ).submit().attr( 'target', '' );
681                                                 $( '#wp-preview' ).val( '' );
682                                         }
683                                 } else if ( $target.hasClass( 'edit-post-link' ) && window.opener ) {
684                                         window.opener.focus();
685                                         window.self.close();
686                                 }
687                         });
688
689                         monitorOptionsModal();
690                         monitorPlaceholder();
691                         monitorCatList();
692
693                         $( '.options' ).on( 'click.press-this', function() {
694                                 if ( $( this ).hasClass( 'open' ) ) {
695                                         closeSidebar();
696                                 } else {
697                                         openSidebar();
698                                 }
699                         });
700
701                         // Close the sidebar when focus moves outside of it.
702                         $( '.options-panel, .options-panel-back' ).on( 'focusout.press-this', function() {
703                                 setTimeout( function() {
704                                         var node = document.activeElement,
705                                                 $node = $( node );
706
707                                         if ( sidebarIsOpen && node && ! $node.hasClass( 'options-panel-back' ) &&
708                                                 ( node.nodeName === 'BODY' ||
709                                                         ( ! $node.closest( '.options-panel' ).length &&
710                                                         ! $node.closest( '.options' ).length ) ) ) {
711
712                                                 closeSidebar();
713                                         }
714                                 }, 50 );
715                         });
716
717                         $( '#post-formats-select input' ).on( 'change', function() {
718                                 var $this = $( this );
719
720                                 if ( $this.is( ':checked' ) ) {
721                                         $( '#post-option-post-format' ).text( $( 'label[for="' + $this.attr( 'id' ) + '"]' ).text() || '' );
722                                 }
723                         } );
724
725                         $( window ).on( 'beforeunload.press-this', function() {
726                                 if ( saveAlert || ( editor && editor.isDirty() ) ) {
727                                         return __( 'saveAlert' );
728                                 }
729                         } );
730
731                         $( 'button.add-cat-toggle' ).on( 'click.press-this', function() {
732                                 var $this = $( this );
733
734                                 $this.toggleClass( 'is-toggled' );
735                                 $this.attr( 'aria-expanded', 'false' === $this.attr( 'aria-expanded' ) ? 'true' : 'false' );
736                                 $( '.setting-modal .add-category, .categories-search-wrapper' ).toggleClass( 'is-hidden' );
737                         } );
738
739                         $( 'button.add-cat-submit' ).on( 'click.press-this', saveNewCategory );
740
741                         $( '.categories-search' ).on( 'keyup.press-this', function() {
742                                 var search = $( this ).val().toLowerCase() || '';
743
744                                 // Don't search when less thasn 3 extended ASCII chars
745                                 if ( /[\x20-\xFF]+/.test( search ) && search.length < 2 ) {
746                                         return;
747                                 }
748
749                                 $.each( catsCache, function( i, cat ) {
750                                         cat.node.removeClass( 'is-hidden searched-parent' );
751                                 } );
752
753                                 if ( search ) {
754                                         $.each( catsCache, function( i, cat ) {
755                                                 if ( cat.text.indexOf( search ) === -1 ) {
756                                                         cat.node.addClass( 'is-hidden' );
757                                                 } else {
758                                                         cat.parents.addClass( 'searched-parent' );
759                                                 }
760                                         } );
761                                 }
762                         } );
763
764                         return true;
765                 }
766
767                 function refreshCatsCache() {
768                         $( '.categories-select' ).find( 'li' ).each( function() {
769                                 var $this = $( this );
770
771                                 catsCache.push( {
772                                         node: $this,
773                                         parents: $this.parents( 'li' ),
774                                         text: $this.children( '.category' ).text().toLowerCase()
775                                 } );
776                         } );
777                 }
778
779                 // Let's go!
780                 $( document ).ready( function() {
781                         render();
782                         monitor();
783                         refreshCatsCache();
784                 });
785
786                 // Expose public methods?
787                 return {
788                         renderNotice: renderNotice,
789                         renderError: renderError
790                 };
791         };
792
793         window.wp = window.wp || {};
794         window.wp.pressThis = new PressThis();
795
796 }( jQuery, window ));