]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-admin/js/inline-edit-tax.js
WordPress 4.7-scripts
[autoinstalls/wordpress.git] / wp-admin / js / inline-edit-tax.js
index cccde57d09549c7c82da193f3a28ba9dec53b771..daad73fd137cff9447f240e1d581b8e9d4cfece5 100644 (file)
@@ -1 +1,287 @@
-(function(a){inlineEditTax={init:function(){var b=this,c=a("#inline-edit");b.type=a("#the-list").attr("class").substr(5);b.what="#"+b.type+"-";a(".editinline").live("click",function(){inlineEditTax.edit(this);return false});c.keyup(function(d){if(d.which==27){return inlineEditTax.revert()}});a("a.cancel",c).click(function(){return inlineEditTax.revert()});a("a.save",c).click(function(){return inlineEditTax.save(this)});a("input, select",c).keydown(function(d){if(d.which==13){return inlineEditTax.save(this)}});a('#posts-filter input[type="submit"]').mousedown(function(d){b.revert()})},toggle:function(c){var b=this;a(b.what+b.getId(c)).css("display")=="none"?b.revert():b.edit(c)},edit:function(d){var c=this,b;c.revert();if(typeof(d)=="object"){d=c.getId(d)}b=a("#inline-edit").clone(true),rowData=a("#inline_"+d);a("td",b).attr("colspan",a(".widefat:first thead th:visible").length);if(a(c.what+d).hasClass("alternate")){a(b).addClass("alternate")}a(c.what+d).hide().after(b);a(':input[name="name"]',b).val(a(".name",rowData).text());a(':input[name="slug"]',b).val(a(".slug",rowData).text());a(b).attr("id","edit-"+d).addClass("inline-editor").show();a(".ptitle",b).eq(0).focus();return false},save:function(e){var d,b,c=a('input[name="taxonomy"]').val()||"";if(typeof(e)=="object"){e=this.getId(e)}a("table.widefat .inline-edit-save .waiting").show();d={action:"inline-save-tax",tax_type:this.type,tax_ID:e,taxonomy:c};b=a("#edit-"+e+" :input").serialize();d=b+"&"+a.param(d);a.post(ajaxurl,d,function(g){var h,f;a("table.widefat .inline-edit-save .waiting").hide();if(g){if(-1!=g.indexOf("<tr")){a(inlineEditTax.what+e).remove();f=a(g).attr("id");a("#edit-"+e).before(g).remove();h=f?a("#"+f):a(inlineEditTax.what+e);h.hide().fadeIn()}else{a("#edit-"+e+" .inline-edit-save .error").html(g).show()}}else{a("#edit-"+e+" .inline-edit-save .error").html(inlineEditL10n.error).show()}});return false},revert:function(){var b=a("table.widefat tr.inline-editor").attr("id");if(b){a("table.widefat .inline-edit-save .waiting").hide();a("#"+b).remove();b=b.substr(b.lastIndexOf("-")+1);a(this.what+b).show()}return false},getId:function(c){var d=c.tagName=="TR"?c.id:a(c).parents("tr").attr("id"),b=d.split("-");return b[b.length-1]}};a(document).ready(function(){inlineEditTax.init()})})(jQuery);
\ No newline at end of file
+/* global inlineEditL10n, ajaxurl */
+/**
+ * This file is used on the term overview page to power quick-editing terms.
+ */
+
+window.wp = window.wp || {};
+
+/**
+ * Consists of functions relevant to the inline taxonomy editor.
+ *
+ * @namespace inlineEditTax
+ *
+ * @property {string} type The type of inline edit we are currently on.
+ * @property {string} what The type property with a hash prefixed and a dash
+ *                         suffixed.
+ */
+var inlineEditTax;
+
+( function( $, wp ) {
+
+inlineEditTax = {
+
+       /**
+        * @summary Initializes the inline taxonomy editor.
+        *
+        * Adds event handlers to be able to quick edit.
+        *
+        * @since 2.7.0
+        *
+        * @this inlineEditTax
+        * @memberof inlineEditTax
+        * @returns {void}
+        */
+       init : function() {
+               var t = this, row = $('#inline-edit');
+
+               t.type = $('#the-list').attr('data-wp-lists').substr(5);
+               t.what = '#'+t.type+'-';
+
+               $('#the-list').on('click', 'a.editinline', function(){
+                       inlineEditTax.edit(this);
+                       return false;
+               });
+
+               /*
+                * @summary Cancels inline editing when pressing escape inside the inline editor.
+                *
+                * @param {Object} e The keyup event that has been triggered.
+                */
+               row.keyup( function( e ) {
+                       // 27 = [escape]
+                       if ( e.which === 27 ) {
+                               return inlineEditTax.revert();
+                       }
+               });
+
+               /**
+                * @summary Cancels inline editing when clicking the cancel button.
+                */
+               $( '.cancel', row ).click( function() {
+                       return inlineEditTax.revert();
+               });
+
+               /**
+                * @summary Saves the inline edits when clicking the save button.
+                */
+               $( '.save', row ).click( function() {
+                       return inlineEditTax.save(this);
+               });
+
+               /**
+                * @summary Saves the inline edits when pressing enter inside the inline editor.
+                */
+               $( 'input, select', row ).keydown( function( e ) {
+                       // 13 = [enter]
+                       if ( e.which === 13 ) {
+                               return inlineEditTax.save( this );
+                       }
+               });
+
+               /**
+                * @summary Saves the inline edits on submitting the inline edit form.
+                */
+               $( '#posts-filter input[type="submit"]' ).mousedown( function() {
+                       t.revert();
+               });
+       },
+
+       /**
+        * Toggles the quick edit based on if it is currently shown or hidden.
+        *
+        * @since 2.7.0
+        *
+        * @this inlineEditTax
+        * @memberof inlineEditTax
+        *
+        * @param {HTMLElement} el An element within the table row or the table row
+        *                         itself that we want to quick edit.
+        * @returns {void}
+        */
+       toggle : function(el) {
+               var t = this;
+
+               $(t.what+t.getId(el)).css('display') === 'none' ? t.revert() : t.edit(el);
+       },
+
+       /**
+        * Shows the quick editor
+        *
+        * @since 2.7.0
+        *
+        * @this inlineEditTax
+        * @memberof inlineEditTax
+        *
+        * @param {string|HTMLElement} id The ID of the term we want to quick edit or an
+        *                                element within the table row or the
+        * table row itself.
+        * @returns {boolean} Always returns false.
+        */
+       edit : function(id) {
+               var editRow, rowData, val,
+                       t = this;
+               t.revert();
+
+               // Makes sure we can pass an HTMLElement as the ID.
+               if ( typeof(id) === 'object' ) {
+                       id = t.getId(id);
+               }
+
+               editRow = $('#inline-edit').clone(true), rowData = $('#inline_'+id);
+               $( 'td', editRow ).attr( 'colspan', $( 'th:visible, td:visible', '.wp-list-table.widefat:first thead' ).length );
+
+               $(t.what+id).hide().after(editRow).after('<tr class="hidden"></tr>');
+
+               val = $('.name', rowData);
+               val.find( 'img' ).replaceWith( function() { return this.alt; } );
+               val = val.text();
+               $(':input[name="name"]', editRow).val( val );
+
+               val = $('.slug', rowData);
+               val.find( 'img' ).replaceWith( function() { return this.alt; } );
+               val = val.text();
+               $(':input[name="slug"]', editRow).val( val );
+
+               $(editRow).attr('id', 'edit-'+id).addClass('inline-editor').show();
+               $('.ptitle', editRow).eq(0).focus();
+
+               return false;
+       },
+
+       /**
+        * @summary Saves the quick edit data.
+        *
+        * Saves the quick edit data to the server and replaces the table row with the
+        * HTML retrieved from the server.
+        *
+        * @since 2.7.0
+        *
+        * @this inlineEditTax
+        * @memberof inlineEditTax
+        *
+        * @param {string|HTMLElement} id The ID of the term we want to quick edit or an
+        *                                element within the table row or the
+        * table row itself.
+        * @returns {boolean} Always returns false.
+        */
+       save : function(id) {
+               var params, fields, tax = $('input[name="taxonomy"]').val() || '';
+
+               // Makes sure we can pass an HTMLElement as the ID.
+               if( typeof(id) === 'object' ) {
+                       id = this.getId(id);
+               }
+
+               $( 'table.widefat .spinner' ).addClass( 'is-active' );
+
+               params = {
+                       action: 'inline-save-tax',
+                       tax_type: this.type,
+                       tax_ID: id,
+                       taxonomy: tax
+               };
+
+               fields = $('#edit-'+id).find(':input').serialize();
+               params = fields + '&' + $.param(params);
+
+               // Do the ajax request to save the data to the server.
+               $.post( ajaxurl, params,
+                       /**
+                        * @summary Handles the response from the server.
+                        *
+                        * Handles the response from the server, replaces the table row with the response
+                        * from the server.
+                        *
+                        * @param {string} r The string with which to replace the table row.
+                        */
+                       function(r) {
+                               var row, new_id, option_value,
+                                       $errorSpan = $( '#edit-' + id + ' .inline-edit-save .error' );
+
+                               $( 'table.widefat .spinner' ).removeClass( 'is-active' );
+
+                               if (r) {
+                                       if ( -1 !== r.indexOf( '<tr' ) ) {
+                                               $(inlineEditTax.what+id).siblings('tr.hidden').addBack().remove();
+                                               new_id = $(r).attr('id');
+
+                                               $('#edit-'+id).before(r).remove();
+
+                                               if ( new_id ) {
+                                                       option_value = new_id.replace( inlineEditTax.type + '-', '' );
+                                                       row = $( '#' + new_id );
+                                               } else {
+                                                       option_value = id;
+                                                       row = $( inlineEditTax.what + id );
+                                               }
+
+                                               // Update the value in the Parent dropdown.
+                                               $( '#parent' ).find( 'option[value=' + option_value + ']' ).text( row.find( '.row-title' ).text() );
+
+                                               row.hide().fadeIn( 400, function() {
+                                                       // Move focus back to the Quick Edit link.
+                                                       row.find( '.editinline' ).focus();
+                                                       wp.a11y.speak( inlineEditL10n.saved );
+                                               });
+
+                                       } else {
+                                               $errorSpan.html( r ).show();
+                                               /*
+                                                * Some error strings may contain HTML entities (e.g. `&#8220`), let's use
+                                                * the HTML element's text.
+                                                */
+                                               wp.a11y.speak( $errorSpan.text() );
+                                       }
+                               } else {
+                                       $errorSpan.html( inlineEditL10n.error ).show();
+                                       wp.a11y.speak( inlineEditL10n.error );
+                               }
+                       }
+               );
+
+               // Prevent submitting the form when pressing Enter on a focused field.
+               return false;
+       },
+
+       /**
+        * Closes the quick edit form.
+        *
+        * @since 2.7.0
+        *
+        * @this inlineEditTax
+        * @memberof inlineEditTax
+        * @returns {void}
+        */
+       revert : function() {
+               var id = $('table.widefat tr.inline-editor').attr('id');
+
+               if ( id ) {
+                       $( 'table.widefat .spinner' ).removeClass( 'is-active' );
+                       $('#'+id).siblings('tr.hidden').addBack().remove();
+                       id = id.substr( id.lastIndexOf('-') + 1 );
+
+                       // Show the taxonomy row and move focus back to the Quick Edit link.
+                       $( this.what + id ).show().find( '.editinline' ).focus();
+               }
+       },
+
+       /**
+        * Retrieves the ID of the term of the element inside the table row.
+        *
+        * @since 2.7.0
+        *
+        * @memberof inlineEditTax
+        *
+        * @param {HTMLElement} o An element within the table row or the table row itself.
+        * @returns {string} The ID of the term based on the element.
+        */
+       getId : function(o) {
+               var id = o.tagName === 'TR' ? o.id : $(o).parents('tr').attr('id'), parts = id.split('-');
+
+               return parts[parts.length - 1];
+       }
+};
+
+$(document).ready(function(){inlineEditTax.init();});
+
+})( jQuery, window.wp );